:root{color-scheme:light;--navy:#132b36;--navy-mid:#263c45;--teal:#387b78;--teal-dark:#225e5b;--teal-tint:#e7f1ef;--paper:#f5f7f5;--surface:#fff;--ink:#1c323b;--muted:#65777c;--border:#dfe6e3;--shadow:0 15px 44px rgba(18,42,48,.055);--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #4fa9a4;outline-offset:3px}button svg{width:20px;height:20px}.page-shell{max-width:1140px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;padding:0 34px}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.identity{display:inline-flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;font-weight:750;font-size:20px;letter-spacing:-.055em}.identity-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--navy);border-radius:10px;color:#e5f6ec}.identity-mark svg{width:24px;height:24px}.identity-suffix{font-size:13px;font-weight:450;letter-spacing:0;color:#8b9a9d}.lang-toggle{border:1px solid var(--border);border-radius:10px;background:white;color:var(--navy);font-weight:700;font-size:12px;letter-spacing:.04em;padding:11px 15px}.lang-toggle:hover{background:#edf3f0}.content{flex:1;padding:53px 0 44px}.intro{margin-bottom:35px}.eyebrow,.overline{text-transform:uppercase;font-weight:750;font-size:11px;letter-spacing:.13em;color:var(--teal);margin:0}.eyebrow{display:flex;gap:9px;align-items:center}.tiny-dot{width:7px;height:7px;background:#64a99d;border-radius:100%}h1{font-size:clamp(29px,4vw,43px);line-height:1.18;letter-spacing:-.055em;font-weight:760;margin:13px 0 12px}h1 .accent{color:var(--teal)}.subtitle{color:var(--muted);margin:0;font-size:15px}.workspace{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(0,.83fr);gap:22px;align-items:stretch}.panel{background:var(--surface);border:1px solid #e5ebe8;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:10px}.panel-top h2{font-size:19px;letter-spacing:-.035em;line-height:1.25;margin:8px 0 0}.mini-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--teal-tint);color:var(--teal);font-size:21px}.mini-icon svg{width:21px;height:21px}.field-label{display:block;font-size:12px;color:#40585c;font-weight:670;margin-bottom:10px}.password-box{display:flex;align-items:center;background:#f7f9f8;border:1px solid #d7e2de;border-radius:12px;padding:4px 6px 4px 15px;min-width:0;transition:box-shadow .15s}.password-box:focus-within{box-shadow:0 0 0 3px rgba(56,123,120,.11)}.password-box input{min-width:0;flex:1;width:100%;height:46px;background:transparent;border:0;outline:0!important;color:var(--navy);font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:18px;letter-spacing:.025em}.password-box input::placeholder{font-size:15px;color:#b3c3c0;letter-spacing:.09em}.icon-btn{width:37px;height:37px;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:var(--teal)}.icon-btn:hover:not(:disabled){background:#e8f1ef}.icon-btn svg{width:19px;height:19px}.helper{color:#8b9a9c;font-size:11px;margin:9px 0 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-field select,.length-control{width:100%;height:45px;border:1px solid var(--border);border-radius:10px;background:#fbfcfb;color:var(--ink)}.form-field select{padding:0 14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23566b6e' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.length-control{display:flex;justify-content:space-between;align-items:center}.length-btn{border:0;background:none;color:var(--teal);font-size:21px;height:100%;min-width:42px}.length-btn:hover{background:var(--teal-tint)}.length-control input{border:0;outline:0!important;background:transparent;width:100%;min-width:0;text-align:center;font-weight:700;font-size:15px;color:var(--ink);appearance:textfield;-moz-appearance:textfield}.length-control input::-webkit-inner-spin-button,.length-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-row{display:flex;align-items:center;gap:10px;margin:20px 0 31px;font-size:11px;color:#92a19e}.range-row input{width:100%;accent-color:var(--teal);height:6px;cursor:pointer}.actions{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:10px}.primary-btn,.secondary-btn,.outline-btn{height:47px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s}.primary-btn{background:var(--navy);color:white}.primary-btn:hover:not(:disabled){background:#254756}.primary-btn:active:not(:disabled){transform:translateY(1px)}.secondary-btn{background:#edf2ef;color:#37565a}.secondary-btn:hover:not(:disabled){background:#e0ebe6}.qr-panel{display:flex;flex-direction:column}.qr-panel .panel-top{margin-bottom:14px}.qr-canvas-container{height:210px;width:100%;background:#f8faf9;border:1px dashed #d9e4df;border-radius:12px;display:grid;place-items:center}.qr-empty{text-align:center;color:#a2afad;font-size:12px;display:grid;justify-items:center;gap:6px}.empty-illustration{width:88px;height:88px;color:#bfcdca}.empty-illustration svg{width:100%;height:100%}#qr-canvas{width:178px;height:178px;image-rendering:pixelated;background:white}#qr-canvas[hidden]{display:none}.qr-note{text-align:center;color:#7e8f91;font-size:11px;line-height:1.55;min-height:36px;margin:13px 0 14px}.outline-btn{width:100%;border-color:#a9c6bf;color:var(--teal-dark);background:#fff;margin-top:auto}.outline-btn:hover:not(:disabled){background:var(--teal-tint)}.download-btn{width:100%;margin-top:9px}.download-btn svg{width:18px;height:18px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:25px 4px 0}.trust-item{display:flex;align-items:flex-start;gap:12px}.trust-icon{width:34px;height:34px;background:#e5efeb;color:var(--teal-dark);display:grid;place-items:center;border-radius:9px;font-weight:700;font-size:20px;flex-shrink:0}.trust-item strong{display:block;font-size:12px;margin:2px 0 4px}.trust-item p{margin:0;font-size:11px;color:#809093}.status-message{margin:18px 4px 0;font-size:12px;min-height:20px;color:var(--teal-dark)}.status-message.error{color:#b64237}.site-footer{border-top:1px solid var(--border);padding:20px 0 24px;color:#839497;font-size:11px;display:flex;justify-content:space-between;gap:15px}.site-footer strong{font-weight:750;color:#46646a}.footer-right{display:flex;align-items:center;gap:8px}.footer-dot{background:#77b49d;width:7px;height:7px;border-radius:50%}@media(max-width:800px){.page-shell{padding:0 18px}.site-header{height:76px}.content{padding-top:36px}.workspace{grid-template-columns:1fr}.panel{padding:25px}.qr-canvas-container{height:215px}.qr-note{min-height:0}.trust-strip{gap:14px}.trust-item{gap:8px}}@media(max-width:540px){.intro{margin-bottom:26px}.panel{padding:22px 19px}.panel-top{margin-bottom:24px}h1{font-size:32px}.form-grid{gap:11px}.actions{grid-template-columns:minmax(0,1fr) 91px}.primary-btn,.secondary-btn{font-size:12px}.primary-btn svg{width:17px;height:17px}.password-box input{font-size:15px}.trust-strip{grid-template-columns:1fr;gap:17px}.site-footer{flex-direction:column}.qr-panel .panel-top{margin-bottom:15px}}
.qr-empty[hidden]{display:none}