.system-room{width:100%;min-width:0}.system-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.system-heading h1{font:650 clamp(28px,3vw,43px)/1.15 var(--font-display);margin:12px 0}.system-heading p,.system-footnote{color:var(--muted);font-size:13px}.system-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);margin:0 0 28px;padding-bottom:13px}.system-tabs button{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px;color:var(--ink2);font-weight:600;min-height:44px}.system-tabs button[aria-current]{background:var(--ink);color:var(--bg)}.system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 30px}.system-metric{background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:16px}.system-metric>span{display:block;font-size:12px;font-weight:700}.system-metric>strong{display:block;font:600 30px/1.3 var(--font-display);margin:18px 0 10px;overflow-wrap:anywhere}.system-metric>small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.system-grid .design-paper{margin:0}.system-room h2{font-size:24px;line-height:1.3;margin:24px 0 12px}.system-room p{max-width:80ch}.system-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}.system-filters label{flex:1;min-width:145px;display:grid;gap:8px;font-size:13px;font-weight:600}.system-room input,.system-room select,.system-room textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line2);border-radius:10px;padding:12px;font:inherit;max-width:100%;min-height:44px}.system-room textarea{width:100%;display:block;margin:12px 0}.system-table-wrap{overflow:auto;max-width:100%;margin:20px 0}.system-table{border-collapse:collapse;width:100%;font-size:13px}.system-table td,.system-table th{text-align:left;border-bottom:1px solid var(--line);padding:16px 12px;vertical-align:top}.system-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg2)}.system-table small{display:block;color:var(--muted);overflow-wrap:anywhere}.system-table td:first-child{min-width:170px}.system-support{margin-top:30px}.system-search{display:flex;gap:12px;margin:12px 0}.system-feedback{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.system-feedback time{font-size:12px;color:var(--muted);display:block}.system-warning{border:1px solid var(--orange);border-radius:13px;background:var(--surface);padding:22px;margin:22px 0}.system-warning h2{margin-top:0}.system-empty{padding:25px;border:1px dashed var(--line2);border-radius:12px}.system-preview-label{font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--bg2);padding:13px;border-radius:10px}.system-preview-frame{display:block;background:var(--bg);width:100%;height:850px;border:1px solid var(--line2);border-radius:14px;margin:auto}.system-preview-frame.mobile{max-width:390px}.system-footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:35px}
/* One alignment for header and workspace at all desktop widths. */
@media(min-width:960px){body>header{padding-inline:0}.hrow{max-width:1400px;margin-inline:auto;padding-inline:48px}.wrap{width:calc(100% - 250px);max-width:1400px;margin-left:250px;margin-right:0;transform:none!important}.wrap>footer{max-width:none}}
@media(min-width:1650px){.wrap{margin-left:calc(250px + (100% - 1650px)/2);margin-right:auto;transform:none!important}}
body[data-system-room=true] .hrow>.xp{display:none}body[data-audience=teacher] .hrow>.xp,body[data-audience=parent] .hrow>.xp{display:none}.theme-btn svg{width:18px;height:18px}.acct-btn{gap:7px}.system-header-badge{display:inline-flex;padding:5px 10px;border-radius:8px;background:var(--bg2);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.04em}body:not([data-system-room=true]) .system-header-badge{display:none}
@media(max-width:1100px){.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.system-heading{display:block}}
@media(max-width:700px){.system-grid{grid-template-columns:1fr}.system-heading h1{font-size:30px}.system-metric{padding:18px}.system-tabs{flex-wrap:nowrap;overflow:auto}.system-tabs button{white-space:nowrap}.system-search{flex-wrap:wrap}.system-preview-frame{height:720px}.system-header-badge{display:none}}
@media(max-width:420px){.system-metrics{grid-template-columns:1fr}.system-filters{display:grid;grid-template-columns:1fr}.system-table{min-width:570px}}
body[data-system-room=true]>.toast{display:none}.system-support .card button{white-space:normal;overflow-wrap:anywhere;max-width:100%}