:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #243044;--sidebar: #111827;--border: rgba(148, 163, 184, .2);--text: #f1f5f9;--muted: #94a3b8;--accent: #2563eb;--accent-hover: #3b82f6;--accent-ink: #ffffff;--cta: #f97316;--link: #60a5fa;--danger: #ef4444;--ok: #22c55e;--warn: #eab308;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0;font-weight:650}h2{font-size:15px;margin:22px 0 10px;font-weight:600;letter-spacing:.01em}section+section{margin-top:28px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.right{text-align:right}.grow{flex:1;min-width:0}.shell{display:flex;min-height:100%}.sidebar{width:210px;flex-shrink:0;padding:20px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:22px;background:var(--sidebar);position:sticky;top:0;height:100vh}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:8px 10px;border-radius:8px;color:var(--text)}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.sidebar nav a.active{background:var(--panel-2);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sidebar-footer a{color:var(--muted)}.sidebar-footer .tag{margin-left:4px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;padding:0 6px;color:var(--text)}.brand.large{font-size:24px;justify-content:center;margin-bottom:8px}.brand-shield{height:1.7em;width:auto;flex-shrink:0}.brand.large .brand-shield{height:2.2em}.brand-name span{color:var(--muted);font-weight:600}.content{flex:1;padding:28px 36px 60px;max-width:1240px}.centered{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-header p{margin:4px 0 0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.title-input{font-size:22px;font-weight:650;background:transparent;border:1px solid transparent;padding:2px 6px;margin-left:-7px;min-width:320px}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--panel)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card h2:first-child{margin-top:0}.login{width:360px;display:flex;flex-direction:column;gap:14px}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.banner{padding:10px 14px;border-radius:8px;margin-bottom:14px}.banner.ok{background:#34d3991f;color:var(--ok);border:1px solid rgba(52,211,153,.35)}.banner.error{background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.35)}.tag.live{color:var(--ok);border:1px solid rgba(52,211,153,.4);background:#34d3991a}.tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--muted);vertical-align:middle;margin-right:6px}.dot.on{background:var(--ok);box-shadow:0 0 0 3px #34d39933}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label{font-size:12px;color:var(--muted);font-weight:600}.field-hint{font-size:12px;color:var(--muted)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input.narrow{width:76px}input[type=color]{padding:2px;width:40px;height:30px}input[type=time]{width:112px}.row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.row.compact{gap:6px;align-items:center}.row .field{margin-bottom:0}form.inline{display:flex;gap:8px}.color{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}button,.button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}button:hover,.button:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.5;cursor:default;border-color:var(--border)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--danger)}button.link{background:none;border:none;padding:0;color:var(--accent)}button.link.danger{color:var(--danger)}button.icon{padding:4px 8px}.waiting{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.15em;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.code small{font:11px inherit;font-family:inherit;letter-spacing:0;color:var(--muted)}.code.selected{border-color:var(--accent)}.schedule-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border)}.schedule-row select{min-width:150px}.days{display:flex;gap:2px}.day{width:26px;height:26px;padding:0;justify-content:center;font-size:11px;border-radius:6px}.day.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.preview-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.preview-list li.current{background:var(--panel-2);outline:1px solid var(--accent)}.preview-list img,.swatch{width:48px;height:27px;object-fit:cover;border-radius:4px;flex-shrink:0}.swatch{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.swatch.video{background:#1e293b;color:var(--accent)}.swatch.web{background:#1e293b;font-size:16px}.swatch.text{font-weight:700}.item-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.item{display:flex;gap:14px;align-items:flex-start;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.item .thumb img,.item .thumb .swatch{width:96px;height:54px}.item .grow input{width:100%;margin-bottom:6px}.item-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.duration{display:flex;align-items:center;gap:4px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.editor aside.card{container-type:inline-size}@container (min-width: 560px){.tabs{grid-template-columns:repeat(6,1fr)}}.tabs button{justify-content:center;white-space:nowrap;padding:6px 8px;font-size:13px;background:transparent;border-color:transparent;color:var(--muted);border-radius:7px}.tabs button:hover{color:var(--text);border-color:transparent;background:var(--panel-2)}.tabs button.active{background:var(--panel-2);color:var(--text);border-color:var(--border);font-weight:600}.slide-preview{aspect-ratio:16/9;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;margin:12px 0;container-type:inline-size;overflow:hidden}.slide-preview-inner{width:100%;padding:5cqw 10cqw;box-sizing:border-box;overflow-wrap:anywhere}.item .grow textarea{width:100%;margin-bottom:6px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;box-sizing:border-box}.item .grow .slide-preview{max-width:360px;margin:4px 0 8px}.dropzone{border:1px dashed var(--border);border-radius:var(--radius);padding:18px;text-align:center;color:var(--muted);margin-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-grid.small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.media-tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left}.media-tile img,.media-tile video,.media-tile>.swatch{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:0;background:#000}.media-tile .caption{padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px;overflow:hidden}.media-tile .caption span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile.static{cursor:default}.media-tile.static>button{margin:0 10px 10px;align-self:flex-start}@media(max-width:900px){.two-col{grid-template-columns:1fr}.sidebar{width:160px}.content{padding:20px}}.filters{margin-bottom:18px}.quick{display:flex;gap:6px;align-self:flex-end}.stats{display:flex;gap:14px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:150px;display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:650}.zone-preview,.canvas{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:10px 0 14px}.zone-box{position:absolute;box-sizing:border-box;border:1px solid rgba(56,189,248,.6);background:#38bdf81f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;font-size:12px;text-align:center;padding:4px}.zone-box small{color:var(--muted);font-size:11px}.canvas{-webkit-user-select:none;user-select:none}.canvas .zone-box{cursor:move}.canvas .zone-box.selected{border:2px solid var(--accent);background:#38bdf838;z-index:2}.canvas .zone-box .handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%)}.zone-row{display:grid;grid-template-columns:1fr 64px 64px 64px 64px 96px 1fr 32px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.zone-row.selected{background:var(--panel-2);border-radius:6px;padding:6px}.zone-row input[type=number]{width:100%;padding:6px}.zone-head{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.templates{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.template{width:128px;padding:6px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.template .mini{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden}.template .mini div{position:absolute;background:#38bdf859;border:1px solid rgba(56,189,248,.7);box-sizing:border-box}.template.selected{border-color:var(--accent)}.thumb-shot{width:64px;height:36px;object-fit:cover;border-radius:4px;background:#000;display:block}.thumb-shot.empty{background:var(--panel-2)}.capture{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px;display:block}.capture.empty{display:flex;align-items:center;justify-content:center;color:var(--muted)}.shot-strip{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:4px}.shot-strip img{width:80px;height:45px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;flex-shrink:0}.shot-strip img.selected{border-color:var(--accent)}.member-list{display:flex;flex-direction:column;gap:4px}.member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.member:hover{background:var(--panel-2)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:13px}.chip.on{border-color:var(--accent);color:var(--accent);background:#38bdf81a}.chip input{margin:0}.inherited{min-width:150px}.sidebar nav a.emergency{color:var(--danger)}.sidebar nav a.emergency.active{background:#f8717126}.banner.override{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8717124;border:1px solid rgba(248,113,113,.5);color:var(--text)}.tag.override{color:var(--danger);border:1px solid rgba(248,113,113,.5);background:#f871711a}button.activate{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700;padding:12px 22px;font-size:15px}.scope-options{display:flex;gap:14px;flex-wrap:wrap}.scope-options label{display:flex;align-items:center;gap:6px}.override-preview{aspect-ratio:16/9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.override-preview strong{font-size:26px}.login.pair{width:min(420px,100%)}.login.pair .button{text-align:center;justify-content:center}@media(max-width:480px){.centered{padding:16px;align-items:flex-start}.login{width:100%}}.tag.update{color:#fbbf24;border:1px solid rgba(251,191,36,.5);background:#fbbf241a}.mono-small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:8px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px}.tag.offline{color:var(--danger);border:1px solid rgba(248,113,113,.5);background:#f871711a}.channel{display:inline-flex;align-items:center;gap:6px;margin-right:14px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.search{min-width:280px}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.mini-tag{background:none;border:1px solid var(--border);border-radius:999px;padding:0 8px;font-size:11px;color:var(--muted);line-height:18px}.mini-tag.on,.mini-tag:hover{color:var(--accent);border-color:var(--accent)}.chip-x{background:none;border:none;padding:0 0 0 4px;color:inherit;font-size:11px;cursor:pointer}.tag-input{width:110px;padding:4px 10px;border-radius:999px;font-size:13px}.geo-hits{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}.item-window{margin-top:6px;font-size:12px}.item-window input[type=datetime-local],.item-window input[type=time]{padding:4px 6px;font-size:12px;margin-left:4px}.item-window .row+.row{margin-top:4px}.item-window .days{display:inline-flex;gap:2px}.item-window .day{padding:2px 7px;font-size:11px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:4px;cursor:pointer}.item-window .day.on{background:var(--accent);border-color:var(--accent);color:#fff}.media-cache{margin:-.25rem 0 1rem}.media-cache.warn{color:var(--warn)}.approval-switch{margin:-.25rem 0 1rem}.pending-card{margin-bottom:1rem}.pending-card ul.plain{list-style:none;padding:0;margin:0}.pending-card li{padding:6px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions{display:inline-flex;gap:6px;margin-left:auto}.banner.approval{background:#eab3081f;border:1px solid var(--warn);color:#fde68a}.banner.approval.rejected{background:#ef44441f;border-color:var(--danger);color:#fecaca}.filters{margin-bottom:1rem}.filters input,.filters select{padding:6px 8px}ul.activity{list-style:none;padding:0;margin:0;font-size:13px}ul.activity li{padding:4px 0;border-bottom:1px solid #f1f5f9}ul.activity li:last-child{border-bottom:0}.stats.wrap{flex-wrap:wrap}.stat.warn{border-color:var(--warn)}.stat.bad{border-color:var(--danger)}.bad-text{color:var(--danger);font-weight:600}.bar{display:inline-block;width:70px;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;vertical-align:middle}.bar>span{display:block;height:100%;background:var(--accent)}.bar.warn>span{background:var(--danger)}.table.health td{white-space:nowrap}.offline-row td{opacity:.75}.brand-thumb{height:28px;max-width:90px;object-fit:contain;background:var(--bg);border-radius:4px;padding:2px 4px}.brand-preview{position:relative;aspect-ratio:16 / 9;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:10px 0 14px;color:var(--muted);display:flex;align-items:center;justify-content:center}.item-window select{font-size:12px;padding:3px 6px;margin-left:4px}tr.selected td{background:var(--panel-2)}.designer{display:flex;flex-direction:column;gap:12px}.designer-bar{display:flex;align-items:center;gap:14px}.designer-name{flex:1;max-width:420px;font-weight:600}.designer-body{display:grid;grid-template-columns:200px minmax(0,1fr) 320px;gap:14px;align-items:start}.designer-tools h3,.designer-props h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 6px}.designer-tool{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin-bottom:6px}.designer-tool-icon{display:inline-block;width:22px;text-align:center}.designer-stage{min-width:0}.designer-props-head,.designer-props .field{margin-bottom:8px}.dc{position:relative;overflow:hidden;border-radius:6px;-webkit-user-select:none;user-select:none;touch-action:none}.dc-editable{box-shadow:0 0 0 1px var(--border)}.dc-el{position:absolute;box-sizing:border-box}.dc-editable .dc-el{cursor:move}.dc-editable .dc-el:hover{outline:1px dashed rgba(96,165,250,.6)}.dc-el.dc-selected{outline:2px solid var(--link);z-index:2}.dc-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid var(--link);border-radius:2px;z-index:3}.dc-nw{left:-5px;top:-5px;cursor:nwse-resize}.dc-n{left:calc(50% - 5px);top:-5px;cursor:ns-resize}.dc-ne{right:-5px;top:-5px;cursor:nesw-resize}.dc-e{right:-5px;top:calc(50% - 5px);cursor:ew-resize}.dc-se{right:-5px;bottom:-5px;cursor:nwse-resize}.dc-s{left:calc(50% - 5px);bottom:-5px;cursor:ns-resize}.dc-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.dc-w{left:-5px;top:calc(50% - 5px);cursor:ew-resize}.dc-guide{position:absolute;background:#f472b6;z-index:4;pointer-events:none}.dc-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.4);color:#ffffffb3;font-size:12px;box-sizing:border-box}.item .thumb .dc{width:96px;border-radius:4px;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{max-width:1080px;width:90vw;max-height:85vh;overflow:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:12px}.template{background:none;border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:stretch;cursor:pointer}.template:hover{border-color:var(--link)}.template .dc{pointer-events:none}a.button{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--panel-2);color:var(--text);text-decoration:none}a.button.primary{background:var(--accent);color:var(--accent-ink)}@media(max-width:1100px){.designer-body{grid-template-columns:1fr}}.school-name{font-size:13px;color:var(--muted);padding:0 10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-switch{margin:0 6px 10px;font-size:13px}.login .tabs{margin-bottom:4px}.login .tabs button{flex:1}.get-started{padding:18px 20px;border:1px dashed var(--border);border-radius:var(--radius)}.get-started h3{margin:0 0 6px}.get-started ol{margin:10px 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.markup-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 6px}.markup-toolbar button{padding:3px 9px;font-size:13px;line-height:1.4}.markup-toolbar .sep{width:1px;height:20px;background:var(--border);margin:0 4px}.markup-toolbar .swatch-btn{display:inline-flex;align-items:center;gap:2px}.markup-toolbar .swatch-btn input[type=color]{width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.markup-toolbar .dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;margin-right:4px}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}.stock-grid button{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#000;cursor:pointer;text-align:left}.stock-grid button:hover,.stock-grid button:focus{border-color:var(--accent)}.stock-grid img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.stock-grid .credit{display:block;padding:4px 6px;font-size:11px;color:var(--muted);background:var(--card);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uptime-grid{display:flex;flex-direction:column;gap:8px}.uptime-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center}.uptime-name{font-weight:600}.uptime-bars{display:flex;gap:2px;height:42px;align-items:flex-end}.uptime-bar{flex:1;height:100%;background:var(--panel-2);border-radius:2px;display:flex;align-items:flex-end}.uptime-bar .fill{width:100%;border-radius:2px}.uptime-bar .fill.ok{background:var(--ok)}.uptime-bar .fill.warn{background:var(--warn)}.uptime-bar .fill.bad{background:var(--danger)}.table-wrap{overflow-x:auto}.table.heat th.day{font-weight:400;color:var(--muted);font-size:11px;text-align:center}.table.heat td.cell{text-align:center;font-size:12px;min-width:28px}.table.compact th,.table.compact td{padding:6px 8px}.api-op{margin-bottom:8px}.api-op .method{display:inline-block;min-width:54px;text-align:center;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--panel-2)}.api-op .method.get{color:var(--ok)}.api-op .method.post{color:var(--accent)}.api-op .method.put{color:var(--warn)}.api-op .method.delete{color:var(--danger)}.api-op .param{margin-right:12px}pre.code{background:var(--panel-2);padding:10px 12px;border-radius:8px;overflow-x:auto;font-size:12px}.small{font-size:12px}.danger{color:var(--danger)}.menu-toggle{display:none;margin-left:auto;font-size:20px;padding:2px 10px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text)}@media(max-width:700px){.shell{flex-direction:column}.sidebar{width:auto;height:auto;position:sticky;top:0;z-index:40;padding:10px 14px;gap:10px;border-right:none;border-bottom:1px solid var(--border)}.sidebar .brand{display:flex;align-items:center}.menu-toggle{display:inline-block}.sidebar nav,.sidebar-footer,.sidebar .school-switch,.sidebar .school-name{display:none}.menu-open .sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.menu-open .sidebar-footer,.menu-open .sidebar .school-switch,.menu-open .sidebar .school-name{display:flex}.content{padding:14px}.row{flex-wrap:wrap}.table{display:block;overflow-x:auto;white-space:nowrap}.uptime-row{grid-template-columns:110px 1fr}.stats{flex-wrap:wrap}.stat{min-width:120px;flex:1}.page-header{flex-wrap:wrap;gap:8px}.filters .row{gap:8px}.modal{width:96vw}}.week{display:grid;grid-template-columns:56px repeat(7,minmax(120px,1fr));gap:4px;min-width:900px}.week-head{height:28px;font-weight:600;text-align:center;line-height:28px}.week-day.today .week-head{color:var(--accent)}.week-hours{position:relative}.week-hour{position:absolute;right:6px;transform:translateY(28px);font-size:11px;color:var(--muted)}.week-hours,.week-col{height:720px}.week-col{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(100% / 24 - 1px),var(--border) calc(100% / 24 - 1px),var(--border) calc(100% / 24))}.week-off{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,rgba(148,163,184,.12) 0 6px,transparent 6px 12px)}.week-block{position:absolute;left:3px;right:3px;padding:3px 6px;border-radius:6px;overflow:hidden;font-size:11px;line-height:1.25;color:#fff;text-decoration:none}.week-block.own{background:#2563ebbf;border:1px solid rgba(96,165,250,.9)}.week-block.group{background:#7c3aed99;border:1px solid rgba(167,139,250,.8)}.week-block:hover{text-decoration:none;filter:brightness(1.15)}.week-block-label{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-block-time{display:block;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-now{position:absolute;left:0;right:0;height:2px;background:var(--danger)}.preview-shell{max-width:900px;margin:0 auto;padding:16px}.preview-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.preview-top h1{font-size:20px}.preview-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.preview-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;container-type:inline-size;display:flex;align-items:center;justify-content:center}.preview-frame.portrait{aspect-ratio:9 / 16;max-width:420px;margin:0 auto}.preview-frame img,.preview-frame video{width:100%;height:100%;object-fit:contain}.preview-frame iframe{width:100%;height:100%;border:0;background:#000}.preview-frame>*{width:100%;height:100%}.preview-live{display:flex;flex-direction:column;justify-content:center;padding:6cqw;font-size:3.2cqw;line-height:1.5}.preview-live-title{font-size:5cqw;font-weight:700;margin-bottom:2cqw}.preview-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.preview-controls button{min-width:44px;font-size:18px}.preview-strip{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.preview-strip button{min-width:32px;padding:4px 6px;font-size:12px}.preview-strip button.on{background:var(--accent);color:#fff}.preview-decide{margin-top:16px;padding:14px;border-radius:var(--radius);background:#eab3081f;border:1px solid var(--warn)}.share-preview{position:relative;display:inline-block}.share-pop{position:absolute;right:0;top:calc(100% + 6px);width:min(460px,90vw);z-index:30;padding:12px}.banner.reminders{background:#eab3081a;border:1px solid rgba(234,179,8,.45);color:var(--text)}.banner.reminders ul{margin:6px 0 0 18px;padding:0}.banner.reminders li{margin:2px 0}.guide{max-width:820px;margin:0 auto;padding:24px 20px 60px;line-height:1.55}.guide-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.guide h1{font-size:28px}.guide h2{font-size:18px;margin-top:30px}.guide h3{font-size:14px;margin:10px 0 6px}.guide code{background:var(--panel-2);padding:2px 6px;border-radius:4px;font-size:13px;word-break:break-all}.guide-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide figure{margin:14px 0}.guide figure img{width:100%;border-radius:8px;border:1px solid var(--border)}.guide figcaption{font-size:12px;color:var(--muted);margin-top:4px}.guide ol,.guide ul{padding-left:20px}.guide li{margin:4px 0}@media(max-width:600px){.guide-cols{grid-template-columns:1fr}}@media print{body{background:#fff;color:#000}.no-print{display:none}.guide{max-width:none;padding:0;color:#000}.guide code{background:#eee;color:#000}.guide figure img{border-color:#ccc}.guide a{color:#000;text-decoration:none}}.guide-mock{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;max-width:420px}.guide-mock-title{font-weight:600;margin-bottom:10px}.guide-mock-row{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;margin:6px 0;font-size:13px;color:var(--muted)}.guide-mock-field{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--text)}.guide-mock-field.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.guide-mock-button{display:inline-block;margin-top:10px;background:var(--accent);color:#fff;padding:6px 16px;border-radius:8px;font-weight:600;font-size:13px}@media print{.guide-mock{border-color:#ccc;background:#fff}.guide-mock-field{background:#f3f3f3;color:#000}}