:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111216;--panel:#181a20;--panel-2:#20232b;--line:#30343e;--text:#f5f7fb;--muted:#9aa2b1;--accent:#7166ff;--accent-2:#9189ff;--danger:#ef6262;--success:#45c48b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.page-shell{min-height:100vh}.top-nav{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.brand{letter-spacing:-.02em;font-weight:750}.brand span{color:var(--accent-2)}.container{max-width:1180px;margin:0 auto;padding:40px 24px}.stack{gap:18px;display:grid}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.muted{color:var(--muted)}.button{border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent)}.button.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:650}.input,.textarea,.select{width:100%;color:var(--text);border:1px solid var(--line);background:#101116;border-radius:8px;outline:none;padding:10px 11px}.textarea{resize:vertical;min-height:110px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px}.notice{background:#242044;border:1px solid #665dcb;border-radius:10px;padding:12px 14px}.error{color:#ff9c9c}.editor-shell{grid-template-rows:58px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:14px;padding:0 14px;display:flex}.editor-grid{grid-template-columns:260px minmax(420px,1fr) 330px;min-height:0;display:grid}.source-editor-grid{grid-template-columns:280px minmax(520px,1fr) 300px;min-height:0;display:grid}.editor-panel{background:var(--panel);min-height:0;overflow:auto}.editor-panel.left{border-right:1px solid var(--line)}.editor-panel.right{border-left:1px solid var(--line)}.panel-title{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:15px 16px;font-size:12px}.panel-content{gap:12px;padding:14px;display:grid}.canvas{background-color:#0000;background-image:linear-gradient(45deg,#17191f 25%,#0000 25%),linear-gradient(-45deg,#17191f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#17191f 75%),linear-gradient(-45deg,#0000 75%,#17191f 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:0;min-height:0;padding:26px;overflow:auto}.frame-wrap{background:#fff;height:100%;min-height:620px;margin:auto;transition:width .2s;box-shadow:0 15px 50px #0008}.frame-wrap iframe{background:#fff;border:0;width:100%;height:100%;min-height:620px}.source-file-list{gap:4px}.source-file-list .nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.source-editor-main{background:#0d0f13;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid}.source-editor-header{border-bottom:1px solid var(--line);background:#14161b;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.source-code-editor{background:#0d0f13;width:100%;height:100%;min-height:0;overflow:hidden}.source-code-editor .cm-editor{height:100%;font-size:13px}.source-code-editor .cm-scroller{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;line-height:1.65;overflow:auto}.source-code-editor .cm-content{padding:14px 0 24px}.source-code-editor .cm-gutters{padding-top:14px}.source-code-editor .cm-focused{outline:1px solid var(--accent);outline-offset:-1px}.nav-item{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.nav-item:hover,.nav-item.active{background:var(--panel-2);border-color:var(--line)}.nav-item small{color:var(--muted)}.collection-item{border:1px solid var(--line);background:#14161b;border-radius:10px;gap:9px;padding:10px;display:grid}.drag-handle{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.field-group{border:1px solid var(--line);background:#14161b;border-radius:10px;padding:10px}.publish-box{border:1px solid var(--line);background:#14161b;border-radius:12px;padding:12px}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.saved{background:var(--success)}.status-dot.saving{background:#f2bd55}.status-dot.failed{background:var(--danger)}.tiptap{border:1px solid var(--line);background:#101116;border-radius:8px;min-height:130px;padding:10px}.tiptap:focus-within{border-color:var(--accent)}.tiptap-menu{gap:6px;margin-bottom:8px;display:flex}.tiptap-menu button{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px}@media (max-width:1050px){.editor-grid{grid-template-columns:220px minmax(380px,1fr) 300px}.source-editor-grid{grid-template-columns:220px minmax(420px,1fr) 260px}}