:root{--ink:#06222b;--deep:#01303e;--teal:#197a94;--mid:#409aab;--ice:#7fcbd2;--snow:#dff3f4;--review:oklch(84% .12 80);--review-ink:#2a1d00;--coral:oklch(74% .13 30);--coral-text:oklch(82% .1 30);--negative:oklch(78% .12 30);--line:#7fcbd224;--line-soft:#7fcbd214;--line-faint:#7fcbd20f;--line-input:#7fcbd240;--line-btn:#7fcbd24d;--hover:#7fcbd214;--selected:#7fcbd21f;--mono:"Roboto Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ink);color:var(--snow);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,system-ui,sans-serif}a{color:var(--ice);text-decoration:none}a:hover{color:var(--snow)}input,select,button,textarea{font-family:inherit}button:disabled{cursor:default;opacity:.6}h1,h2,p{margin:0}.label{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ice)}.mono{font-family:var(--mono)}.muted{color:var(--ice)}.h-page{letter-spacing:-.025em;font-size:34px;font-weight:800}.panel{background:var(--deep);border:1px solid var(--line);border-radius:14px}.panel-pad{flex-direction:column;padding:20px;display:flex}.panel-head{border-bottom:1px solid var(--line);align-items:center;padding:16px 20px;display:flex}.row{align-items:center;display:flex}.stack{flex-direction:column;display:flex}.btn{cursor:pointer;white-space:nowrap;height:38px;color:var(--snow);border-radius:9px;padding:0 14px;font-size:14px}.btn-primary{background:var(--teal);border:none;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--mid)}.btn-secondary{border:1px solid var(--line-btn);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--deep)}.panel .btn-secondary:hover:not(:disabled){background:var(--ink)}.btn-danger{border:1px solid var(--coral);color:var(--coral-text);background:0 0}.btn-sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.input{border:1px solid var(--line-input);background:var(--ink);height:42px;color:var(--snow);border-radius:9px;outline:none;min-width:0;padding:0 12px;font-size:14px}.input:focus{border-color:var(--mid)}.input::placeholder{color:#7fcbd299}select.input{padding:0 10px}.toggle{cursor:pointer;background:#7fcbd233;border:none;border-radius:13px;flex:none;width:44px;height:26px;padding:0;position:relative}.toggle:after{content:"";background:var(--snow);border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--teal)}.toggle[aria-checked=true]:after{left:21px}.toggle.sm{border-radius:12px;width:40px;height:24px}.toggle.sm:after{width:18px;height:18px}.toggle.sm[aria-checked=true]:after{left:19px}.toggle:disabled{cursor:default;opacity:.6}.pill{font:500 11px var(--mono);white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:2px 7px}.chip{font:500 12px var(--mono);cursor:pointer;border:1px solid var(--line-input);color:var(--ice);background:0 0;border-radius:7px;padding:5px 10px}.chip[aria-pressed=true]{background:var(--teal);color:var(--snow)}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--deep);border-right:1px solid var(--line);flex-direction:column;gap:24px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.main{flex-direction:column;gap:28px;width:100%;min-width:0;max-width:1240px;padding:32px 40px 64px;display:flex}.nav-item{cursor:pointer;color:var(--snow);border-radius:8px;padding:9px 10px;font-size:14px;display:block}.nav-item:hover{background:var(--hover);color:var(--snow)}.nav-item.active{background:var(--selected)}.logo-mark{background:var(--teal);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.avatar{background:var(--ice);width:28px;height:28px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;color:var(--ice);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 14px;font-size:15px;font-weight:500;display:flex}.tab:hover{color:var(--snow)}.tab.active{color:var(--snow);border-bottom-color:var(--ice)}.badge{font:500 11px var(--mono);background:var(--review);color:var(--review-ink);border-radius:10px;padding:1px 7px}.grid-auto-380{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:20px;display:grid}.preview-frame{background:repeating-linear-gradient(135deg,#01303e 0 12px,#032a36 12px 24px);border:1px solid #7fcbd233;border-radius:12px;position:relative;overflow:hidden}.preview-frame iframe{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.preview-placeholder{font:500 13px var(--mono);color:var(--mid);text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pin{background:var(--review);width:26px;height:26px;color:var(--review-ink);pointer-events:none;border-radius:50% 50% 50% 0;place-items:center;margin:-26px 0 0;font:700 12px Roboto,sans-serif;display:grid;position:absolute;box-shadow:0 2px 8px #0000004d}.pin-dot{background:var(--review);width:22px;height:22px;color:var(--review-ink);border-radius:50%;flex:none;place-items:center;font:700 11px Roboto,sans-serif;display:grid}.toast{background:var(--snow);color:var(--ink);z-index:50;border-radius:10px;max-width:min(420px,100vw - 48px);padding:12px 16px;font-size:14px;font-weight:500;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000059}.toast.error{background:var(--coral);color:#2a0d05}.modal-backdrop{z-index:40;background:#06222bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:16px;width:100%;max-width:440px;padding:24px;display:flex}.spinner-page{min-height:100vh;color:var(--mid);font:500 13px var(--mono);place-items:center;display:grid}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.main{padding:24px 16px 48px}.grid-auto-380{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr!important}}