.skip-link{z-index:100;color:#111;background:#fff;border-radius:6px;padding:8px 12px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:root{color:#e5e7eb;font-synthesis:none;--panel:#111113;--panel2:#18181b;--line:#2b2b30;--muted:#92929d;--green:#22c55e;--green2:#16a34a;background:#09090b;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#09090b;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:#e5e7eb;cursor:pointer;background:#1b1b1f;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 11px;display:inline-flex}button:hover:not(:disabled){background:#26262b;border-color:#44444c}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}.primary{background:var(--green2);border-color:var(--green2);color:#fff;font-weight:650}.primary:hover:not(:disabled){background:#15803d}.wide{width:100%}.loading{height:100vh;color:var(--muted);place-items:center;display:grid}.login-page{background:radial-gradient(circle at 50% 20%,#17251c 0,#09090b 42%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#111113;border-radius:14px;width:min(400px,100%);padding:32px;box-shadow:0 24px 80px #0008}.login-card h1{margin:28px 0 6px;font-size:25px}.login-card p{color:var(--muted);margin:0 0 25px}.login-card label,.properties label{color:#c7c7ce;gap:7px;margin:15px 0;font-size:13px;display:grid}.login-card input,.properties input,.properties select,.properties textarea,.page-name{color:#f4f4f5;background:#0c0c0e;border:1px solid #35353b;border-radius:6px;width:100%;padding:10px}.form-error{color:#fca5a5;margin-bottom:12px;font-size:13px}.brand-mark{color:#fafafa;align-items:center;gap:9px;font-family:Fira Code,monospace;font-weight:600;display:flex}.topbar{border-bottom:1px solid var(--line);background:#101012;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.device-chip{border:1px solid var(--line);background:#18181b;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.device-chip b{color:var(--green);font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.save-state{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.save-state.saved{color:#86efac}.icon-button{width:40px;padding:0}.workspace{grid-template-columns:220px minmax(540px,1fr) 260px;height:calc(100vh - 58px);display:grid}.sidebar{background:var(--panel);overflow:auto}.pages-panel{border-right:1px solid var(--line);flex-direction:column;display:flex}.inspector{border-left:1px solid var(--line)}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:10px 13px;display:flex}.panel-title h2,.properties h3,.device-card h3{margin:0;font-size:14px}.panel-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.page-list{flex:1;padding:8px}.page-item{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;width:100%;margin-bottom:4px}.page-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-item small{color:var(--muted);font-size:10px}.page-item.active{background:#183321;border-color:#28633a}.page-item.active small{color:#86efac}.page-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.page-actions button{font-size:12px}.editor-area{background:#0b0b0d;min-width:0;overflow:auto}.toolbar{border-bottom:1px solid var(--line);background:#141416;align-items:center;gap:5px;height:54px;padding:7px 12px;display:flex;overflow-x:auto}.toolbar button{white-space:nowrap;min-width:40px;height:38px;font-size:12px}.toolbar .separator{background:var(--line);width:1px;height:24px;margin:0 4px}.document-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:75px;padding:10px 18px;display:flex}.page-name{background:0 0;border-color:#0000;max-width:260px;padding:5px 8px;font-size:16px;font-weight:650}.dynamic-toggle{color:var(--muted);align-items:center;gap:7px;padding-left:7px;font-size:11px;display:flex}.publish-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.publish-actions button{font-size:12px}.canvas-zone{background-image:linear-gradient(#17171a 1px,#0000 1px),linear-gradient(90deg,#17171a 1px,#0000 1px);background-size:20px 20px;place-items:center;min-height:calc(100% - 129px);padding:40px 30px;display:grid;position:relative}.rulers{color:#6b6b75;font-family:Fira Code,monospace;font-size:11px;position:absolute;top:13px;left:15px}.canvas-shell{background:#fff;width:400px;height:300px;box-shadow:0 0 0 1px #3f3f46,0 20px 60px #000b}.properties{border-bottom:1px solid var(--line);padding:16px}.field-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.properties .check{grid-template:none;align-items:center;gap:8px;display:flex}.properties .check input{width:auto}.empty-panel{text-align:center;color:#686872;place-content:center;height:210px;padding:24px;display:grid}.empty-panel p{max-width:160px;font-size:12px}.device-card{padding:16px}.device-card dl{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;font-size:12px;display:grid}.device-card dt{color:var(--muted)}.device-card dd{text-align:right;margin:0;font-family:Fira Code,monospace}.modal{z-index:50;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-card{background:#141416;border:1px solid #3f3f46;border-radius:10px;overflow:hidden;box-shadow:0 24px 90px #000}.preview-card img{image-rendering:pixelated;background:#fff;max-width:calc(100vw - 40px);height:auto;display:block}.toast{color:#18181b;z-index:80;background:#f4f4f5;border-radius:8px;padding:11px 16px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}@media (width<=1050px){.workspace{grid-template-columns:180px minmax(500px,1fr)}.inspector{display:none}}@media (width<=760px){.device-chip span,.save-state{display:none}.workspace{height:auto;display:block}.pages-panel{border-right:0;border-bottom:1px solid var(--line);height:auto}.page-list{display:flex;overflow:auto}.page-item{min-width:150px}.page-actions{display:none}.document-head{flex-direction:column;align-items:flex-start}.publish-actions{justify-content:flex-start}.canvas-zone{place-items:start center;overflow:auto}.toolbar{z-index:4;position:sticky;top:0}}