:root{--bg0:#080d0b;--bg1:#0e1613;--bg2:#16201c;--surface:#121c18b8;--surface-solid:#121c18;--ink:#eaf3ee;--muted:#8ea59a;--accent:#3dba8a;--accent-bright:#5fd4a4;--accent-dim:#247a58;--danger:#e07a7a;--warn:#d4a84b;--line:#3dba8a2e;--line-strong:#3dba8a59;--focus:#7ee0b5;--radius:14px;--radius-sm:10px;--shadow:0 18px 50px #00000059;--font-display:"Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--font-body:"Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--font-mono:"Cascadia Code", "Consolas", "Courier New", monospace;--max:680px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 480px at 50% -8%, #3dba8a29, transparent 60%), radial-gradient(700px 400px at 100% 20%, #245a4633, transparent 55%), linear-gradient(180deg, var(--bg0), var(--bg1) 40%, #0a110e);-webkit-font-smoothing:antialiased;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#080d0bc7;position:sticky;top:0}.navbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand-lockup{color:inherit;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 3px 8px #0098c847);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-shrink:0;width:40px;height:40px;display:block}.brand-3d{font-family:var(--font-display);letter-spacing:-.04em;color:#d8ffe9;-webkit-user-select:none;user-select:none;text-shadow:0 1px #2a8f66,0 2px #247a58,0 3px #1f6b4c,0 4px #1a5c41,0 5px #154d36,0 6px #123f2d,0 10px 22px #00000073,0 0 28px #3dba8a33;transform-origin:0;margin:0;font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:800;line-height:1;transform:perspective(400px)rotateX(8deg)}.nav-modes{border:1px solid var(--line);background:#00000059;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.nav-mode{appearance:none;color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.5rem .95rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.nav-mode[aria-selected=true]{color:#eafff4;box-shadow:inset 0 0 0 1px var(--line-strong);background:linear-gradient(#3dba8a47,#3dba8a1f)}.nav-mode:focus-visible,.seg-btn:focus-visible,.chip:focus-visible,.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nav-mode .badge{letter-spacing:.04em;text-transform:uppercase;color:#f0d08a;vertical-align:middle;background:#d4a84b33;border-radius:999px;margin-left:.35rem;padding:.12rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.page{width:100%;max-width:var(--max);flex:1;margin:0 auto;padding:1.75rem 1.25rem 3.5rem}.privacy-banner{text-align:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(#3dba8a1f,#3dba8a0a);max-width:36rem;margin:1rem auto 0;padding:.95rem 1.15rem;font-size:.92rem}.privacy-banner strong{color:var(--accent-bright);margin-bottom:.2rem;display:block}.privacy-banner span{color:var(--muted)}.channel-tip{text-align:center;border-radius:var(--radius);background:linear-gradient(#d4a84b1f,#d4a84b0a);border:1px solid #d4a84b59;max-width:36rem;margin:1.35rem auto 0;padding:.95rem 1.15rem;font-size:.9rem}.channel-tip strong{color:var(--warn);margin-bottom:.25rem;display:block}.channel-tip span{color:var(--muted)}.channel-tip em{color:#f0d08a;font-style:normal;font-weight:600}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.35rem 1.25rem 1.5rem}.section-title{text-align:center;margin:0 0 1.1rem}.section-title h2{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.15rem;font-weight:700}.section-title p{color:var(--muted);margin:0;font-size:.9rem}.seg{border:1px solid var(--line);background:#00000059;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;max-width:360px;margin:0 auto 1.25rem;padding:4px;display:grid}.seg-btn{appearance:none;color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.01em;background:0 0;border:none;border-radius:9px;padding:.7rem 1rem;font-weight:700;transition:background .15s,color .15s,transform .12s}.seg-btn[aria-selected=true]{background:linear-gradient(180deg, #45c994, var(--accent-dim));color:#04140d;box-shadow:0 4px 14px #3dba8a47}.seg-btn:active{transform:translateY(1px)}.chip-row{justify-content:center;gap:.5rem;margin-bottom:1.15rem;display:flex}.chip{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:#00000038;border-radius:999px;padding:.4rem .95rem;font-size:.85rem;font-weight:600}.chip[aria-selected=true]{border-color:var(--line-strong);color:#e8fff4;background:#3dba8a24}.panel{display:none}.panel.active{display:block}.crypto-view{display:none}.crypto-view.active{display:block}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius);text-align:center;background:#00000038;margin:0 auto 1.15rem;padding:1.75rem 1.1rem;transition:border-color .15s,background .15s,box-shadow .15s}.dropzone.dragover{border-color:var(--accent);background:#3dba8a14;box-shadow:0 0 0 4px #3dba8a14}.dropzone-title{color:var(--ink);margin:0 0 .35rem;font-weight:700}.dropzone-sub{color:var(--muted);margin:0 0 .9rem;font-size:.9rem}.file-name{color:var(--ink);font-family:var(--font-mono);word-break:break-all;margin:.85rem 0 0;font-size:.82rem}.field{margin-bottom:.95rem}.field-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.field label{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:600;display:block}.field-head label{margin:0}.icon-btn{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#00000040;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.icon-btn:hover{color:var(--accent-bright);border-color:var(--line-strong)}.icon-btn.copied{color:var(--accent-bright);border-color:var(--accent)}.field input[type=password],.field input[type=text],.field textarea{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#050a08d9;padding:.78rem .9rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3dba8a26}.field textarea.auto-grow{resize:none;min-height:56px;max-height:none;font-family:var(--font-mono);field-sizing:content;font-size:.88rem;line-height:1.45;overflow:hidden}.field textarea.auto-grow.has-content{border-color:var(--accent-bright);box-shadow:0 0 0 1px #5fd4a440}.action-hint{text-align:center;max-width:34rem;color:var(--muted);margin:.45rem auto 0;font-size:.82rem;line-height:1.4}.pw-fields{width:80%;max-width:100%;margin:0 auto .5rem}.pw-input{align-items:center;display:flex;position:relative}.pw-input input{width:100%;padding-right:2.75rem}.pw-input .pw-toggle{color:var(--muted);background:0 0;border:none;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.pw-input .pw-toggle:hover{color:var(--accent-bright);background:0 0;border:none}.pw-toggle .eye-open,.pw-toggle .eye-off{grid-area:1/1;display:none}.pw-toggle[aria-pressed=false] .eye-open,.pw-toggle:not([aria-pressed]) .eye-open,.pw-toggle[aria-pressed=true] .eye-off{display:block}.pw-row{align-items:stretch;gap:.45rem;display:flex}.pw-row input{flex:1;min-width:0}.btn{appearance:none;border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;font:inherit;padding:.62rem 1rem;font-weight:600;transition:background .15s,border-color .15s,transform .12s}.btn:hover:not(:disabled){border-color:var(--line-strong);background:#1c2a24}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, #4dcea0, var(--accent-dim));color:#04140d;border-color:#0000;box-shadow:0 6px 18px #3dba8a47}.btn-primary:hover:not(:disabled){background:linear-gradient(#5fd4a4,#2a8f66);border-color:#0000}.btn-danger{color:#ffd0d0;background:#501e1e40;border-color:#e07a7a59}.btn-ghost{background:0 0}.actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.15rem 0 .35rem;display:flex}.actions-top{margin-top:0;margin-bottom:1rem}.field-spaced{margin-top:1rem}.strength{color:var(--muted);text-align:center;margin-top:.4rem;font-size:.82rem}.strength.strong,.strength.excellent{color:var(--accent-bright)}.strength.weak,.strength.very-weak{color:var(--danger)}.strength.fair{color:var(--warn)}.progress{max-width:420px;margin:1rem auto 0;display:none}.progress.visible{display:block}.progress-bar{background:#00000059;border-radius:999px;height:7px;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg, var(--accent-dim), var(--accent-bright));width:0%;height:100%;transition:width .15s;display:block}.progress-meta{color:var(--muted);text-align:center;margin-top:.4rem;font-size:.82rem}.status{text-align:center;min-height:1.35em;margin:.85rem 0 .35rem;font-size:.92rem}.status.error{color:var(--danger)}.status.ok{color:var(--accent-bright)}.details{border-top:1px solid var(--line);margin-top:1.35rem;padding-top:.85rem}.details summary{cursor:pointer;color:var(--muted);text-align:center;font-size:.88rem;list-style:none}.details summary::-webkit-details-marker{display:none}.details pre{border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#b8d4c6;background:#050a08d9;margin-top:.75rem;padding:.85rem 1rem;font-size:.78rem;overflow:auto}.warning{color:var(--warn);text-align:center;max-width:28rem;margin:.65rem auto 0;font-size:.86rem}.hint{color:var(--muted);text-align:center;margin:.65rem 0 0;font-size:.86rem}.unsupported{max-width:var(--max);border-radius:var(--radius);text-align:center;background:#e070701a;border:1px solid #e07a7a66;margin:3rem auto;padding:1.5rem}.pq-note{text-align:center;color:var(--muted);max-width:28rem;margin:0 auto 1.15rem;font-size:.88rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-footer{border-top:1px solid var(--line);background:#050a088c;margin-top:auto}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;max-width:960px;margin:0 auto;padding:1.35rem 1.25rem 1.75rem;display:flex}.footer-brand{color:inherit;border-radius:10px;align-items:center;gap:.85rem;text-decoration:none;transition:opacity .15s;display:flex}.footer-brand:hover{opacity:.92}.footer-brand:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.footer-logo{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:0 0;flex-shrink:0;width:48px;height:48px}.footer-brand-text{flex-direction:column;gap:.15rem;display:flex}.footer-company{letter-spacing:-.02em;color:var(--accent-bright);margin:0;font-size:1rem;font-weight:700}.footer-product{color:var(--muted);margin:0;font-size:.85rem}.footer-about{flex:220px;max-width:28rem}.footer-about summary{cursor:pointer;color:var(--muted);text-align:right;font-size:.88rem;font-weight:600;list-style:none}.footer-about summary::-webkit-details-marker{display:none}.footer-about summary:after{content:" ▾";opacity:.7;font-size:.75em}.footer-about[open] summary:after{content:" ▴"}.footer-about-body{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--muted);text-align:left;background:#00000047;margin-top:.65rem;padding:.85rem 1rem;font-size:.84rem}.footer-about-body p{margin:0 0 .65rem}.footer-about-body p:last-child{margin-bottom:0}.footer-about-body strong{color:var(--ink)}.footer-about-body a{color:var(--accent-bright);font-weight:600;text-decoration:none}.footer-about-body a:hover{text-decoration:underline}@media (max-width:640px){.navbar-inner{flex-direction:column;align-items:stretch}.brand-lockup{justify-content:center}.nav-modes{grid-template-columns:1fr 1fr;width:100%;display:grid}.nav-mode{text-align:center;padding:.55rem .5rem;font-size:.8rem}.pw-fields{width:100%}.pw-row{flex-wrap:wrap}.pw-row input{flex:100%}.footer-inner{text-align:center;flex-direction:column;align-items:center}.footer-about{width:100%;max-width:none}.footer-about summary{text-align:center}}