:root{--bg:#090e0d;--panel:#101816;--field:#0b1210;--line:#25362f;--muted:#8c9f96;--accent:#54e3a4;--white:#e8f2ec;--bs-body-bg:var(--bg);--bs-body-color:var(--white);--bs-border-color:var(--line);--bs-primary:#54e3a4}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 0%,#12322555,transparent 35%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--white)}button,input,select,textarea{font:inherit}button{transition:background .15s,border-color .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding:0 38px}.topbar{height:99px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none;font-size:19px;letter-spacing:1.2px;font-weight:800}.brand-light{font-weight:400;color:#bfd0c6}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px;font-weight:500}.brand-icon{height:42px;width:42px;border:1px solid #387258;border-radius:11px;display:grid;place-items:center;background:#193a2b;color:var(--accent);font-size:35px}.header-actions{display:flex;align-items:center;gap:12px}.btn{border-radius:8px;font-weight:600}.btn-sm{padding:9px 14px;font-size:12px}.btn-outline-secondary{border-color:#35483e;color:#bfcdc5}.btn-outline-secondary:hover{background:#213b2e;color:var(--white);border-color:#4c7861}.btn-dark{background:#1b2e23;border:1px solid #355943;color:#ceead8}.tiny-tag{font-family:monospace;font-size:10px;letter-spacing:1px;color:#90ae9d;border:1px solid var(--line);padding:3px 7px;border-radius:4px}.hero{padding:42px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 10px #54e3a430}.dot.muted{background:#81998a;box-shadow:none}h1{font-size:46px;line-height:1.16;letter-spacing:-1.7px;font-weight:650;margin:17px 0 15px}h1 span{color:var(--accent)}.hero p{font-size:14px;line-height:1.75;color:#94a69c;margin:0}.hero-route{display:flex;align-items:center;margin-right:24px;transform:translateY(7px)}.hero-route>div{display:flex;position:relative;align-items:center;flex-direction:column;width:78px}.route-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #304a3a;border-radius:15px;background:#15221a;font-size:26px;color:#a6b8ad}.route-icon.active{background:#1e422e;border-color:#3c8c5d;color:var(--accent);font-size:40px;box-shadow:0 0 45px #54e3a40d}.hero-route b{font-size:9px;font-weight:600;letter-spacing:1.4px;margin-top:14px}.hero-route small{position:absolute;top:93px;font:9px monospace;white-space:nowrap;color:#70897a}.route-line{height:1px;width:42px;background:linear-gradient(90deg,#375643,#6cb383);transform:translateY(-11px);position:relative}.route-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #6cb383;border-right:1px solid #6cb383;transform:rotate(45deg)}
.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #304c39;border-radius:9px;background:#152219;color:#a9bdb0;font-size:12px;line-height:1.6}.notice-icon{border:1px solid #6a977a;color:#9dcca9;border-radius:50%;height:17px;min-width:17px;display:grid;place-items:center;font:11px monospace}.notice strong{color:#d5e8d9;font-weight:600}.notice-label{margin-left:auto;white-space:nowrap;font:9px monospace;letter-spacing:1px;border:1px solid #526c42;background:#253522;color:#b8d599;border-radius:4px;padding:3px 7px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0 26px}.stat-card{background:#111916;border:1px solid var(--line);border-radius:10px;padding:17px 18px}.stat-label{font-size:9px;letter-spacing:1.1px;color:var(--muted);display:flex;justify-content:space-between}.stat-symbol{color:#6d8e7a;font-size:13px}.stat-card strong{display:block;font:600 23px ui-monospace,SFMono-Regular,Consolas,monospace;margin:11px 0 8px;letter-spacing:-.6px}.stat-card:first-child strong{font:600 19px inherit;color:#cde5d5;letter-spacing:0}.stat-card small{font-size:10px;color:#7d9586}.accent{color:var(--accent)}.dim{color:#50735d}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(120deg,#111a16,#0f1713);border-radius:12px;overflow:hidden}.panel-heading{padding:23px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.heading-icon{color:var(--accent);font-size:23px;min-width:24px}.panel-heading h2{font-size:16px;margin:0 0 6px;font-weight:600;letter-spacing:-.2px}.panel-heading p{font-size:11px;margin:0;color:var(--muted)}.step-tag{margin-left:auto;color:#4c6b57;font:11px monospace;border:1px solid #283d30;border-radius:5px;padding:5px 7px}.mode-bar{margin:20px 24px 0;padding:11px 12px;background:#192a1f;border:1px solid #2b4734;border-radius:7px;color:#afcbb8;display:flex;align-items:center;justify-content:space-between;font-size:10px}.mode-bar .dot{width:5px;height:5px;margin-right:6px}.mode-bar .tiny-tag{font-size:8px;color:#bad7c3;border:none;padding:0}form#generator-form{padding:0 24px 20px}.form-section{margin-top:24px}.section-heading{font-size:9px;letter-spacing:1.3px;color:#8ba794;display:flex;justify-content:space-between;margin-bottom:14px}.section-heading span{font:9px monospace;letter-spacing:0;color:#56705e}.protocol-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.protocol-btn{border:1px solid #2b3d31;background:#101a14;border-radius:8px;padding:12px 7px 10px;text-align:left;font-size:12px;color:#d7e7db;font-weight:600;white-space:nowrap}.protocol-btn>span{color:#72937e;margin:0 5px 0 2px}.protocol-btn small{display:block;color:#7d9987;font-size:8px;font-weight:400;margin:6px 0 0 3px}.protocol-btn.selected{background:#173524;border-color:#4eac73}.protocol-btn.selected>span{color:var(--accent)}.form-label{font-size:11px;color:#bed1c4;font-weight:500;margin-bottom:8px}.required{color:var(--accent)}.form-control,.form-select{background-color:var(--field);border-color:#2b3d31;color:#d7e8dd;border-radius:7px;font-size:12px;padding:12px 13px;min-height:43px}.form-control:focus,.form-select:focus{background-color:#0c1710;color:#e5f8e9;border-color:#50a770;box-shadow:0 0 0 3px #54e3a411}.form-control::placeholder{color:#607567}.form-control:disabled,.form-control[readonly]{background:#132118;color:#789985}.input-group-text{background:#17251b;color:#6f917b;font:11px monospace;border-color:#2b3d31;padding:0 11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.form-text{font-size:10px;color:#799080;line-height:1.65;margin-top:7px}.advanced{border-top:1px solid #26392c;border-bottom:1px solid #26392c;margin-top:18px;padding:12px 0}.advanced summary{font-size:10px;color:#94af9c;cursor:pointer}.advanced summary span{float:right;font:9px monospace;color:#64856e;padding-top:2px}.advanced-content{font-size:11px;line-height:1.7;color:#99b5a1;padding-top:11px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:8px}.label-row .form-label{margin:0}.text-btn{background:none;border:none;color:var(--accent);font-size:10px;padding:0;cursor:pointer}.text-btn:hover{color:#b3ffd2}.reveal-btn{border:1px solid #2b3d31;color:#8eb99c;background:#132218;font-size:10px}.reveal-btn:hover{background:#243d2d;color:var(--white)}.btn-generate{width:100%;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 16px;color:#082513;background:#54e3a4;border:1px solid #65f1b3;font-size:13px;box-shadow:0 3px 20px #54e3a40a}.btn-generate:hover{background:#7deeb9;color:#072110;border-color:#7deeb9}.btn-generate:disabled{background:#385e45;border-color:#446d53;color:#a6c7b2}.btn-generate>span:first-child{font-size:20px;line-height:1}.btn-generate .arrow{margin-left:auto}.privacy-caption{font-size:9px;text-align:center;color:#6f8a79;margin:12px 0 0}.right-column{display:flex;flex-direction:column;gap:18px}.results-panel .panel-heading{padding:23px 22px}.results-panel .panel-heading h2{font-size:15px}.empty-state{text-align:center;padding:45px 15px 47px;background-image:radial-gradient(#3c674525 1px,transparent 1px);background-size:15px 15px}.empty-illustration{margin:0 auto 25px;width:110px;height:86px;position:relative;display:flex;align-items:center;justify-content:center}.empty-illustration span{width:92px;height:67px;background:#14291c;border:1px solid #36563f;border-radius:11px;color:#69b78a;font-size:45px;transform:rotate(-9deg)}.empty-illustration b{position:absolute;bottom:-3px;right:-2px;background:#1e3827;border:1px solid #42694c;border-radius:7px;padding:5px 9px;font:13px monospace;color:#87c899}.empty-state h3{font-size:16px;font-weight:500;margin-bottom:12px}.empty-state p{font-size:12px;line-height:1.9;color:#819c8a}.empty-state strong{font-weight:500;color:#b3cdbb}.empty-tags{display:flex;gap:9px;justify-content:center;margin-top:22px}.empty-tags span{font:10px monospace;border:1px solid #2d4835;background:#15241a;color:#85ad92;padding:4px 10px;border-radius:5px}.result-footer{font-size:9px;color:#73907c;display:flex;align-items:center;gap:8px;padding:15px 20px;border-top:1px solid var(--line);background:#101b13}.flow-panel{padding:25px}.small-eyebrow{font-size:9px;color:#718e7b;letter-spacing:1.5px}.flow-panel h3{font-size:18px;font-weight:500;margin:9px 0 24px;letter-spacing:-.4px}.flow-step{display:flex;gap:13px;position:relative;margin-bottom:19px}.flow-step>span{display:grid;place-items:center;width:26px;min-width:26px;height:26px;border:1px solid #34543e;background:#182e20;border-radius:7px;color:#8ec39e;font:11px monospace;z-index:1}.flow-step:not(:nth-last-of-type(1)):after{content:"";position:absolute;left:12px;top:26px;height:30px;border-left:1px dashed #34543e}.flow-step b{display:block;font-size:12px;font-weight:500;padding-top:3px}.flow-step p{font-size:10px;color:#779682;margin:5px 0 0}.flow-panel>.text-btn{display:flex;justify-content:space-between;width:100%;border-top:1px solid #253b2c;padding-top:15px;margin-top:22px;font-size:11px}.security-note{display:flex;gap:12px;padding:2px 7px}.security-note>span{font-size:23px;color:#73977e}.security-note p{font-size:10px;line-height:1.8;color:#728c7b;margin:0}.security-note strong{color:#a4bdad;font-weight:500}footer{margin-top:40px;border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:18px;color:#607e6a;font-size:9px}footer b{color:#a7bdb0;font-weight:500;letter-spacing:1px;font-size:9px}footer>span:last-child{font-size:8px;letter-spacing:1px}.footer-dot{margin:0 8px;color:#385441}
#result-content{padding:23px 22px}.result-status{font-size:10px;color:#a7d6b8;display:flex;align-items:center;gap:7px;margin-bottom:20px}.result-tabs{display:flex;border-bottom:1px solid #2d4334;gap:18px;align-items:center}.result-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:0 0 10px;color:#718f7c;font:11px monospace}.result-tab.selected{color:var(--accent);border-color:var(--accent)}.result-tabs>span{margin-left:auto;font:9px monospace;color:#5f816b;padding-bottom:10px}.result-meta{display:flex;flex-direction:column;gap:4px;margin:18px 0 10px;font-size:10px;color:#8faf99}.result-meta>span:first-child{font-size:13px;color:#bdd8c6}.result-meta>span:last-child{overflow-wrap:anywhere}.result-code{background:#09100c;border:1px solid #2b4433;border-radius:7px;color:#87c69d;padding:14px;font:10px/1.8 monospace;resize:vertical;width:100%;min-height:145px;word-break:break-all}.result-actions{display:flex;gap:9px;margin-top:12px}.result-actions>.btn{font-size:11px;padding:10px;flex:1}.btn-copy{background:#234932;color:#aff4c6;border:1px solid #386849}.btn-copy:hover{background:#2e6143;color:#d1ffe3}.download-btn{width:100%;background:transparent;border:1px dashed #36523e;color:#91b19c;border-radius:7px;margin-top:11px;padding:10px;font-size:10px}.download-btn:hover{background:#193322}.result-warning{font-size:10px;color:#b7be8a;line-height:1.7;margin-top:15px;background:#22291a;border:1px solid #3c4729;padding:10px;border-radius:6px}.error-box{font-size:12px;color:#ffb6ac;border:1px solid #774039;background:#351e1a;border-radius:7px;padding:12px;margin-top:15px}#qr-panel{text-align:center;padding-top:18px}#qr-panel img{max-width:100%;height:auto;border-radius:8px}#qr-panel p{font-size:10px;color:var(--muted);margin-top:10px}.accounts-panel{margin-top:25px}.accounts-panel .panel-heading{justify-content:space-between}.accounts-panel table{margin:0}.accounts-panel th,.accounts-panel td{font-size:11px;padding:15px 23px;background:transparent;vertical-align:middle}.accounts-panel th{color:#8cb19a;font-weight:500}.status-pill{padding:4px 7px;border-radius:4px;background:#22442c;color:#a1d7b2;font-size:10px}.status-pill.off{background:#383027;color:#c4b691}.account-actions{display:flex;gap:8px}.account-actions button{font-size:10px}
dialog{border:1px solid #385941;border-radius:14px;background:#111e16;color:var(--white);max-width:620px;width:calc(100% - 32px);padding:28px;max-height:88vh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030a06c9;backdrop-filter:blur(5px)}dialog h2{font-size:23px;letter-spacing:-.6px}dialog p{color:#9ab5a3;font-size:12px;line-height:1.8}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{margin:0}.dialog-close{border:1px solid #385541;border-radius:6px;background:#1a3021;color:#a0c9af;width:30px;height:30px;font-size:21px;line-height:1}.help-steps{padding-left:23px;margin:25px 0}.help-steps li{padding-left:7px;margin:18px 0;color:#8fe0aa}.help-steps strong{font-size:13px;color:#d4e8da;font-weight:500}.help-steps p{margin-top:6px;font-size:11px}.help-warning{background:#262a19;border:1px solid #454b29;padding:15px;border-radius:8px;color:#bfc797;font-size:11px;line-height:1.8}code{color:#8ed9aa;font-size:.9em}#demo-admin-note{margin:10px 0 18px}.app-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#264d33;color:#d5ffe2;border:1px solid #568f65;border-radius:8px;padding:12px 20px;box-shadow:0 10px 40px #0006;font-size:12px;z-index:100}
@media(min-width:1400px){.shell{max-width:1320px}.hero{padding-top:48px}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
@media(max-width:1000px){.shell{padding:0 24px}.hero-route{margin-right:0}.route-line{width:20px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}form#generator-form{padding:0 18px 20px}.mode-bar{margin-left:18px;margin-right:18px}.panel-heading{padding:20px 18px}.results-panel .panel-heading{padding:20px 18px}.panel-heading p{font-size:10px}.protocol-btn{font-size:11px}.protocol-btn small{font-size:7px}.stat-card{padding:14px 13px}.stat-card small{font-size:9px}.flow-panel{padding:20px}}
@media(max-width:760px){.shell{padding:0 18px}.topbar{height:81px}.brand{font-size:15px;gap:9px}.brand-icon{height:36px;width:36px;font-size:30px}.brand small{font-size:7px;letter-spacing:1.1px}.header-actions{gap:7px}.header-actions .btn-sm{font-size:10px;padding:8px 10px}.hero{padding:29px 0 23px}.hero-route{display:none}h1{font-size:40px;margin-top:14px}.hero p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.4px}.notice{padding:11px 12px;font-size:10px;gap:10px}.notice-label{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;margin-bottom:18px}.stat-card{padding:15px}.stat-card strong{font-size:23px}.stat-card small{font-size:9px}.workspace{grid-template-columns:1fr;gap:18px}.panel-heading{padding:21px}.panel-heading h2{font-size:16px}.mode-bar{margin:18px 20px 0}form#generator-form{padding:0 20px 20px}.form-label{font-size:12px}.form-control,.form-select{font-size:13px;min-height:46px}.mono{font-size:11px}.protocol-btn{padding:14px 10px;font-size:12px}.protocol-btn small{font-size:8px}.form-text{font-size:10px}.empty-state{padding:32px 15px}.empty-illustration{margin-bottom:20px}.desktop-only{display:none!important}.right-column{gap:16px}.flow-panel{padding:23px}.privacy-caption{font-size:9px}footer{flex-direction:column;gap:10px;margin-top:28px;font-size:8px}.accounts-panel .panel-heading{align-items:flex-start;gap:10px}.accounts-panel .panel-heading p{line-height:1.7}.accounts-panel th,.accounts-panel td{padding:12px}.accounts-panel table{min-width:520px}.advanced summary span{font-size:8px}.help-steps p{font-size:12px}dialog{padding:22px}.result-footer{font-size:9px}.panel-heading p{font-size:11px}.stat-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.empty-illustration span{font:24px ui-monospace,monospace;display:grid;place-items:center}
.security-note>span svg{min-width:22px}
.stat-symbol{font-family:Arial,sans-serif}
@media(max-width:760px){.header-actions .btn-sm{white-space:nowrap;padding:8px}.brand{font-size:13px}.brand small{font-size:6px}}