:root{--bg:#06131f;--panel:#0a1b29;--panel2:#0d2232;--line:#17364d;--line2:#294a61;--text:#f2f7fb;--muted:#839cad;--blue:#19afff;--cyan:#75d0ff;--green:#38d783;--drawer:360px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}button{font:inherit}.topbar{height:68px;border-bottom:1px solid #203343;background:#071521;display:grid;grid-template-columns:var(--drawer) 1fr auto;align-items:center;padding:0 24px 0 18px;position:sticky;top:0;z-index:20}.brand{font-size:20px;letter-spacing:-.6px}.brand span{color:var(--blue)}.brand small{display:block;color:#66879e;font-size:9px;letter-spacing:1.7px;margin-top:2px}.project{display:flex;gap:18px;align-items:center;border-left:1px solid #294050;padding-left:24px}.project span{color:var(--muted);font-size:13px}.ghost,.primary,.icon-btn{border:1px solid var(--line2);background:#0a1b29;color:#cce0ed;border-radius:9px;min-height:40px;padding:0 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.ghost:hover,.icon-btn:hover{border-color:var(--blue);color:white}.primary{background:var(--blue);border-color:var(--blue);color:#001623;font-weight:750}.ghost svg,.primary svg,.icon-btn svg{width:18px}.shell{display:grid;grid-template-columns:var(--drawer) minmax(0,1fr);min-height:calc(100vh - 68px)}.drawer{border-right:1px solid #1e3444;background:#071824;padding:18px 10px 28px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.drawer-head{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#6e8ba0;font-size:11px;letter-spacing:1.2px}.drawer-head b{font-weight:500;letter-spacing:0;color:#6d899d}.nav-item{width:100%;height:46px;border:0;background:transparent;color:#a9bdca;border-left:3px solid transparent;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;text-align:left;padding:0 10px;border-radius:0 7px 7px 0;cursor:pointer}.nav-item:hover{background:#0a2232;color:white}.nav-item.active{background:#0b2b40;border-left-color:var(--blue);color:white}.nav-item svg{width:21px;height:21px}.nav-item.active svg{color:var(--blue)}.nav-item span{font-size:12px;font-weight:650}.nav-item .status{width:7px;height:7px;border:1px solid #4b6577;border-radius:50%}.nav-item.selected .status{background:var(--green);border-color:var(--green)}.workspace{padding:30px 40px 60px;min-width:0}.page-head{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;margin-bottom:26px}.page-emblem{width:64px;height:64px;border:1px solid #2a506a;border-radius:14px;background:#091a28;display:grid;place-items:center;color:var(--blue);box-shadow:inset 0 0 0 8px #0c2232}.page-emblem svg{width:34px;height:34px}.page-head p,.preview-title span,.choices-head span,.dialog-head span{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.25px}.page-head h1{font-size:28px;line-height:1;margin:0 0 8px}.page-head>div>span{color:var(--muted);font-size:14px}.page-actions{display:flex;gap:10px}.preview-band{border:1px solid var(--line);border-radius:14px;background:#081924;overflow:hidden}.preview-title{height:46px;padding:0 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.preview-title span{margin:0}.preview-title b{font-size:12px;color:#7f9aad}.preview-stage{height:210px;display:grid;grid-template-columns:300px 1fr}.mini-drawer{border-right:1px solid #1c3648;padding:28px 18px;background:#071824}.mini-brand{font-size:12px;font-weight:800}.mini-brand b{color:var(--blue)}.mini-row{height:48px;margin-top:28px;padding:0 12px;display:flex;gap:13px;align-items:center;border-left:3px solid var(--blue);background:#0a2a3f;font-size:11px}.mini-row span{width:25px;display:grid;place-items:center}.mini-row svg{width:21px}.mini-page{display:flex;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at 50% 0,#102b3e 0,transparent 56%)}.large-preview{width:82px;height:82px;border:1px solid #2c526b;border-radius:18px;display:grid;place-items:center;box-shadow:inset 0 0 0 10px #0c2232;color:var(--blue)}.large-preview svg{width:45px;height:45px}.mini-page span{color:#718ea2;font-size:10px;font-weight:800;letter-spacing:1.2px}.mini-page h2{margin:5px 0;font-size:22px}.mini-page p{margin:0;color:#7792a4;font-size:13px}.choices-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 15px}.choices-head h2{margin:0;font-size:18px}.legend{font-size:12px;color:#829aaa;display:flex;gap:8px;align-items:center}.legend i{display:inline-block;width:16px;height:16px;border:1px solid #3b596d;border-radius:4px}.legend i+ i{margin-left:12px;border-color:var(--blue);background:#0d2a3f}.choices{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:13px}.choice{border:1px solid var(--line);border-radius:13px;background:#091a27;color:#dce8ef;padding:14px;cursor:pointer;text-align:left;transition:.15s transform,.15s border-color,.15s background}.choice:hover{transform:translateY(-2px);border-color:#3f6680}.choice.selected{border-color:var(--blue);background:#0b2435;box-shadow:0 0 0 1px #19afff33}.choice-top{display:flex;align-items:center;justify-content:space-between;color:#628197;font-size:11px}.check{width:20px;height:20px;border-radius:50%;border:1px solid #37566a;display:grid;place-items:center}.selected .check{background:var(--blue);border-color:var(--blue);color:#001623}.choice-icons{height:92px;display:flex;align-items:center;justify-content:center;gap:18px}.drawer-glyph{width:48px;height:48px;border-radius:8px;border:1px solid #28485e;display:grid;place-items:center}.drawer-glyph svg{width:25px}.page-glyph{width:66px;height:66px;border-radius:14px;border:1px solid #31556d;box-shadow:inset 0 0 0 7px #0d2232;display:grid;place-items:center;color:var(--cyan)}.page-glyph svg{width:34px}.choice.selected .drawer-glyph{border-color:var(--blue)}.choice.selected .page-glyph{border-color:var(--blue);color:var(--blue)}.choice-name{font-size:13px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{width:min(1180px,94vw);max-height:88vh;border:1px solid #315269;border-radius:16px;background:#071722;color:white;padding:0;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#02070bd9;backdrop-filter:blur(6px)}.dialog-head,.dialog-foot{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}.icon-btn{width:42px;padding:0}.summary-grid{padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:auto}.summary-item{height:76px;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px}.summary-item svg{width:25px;color:var(--blue)}.summary-item b{font-size:12px;display:block}.summary-item span{font-size:11px;color:#738fa2}.dialog-foot{border-bottom:0;border-top:1px solid var(--line)}.danger{color:#ff8991;border-color:#63333a}@media(max-width:1100px){:root{--drawer:290px}.workspace{padding:25px}.choices{grid-template-columns:repeat(3,1fr)}.topbar{grid-template-columns:var(--drawer) 1fr}.topbar>.ghost{display:none}.project{justify-self:end}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{grid-template-columns:1fr}.project{display:none}.shell{display:block}.drawer{position:relative;top:0;width:100%;height:auto;max-height:260px}.workspace{padding:20px 14px}.page-head{grid-template-columns:56px 1fr}.page-emblem{width:52px;height:52px}.page-actions{grid-column:1/-1}.preview-stage{grid-template-columns:1fr;height:auto}.mini-drawer{display:none}.mini-page{padding:35px 18px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-icons{gap:8px}.summary-grid{grid-template-columns:1fr}.choices-head{align-items:start}.legend{display:none}}@media(max-width:420px){.choices{grid-template-columns:1fr}.page-head h1{font-size:22px}}