:root{--bg:#07090b;--panel:#0e1216;--panel2:#11171d;--line:#25303a;--text:#f4f1ea;--muted:#8e9aa5;--accent:#d4af37;--soft:#161d24}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}.admin-shell{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 430px;overflow:hidden}.preview-pane{min-width:0;display:flex;flex-direction:column;background:#050607}.preview-toolbar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#0a0d10}.preview-toolbar strong{display:block;font-size:.69rem;letter-spacing:.18em}.preview-toolbar span{display:block;font-size:.66rem;color:var(--muted);margin-top:4px}.device-switch{display:flex;gap:7px}.device-switch button,.page-list button,.session-list button,.tabs button,.action-bar button,.file-label{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:9px;padding:8px 10px;cursor:pointer;font-size:.7rem}.device-switch .active,.page-list .active,.session-list .active,.tabs .active{background:#f2efe8;color:#0a0d10}.preview-stage{flex:1;overflow:auto;display:grid;place-items:center;padding:18px}.preview-stage iframe{height:calc(100vh - 100px);width:100%;border:1px solid #28313a;border-radius:16px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.48);transition:width .22s ease}.preview-stage.phone iframe{width:390px}.preview-stage.tablet iframe{width:820px}.preview-stage.desktop iframe{width:100%}.editor-pane{border-left:1px solid var(--line);background:#090c0f;overflow-y:auto;padding:15px}.editor-head{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 13px}.editor-head h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.7rem;margin:0}.eyebrow{font-size:.58rem;letter-spacing:.27em;color:var(--accent)}.live-badge{font-size:.58rem;letter-spacing:.18em;border:1px solid #4e583d;color:#cbd6ad;border-radius:999px;padding:6px 9px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:11px}.panel h2{font-family:'Cormorant Garamond',serif;font-size:1.18rem;font-weight:500;margin:0 0 9px}.page-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.session-list{display:grid;gap:6px}.session-list button{text-align:left;display:flex;justify-content:space-between;align-items:center}.session-list button small{color:#77828c}.help,.empty{font-size:.67rem;line-height:1.5;color:var(--muted)}.selected{padding:9px;border:1px solid #35414b;background:#0a0e12;border-radius:9px;font-size:.66rem;color:#d9e0e5;word-break:break-word}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.tabs button{padding:7px 8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}label{display:grid;gap:5px;font-size:.65rem;color:var(--muted);margin-bottom:8px}input,textarea,select{width:100%;border:1px solid var(--line);background:#080b0e;color:var(--text);border-radius:8px;padding:8px}textarea{min-height:82px;resize:vertical}.range{display:grid;grid-template-columns:1fr 45px;gap:6px;align-items:center}.range output{font-size:.61rem;text-align:right;color:#c9d0d5}.subhead{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#78838c;margin:12px 0 7px}.action-bar{position:sticky;bottom:-15px;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:linear-gradient(transparent,#090c0f 20%);padding:22px 0 4px}.action-bar .primary{background:#f2efe8;color:#080b0e}.action-bar .danger{color:#efaaaa}.file-label{text-align:center}.status{font-size:.62rem;color:#94a993;padding:7px 2px 18px}.mini-note{font-size:.6rem;color:#6f7b84;line-height:1.45}.split{height:1px;background:var(--line);margin:10px 0}@media(max-width:1100px){.admin-shell{grid-template-columns:minmax(0,1fr) 380px}.preview-stage.tablet iframe{width:720px}}@media(max-width:820px){.admin-shell{grid-template-columns:1fr;height:auto;overflow:auto}.preview-pane{min-height:760px}.editor-pane{border-left:0;border-top:1px solid var(--line)}.preview-stage.phone iframe,.preview-stage.tablet iframe{width:100%}}