:root{color:#e5dfd8;font-synthesis:none;--bg:#0d1011;--surface:#131718;--surface-2:#171b1c;--border:#363638;--muted:#a9a4a0;--accent:#ef9492;--success:#92b68b;--warning:#d5ad5f;--danger:#ef8d8a;background:#0d1011;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#161a1b 0,transparent 38%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:600 14px/1.3 Segoe UI,sans-serif}button,a{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}a{color:var(--accent);text-decoration:none}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#101415;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:72px;padding:0 24px;font:500 21px/1 Georgia,serif;display:flex}.brand svg{color:var(--accent);width:22px}.sidebar nav{gap:4px;padding:18px 8px;display:grid}.sidebar nav a{color:#b9b4b0;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;display:flex}.sidebar nav a svg{width:19px}.sidebar nav a:hover,.sidebar nav a.active{color:var(--accent);background:#242122;border-color:#4b3d3e}.sidebar-footer{border:1px solid var(--border);border-radius:6px;margin:auto 12px 14px;padding:14px}.sidebar-footer p{margin:0 0 10px;font-size:12px}.status-dot{background:#86bb7a;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.text-button{color:#c9c3bf;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:flex}.text-button svg{width:16px}.workspace{min-width:0;padding:34px clamp(24px,3vw,48px)}.page-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 7px;font:500 32px/1.2 Georgia,serif}.page-header p{color:var(--muted);margin:0}.primary,.secondary{cursor:pointer;border-radius:5px;padding:10px 16px}.primary{background:var(--accent);border:1px solid var(--accent);color:#211415}.secondary{color:var(--accent);background:0 0;border:1px solid #665252}button:disabled{opacity:.55;cursor:not-allowed}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.status-card,.panel{border:1px solid var(--border);background:linear-gradient(145deg,#15191a,#111516);border-radius:7px}.status-card{min-height:156px;padding:20px}.status-title{align-items:center;gap:10px;display:flex}.status-title svg{width:24px}.status-title h2{margin:0;font:500 17px Georgia,serif}.status-card strong{margin:18px 0 7px;font:500 19px Georgia,serif;display:block}.status-card p{color:var(--muted);font-size:13px}.dashboard-columns{grid-template-columns:1.1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{margin-bottom:14px;padding:18px}.panel h2{margin:0 0 12px;font:500 19px Georgia,serif}.panel-heading{border-bottom:1px solid #2d3031;justify-content:space-between;padding-bottom:14px;display:flex}.panel-heading h2,.panel-heading p{margin:0}.panel-heading p{color:var(--muted);margin-top:5px;font-size:13px}.empty-state{text-align:center;min-height:210px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.empty-state>svg{width:34px;height:34px;color:var(--accent)}.empty-state h3{color:#ddd7d1;margin:14px 0 4px;font:500 18px Georgia,serif}.empty-state p{max-width:390px}.link-button{margin-top:8px;display:inline-flex}.action-rail{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.action{color:#e5dfd8;border:1px solid #664f50;border-radius:5px;align-items:center;gap:14px;min-height:92px;padding:18px;display:flex}.action:hover{background:#201c1d}.action>svg:first-child{width:28px;color:var(--accent)}.action>svg:last-child{width:18px;margin-left:auto}.action span{gap:5px;display:grid}.action strong{font:500 18px Georgia,serif}.action small{color:var(--muted)}.data-footer{color:var(--muted);padding:8px 0;font-size:12px}.auth-page,.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);background:#131718;border-radius:8px;width:min(420px,100%);padding:32px}.auth-panel.wide{width:min(520px,100%)}.auth-brand{border:0;height:auto;margin-bottom:36px;padding:0}.auth-panel h1{margin:0 0 10px;font:500 34px Georgia,serif}.auth-panel>p{color:var(--muted);line-height:1.5}.auth-panel form{gap:16px;margin:26px 0;display:grid}.auth-panel label{color:#cbc5c0;gap:7px;font-size:13px;display:grid}.auth-panel input{color:#eee;background:#0f1213;border:1px solid #49494a;border-radius:5px;width:100%;padding:11px 12px}.error-message{color:#ffbbb7;background:#28191a;border:1px solid #8c4e4d;border-radius:5px;padding:12px;font-size:13px}.status-list{padding:0}.check-row{border-bottom:1px solid #2d3031;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.check-row:last-child{border:0}.check-row div{gap:4px;display:grid}.check-row small{color:var(--muted)}.check-indicator{background:var(--danger);border-radius:50%;width:9px;height:9px}.check-indicator.ok{background:var(--success)}.definition-list>div{border-bottom:1px solid #2d3031;grid-template-columns:1fr auto;padding:10px 0;display:grid}.definition-list dt{font-family:monospace}.definition-list dd{color:var(--success)}@media (width<=1050px){.status-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.action-rail{grid-template-columns:1fr}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:none}.workspace{padding:22px 16px}.status-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.sidebar nav a{font-size:13px}.brand{height:60px}}.skip-link{z-index:1000;background:var(--accent);color:#211415;border-radius:5px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.workspace:focus{outline:none}.link-button{align-items:center;gap:8px}.link-button svg{width:17px}.table-panel{padding:0;overflow:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:720px}.table-panel th,.table-panel td{text-align:left;border-bottom:1px solid #2d3031;padding:14px 16px}.table-panel th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.table-panel td{font-size:14px}.table-panel td:first-child>a{font-weight:600;display:block}.table-panel td small{color:var(--muted);margin-top:5px;display:block}.state{text-transform:capitalize;align-items:center;gap:7px;display:inline-flex}.state svg{width:16px;height:16px}.state.ready{color:var(--success)}.state.failed{color:var(--danger)}.state.working{color:var(--warning)}.state.working svg{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-panel{max-width:760px}.form-panel form{gap:20px;display:grid}.form-panel label{gap:8px;display:grid}.form-panel input[type=text],.form-panel input:not([type]){color:#eee;background:#0f1213;border:1px solid #49494a;border-radius:5px;padding:11px 12px}.form-panel fieldset{border:1px solid var(--border);border-radius:6px;padding:18px}.form-panel legend{padding:0 7px;font:500 16px Georgia,serif}.file-summary{background:#171415;border:1px solid #4b3d3e;grid-template-columns:1fr auto;gap:6px;padding:14px;display:grid}.file-summary ul{color:var(--muted);grid-column:1/-1;margin:8px 0 0;padding-left:20px;font-size:12px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.detail-grid{grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:14px;display:grid}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.inspection-json{white-space:pre-wrap;color:#bdb8b4;background:#0c0f10;border:1px solid #2c2f30;max-height:440px;padding:14px;font:12px/1.55 Consolas,monospace;overflow:auto}.viewer-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.viewer-panel{border:1px solid var(--border);background:#080a0a;min-width:0}.viewer-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:6px;display:flex}.viewer-toolbar button{color:#d7d2cd;cursor:pointer;background:#181c1d;border:1px solid #444;border-radius:4px;height:34px;padding:6px 10px}.viewer-toolbar svg{width:17px}.tool-select{color:var(--muted);align-items:center;gap:6px;margin-left:6px;font-size:12px;display:flex}.tool-select select{color:#eee;text-transform:capitalize;background:#181c1d;border:1px solid #444;border-radius:4px;height:34px;padding:0 8px}.viewer-stage{position:relative}.osd-host{background:#080a0a;height:calc(100vh - 190px);min-height:520px}.annotation-overlay{z-index:5;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.annotation-overlay:focus{outline:2px solid var(--accent);outline-offset:-2px}.layers{margin:0}.layer-row{border-bottom:1px solid #2d3031;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px;padding:8px 0;display:grid}.layer-row span{align-items:center;min-width:0;display:flex}.layers .status-dot{background:var(--accent)}.annotation-editor{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:14px;display:grid}.annotation-editor label{color:var(--muted);gap:5px;font-size:12px;display:grid}.annotation-editor input,.annotation-editor textarea{color:#eee;background:#0f1213;border:1px solid #49494a;border-radius:4px;padding:8px}.nudge-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.series-selection{border:1px solid var(--border);margin:12px 0;padding:12px}.series-selection .choice{margin:7px 0;display:block}@media (width<=1000px){.detail-grid,.viewer-layout{grid-template-columns:1fr}.osd-host{height:65vh}.layers{order:-1}}@media (prefers-reduced-motion:reduce){.state.working svg{animation:none}}.quality-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0;display:grid}.quality-pane{min-width:0}.quality-pane h3,.quality-pane p{margin:.25rem 0}.quality-image-window{border:1px solid var(--border);background:#111;border-radius:.5rem;height:240px;overflow:hidden}.quality-image-window img{object-fit:contain;transform-origin:50%;width:100%;height:100%;transition:transform .1s linear}.form-actions{flex-wrap:wrap}@media (width<=560px){.form-actions{flex-direction:column;align-items:stretch}.form-actions>.link-button{justify-content:center;width:100%}}.display-slider{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.display-slider input{width:78px}.display-slider span{min-width:34px}.viewer-loading{z-index:6;color:#eee;background:#080a0ac7;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.viewer-loading svg{width:20px;animation:1.2s linear infinite spin}@media (prefers-reduced-motion:reduce){.viewer-loading svg{animation:none}}.authoring-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:14px;display:grid}.record-list{display:grid}.record-list article{border-bottom:1px solid #2d3031;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 4px;display:grid}.record-list article>svg{width:21px;color:var(--accent)}.record-list article div{gap:5px;display:grid}.record-list small{color:var(--muted)}.record-list button{align-items:center;gap:7px;display:flex}.record-list button svg{width:16px}.form-panel textarea,.form-panel select,.form-panel input{color:#eee;background:#0f1213;border:1px solid #49494a;border-radius:5px;padding:11px 12px}.check-label{grid-template-columns:auto 1fr;align-items:center;padding:5px 0;gap:8px!important;display:flex!important}.check-label input{width:auto}.check-label span{gap:2px;display:grid}.check-label small{color:var(--muted)}.wide-form{max-width:920px}.code-editor{tab-size:2;font:12px/1.5 Consolas,monospace}.two-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.module-builder{max-width:1120px}.builder-section{border-top:1px solid var(--border);gap:14px;padding-top:24px;display:grid}.builder-heading,.builder-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.builder-heading h2{margin:0}.builder-heading p{color:var(--muted);margin:5px 0}.builder-add,.builder-card-heading>div{flex-wrap:wrap;gap:7px;display:flex}.builder-add button,.region-list>button{align-items:center;gap:5px;display:flex}.builder-add svg,.icon-button svg,.region-list svg{width:16px}.builder-card{border:1px solid var(--border);background:#111516;border-radius:7px;gap:14px;padding:18px;display:grid}.icon-button{color:#ddd;background:#171b1c;border:1px solid #404547;border-radius:4px;place-items:center;width:36px;height:34px;padding:7px;display:grid}.icon-button.danger{color:#efaaa2}.region-list{gap:10px;display:grid}.region-list fieldset{border:1px solid #353a3b}.story-editor{grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:18px;display:grid}.story-preview{background:linear-gradient(160deg,#12211d,#101516);border:1px solid #386054;border-radius:6px;flex-direction:column;align-self:stretch;gap:8px;padding:18px;display:flex}.story-preview>svg{width:22px;color:var(--accent)}.story-preview small,.story-preview span{color:var(--muted)}.story-preview p{white-space:pre-wrap}.story-preview code{color:#b9d5cb;margin-top:auto;font-size:11px}.recovery-code{letter-spacing:.12em;border:1px solid var(--accent);text-align:center;background:#090c0d;margin:24px 0;padding:20px;font:600 28px/1.2 Consolas,monospace}.student-workspace{width:min(900px,100%);margin:0 auto;padding:34px 20px 120px}.student-workspace>header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding-bottom:22px;display:flex}.student-workspace h1{margin:0;font:500 32px Georgia,serif}.student-workspace header p{color:var(--muted)}.student-question{border:1px solid var(--border);background:#131718;border-radius:7px;margin:18px 0;padding:22px}.student-question h2{font:500 19px/1.4 Georgia,serif}.choice{border-bottom:1px solid #2d3031;align-items:center;gap:10px;padding:10px;display:flex}.coordinate-fields{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.coordinate-fields label{color:var(--muted);gap:6px;font-size:12px;display:grid}.coordinate-fields input,.student-question textarea,.auth-panel select{color:#eee;background:#0b0e0f;border:1px solid #49494a;border-radius:4px;padding:10px}.student-question textarea{width:100%}.submit-bar{border-top:1px solid var(--border);z-index:10;background:#101415;justify-content:space-between;align-items:center;padding:15px max(20px,50vw - 430px);display:flex;position:fixed;bottom:0;left:0;right:0}.submit-bar p{color:var(--muted)}.result-score{text-align:center;border:1px solid var(--border);margin:20px 0;padding:42px}.result-score strong{color:var(--accent);font:500 44px Georgia,serif}@media (width<=900px){.authoring-grid{grid-template-columns:1fr}.coordinate-fields,.two-fields{grid-template-columns:1fr 1fr}.story-editor{grid-template-columns:1fr}.record-list article{grid-template-columns:24px 1fr}.record-list article>button{grid-column:2}}@media (width<=560px){.coordinate-fields,.two-fields{grid-template-columns:1fr}.builder-heading,.builder-card-heading{flex-direction:column;align-items:stretch}.submit-bar{flex-direction:column;align-items:stretch;position:static}.student-workspace{padding-bottom:20px}}.result-item .item-score{color:var(--accent);white-space:nowrap}.result-answer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-answer p,.result-explanation,.result-item blockquote{background:#0d1112;border-left:3px solid #45645d;padding:12px}.region-feedback{gap:9px;display:grid}.region-feedback-stage{border:1px solid var(--border);background:#080a0a;height:420px;position:relative}.region-feedback-osd{height:100%}.region-feedback-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.region-feedback-overlay .accepted-region{fill:#52d7a622;stroke:#52d7a6;stroke-width:3px}.region-feedback-overlay .student-selection{fill:#ffd86633;stroke:#ffd866;stroke-width:3px}.region-feedback-legend{color:var(--muted);gap:18px;font-size:13px;display:flex}.region-feedback-legend span:before{content:"";vertical-align:-2px;border:2px solid;width:12px;height:12px;margin-right:7px;display:inline-block}.accepted-region-key:before{border-color:#52d7a6!important}.student-selection-key:before{border-color:#ffd866!important}@media (width<=560px){.result-answer{grid-template-columns:1fr}.region-feedback-stage{height:300px}}.region-question-editor{gap:8px;display:grid}.region-question-toolbar{flex-wrap:wrap;gap:8px;display:flex}.region-question-toolbar button.active{border-color:var(--accent);color:var(--accent)}.region-question-stage{border:1px solid var(--border);touch-action:none;background:#080a0a;height:420px;position:relative}.region-question-osd{height:100%}.region-question-capture,.region-question-overlay{width:100%;height:100%;position:absolute;inset:0}.region-question-capture{z-index:6;background:0 0}.region-question-capture.navigate{pointer-events:none}.region-question-capture.select{cursor:crosshair;pointer-events:auto}.region-question-overlay{z-index:5;pointer-events:none}.region-question-overlay .student-selection{fill:#ffd86633;stroke:#ffd866;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.region-question-overlay .preview{stroke-dasharray:7 5}.region-question-error{justify-content:space-between;align-items:center;gap:12px;display:flex}.coordinate-fallback{padding:8px 0}.coordinate-fallback summary{cursor:pointer;color:var(--muted)}@media (width<=560px){.region-question-stage{height:300px}.region-question-error{flex-direction:column;align-items:stretch}}.global-search{z-index:20;width:min(460px,100%);margin:-12px 0 26px auto;position:relative}.global-search form{background:#0b0e0f;border:1px solid #343738;border-radius:5px;align-items:center;padding:0 10px;display:flex}.global-search form svg{width:17px;color:var(--muted)}.global-search input{color:#eee;background:0 0;border:0;width:100%;padding:10px}.search-results{border:1px solid var(--border);background:#131718;padding:10px;position:absolute;top:46px;left:0;right:0;box-shadow:0 14px 35px #0008}.search-results>a{border-bottom:1px solid #2d3031;gap:3px;padding:10px;display:grid}.search-results small{color:var(--muted)}.search-close{float:right;color:#ccc;background:0 0;border:0}.search-close svg{width:17px}.success-message{color:#b9d6b2;background:#152117;border:1px solid #557253;border-radius:5px;margin-bottom:14px;padding:12px}.help-content{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.help-content article{border-top:1px solid var(--border);padding:18px 4px}.help-content h2{font:500 20px Georgia,serif}.help-content p{color:var(--muted);line-height:1.65}.help-content code{color:#e6bbb9}@media (width<=760px){.global-search{margin:0 0 20px}.help-content{grid-template-columns:1fr}}.analytics-items{gap:14px;display:grid}.analytics-item{border:1px solid var(--border);background:#111516;border-radius:6px;padding:16px}.analytics-item>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.analytics-item>header div{gap:5px;display:grid}.analytics-item small,.response-region-plot figcaption{color:var(--muted)}.analytics-item h3{margin:18px 0 8px;font-size:14px}.analytics-item ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.analytics-item li{border-bottom:1px solid #2d3031;justify-content:space-between;padding:6px 0;display:flex}.response-region-plot{margin:18px 0 0}.response-region-plot svg{aspect-ratio:1;border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(#191e1f 1px,#0000 1px),linear-gradient(90deg,#191e1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:10% 10%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:min(100%,420px);display:block}.response-region-plot circle,.response-region-plot rect{stroke-width:1px;vector-effect:non-scaling-stroke}.response-region-plot .correct{fill:#64b48c88;stroke:#70c99c}.response-region-plot .incorrect{fill:#c76d6d77;stroke:#df8585}.response-region-plot figcaption{margin-top:7px;font-size:12px}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0;display:grid}.mode-cards article{border:1px solid var(--border);border-radius:.75rem;padding:1rem}.mode-cards h3{margin-top:0}.connection-steps{gap:1rem;display:grid}.connection-wizard .status-card small{overflow-wrap:anywhere;display:block}.question-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.question-heading h2{margin-top:0}.bookmark-button{color:var(--muted);cursor:pointer;background:#0f1213;border:1px solid #535758;border-radius:4px;flex:none;align-items:center;gap:7px;padding:8px 10px;display:flex}.bookmark-button svg{width:17px;height:17px}.bookmark-button.active{border-color:var(--accent);color:var(--accent);background:#21191a}@media (width<=560px){.question-heading{flex-direction:column;align-items:stretch}.bookmark-button{align-self:flex-start}}.upload-progress{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.upload-progress progress{width:100%;height:10px;accent-color:var(--accent)}.job-progress{border-top:1px solid var(--border);grid-template-columns:minmax(120px,1fr) minmax(150px,auto) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.job-progress progress{width:100%;height:12px;accent-color:var(--accent)}.job-progress div{gap:4px;display:grid}.job-progress small{color:var(--muted)}.job-progress button{white-space:nowrap}@media (width<=720px){.job-progress{grid-template-columns:1fr}.job-progress button{justify-self:start}}.capacity-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.capacity-metric{border-right:1px solid #2d3031;padding:18px 16px}.capacity-metric:last-child{border-right:0}.capacity-metric h3{color:#c8c2bd;min-height:34px;margin:0;font:600 13px/1.35 Segoe UI,sans-serif}.capacity-metric strong{margin:12px 0 5px;font:500 18px Georgia,serif;display:block}.capacity-metric p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}@media (width<=1050px){.capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-metric{border-bottom:1px solid #2d3031}.capacity-metric:nth-child(2n){border-right:0}.capacity-metric:last-child{border-bottom:0}}@media (width<=720px){.capacity-grid{grid-template-columns:1fr}.capacity-metric{border-right:0}}.guided-story{background:#101516;border:1px solid #386054;border-radius:7px;gap:14px;margin:20px 0;padding:18px;display:grid}.guided-story-heading,.guided-story-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.guided-story-heading h2{margin:4px 0 0;font:500 22px Georgia,serif}.guided-story-heading small,.guided-story-heading span{color:var(--muted)}.guided-story-stage{border:1px solid var(--border);background:#080a0a;min-height:420px;position:relative}.guided-story-osd{height:420px}.guided-story-annotations{pointer-events:none;z-index:5;fill:#58d5aa33;stroke:#58d5aa;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.guided-story-copy{white-space:pre-wrap;grid-template-columns:1fr minmax(260px,.55fr);gap:16px;display:grid}.guided-story-copy aside{border-left:3px solid var(--accent);background:#151b1a;padding:12px}.guided-story-copy aside p{color:var(--muted);margin-bottom:0}@media (width<=700px){.guided-story-copy{grid-template-columns:1fr}.guided-story-stage,.guided-story-osd{height:300px;min-height:300px}.guided-story-actions{flex-direction:column;align-items:stretch}}.gross-images{gap:18px;display:grid}.gross-image-upload{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.gross-image-upload label{gap:7px;display:grid}.gross-image-upload input{color:#eee;background:#0f1213;border:1px solid #49494a;border-radius:5px;padding:10px}.gross-image-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.gross-image-grid figure{border:1px solid var(--border);background:#0d1011;margin:0}.gross-image-grid img{object-fit:contain;background:#070909;width:100%;height:220px;display:block}.gross-image-grid figcaption{gap:7px;padding:12px;display:grid}.gross-image-grid figcaption small{color:var(--muted)}@media (width<=900px){.gross-image-upload{grid-template-columns:1fr}}