:root{color-scheme:dark;font:13px/1.35 Inter,system-ui,sans-serif;color:#d7e1e8;background:#0b0f14;--panel:#121820;--line:#29333e;--accent:#47c8ff;--orange:#ff9b54}*{box-sizing:border-box}html,body,#editor{margin:0;width:100%;height:100%;overflow:hidden}button,select,input,textarea{font:inherit;color:inherit;background:#18212b;border:1px solid #344150;border-radius:3px}button{padding:6px 10px;cursor:pointer}button:hover{border-color:#5b7185}.primary{border-color:#1687b6;background:#0c6388}.toolbar{height:48px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#111820;border-bottom:1px solid var(--line)}.toolbar strong{letter-spacing:.12em;margin-right:15px}.toolbar strong span{color:#718493;font-size:10px}.toolbar label{display:flex;align-items:center;gap:6px;color:#91a2af}.toolbar select{min-width:120px;padding:5px}.separator{height:24px;border-left:1px solid var(--line);margin:0 3px}.spacer{flex:1}#dirty{width:9px;height:9px;border-radius:50%;background:#42606e}#dirty.changed{background:var(--orange);box-shadow:0 0 8px #ff9b54}.debug-toggle{white-space:nowrap}.tools{position:absolute;top:48px;bottom:26px;left:0;width:82px;background:#10161d;border-right:1px solid var(--line);padding:7px;overflow:auto}.tools button{width:67px;height:49px;padding:4px;margin-bottom:4px;background:#141d26;font-size:17px}.tools button span{display:block;font-size:9px;color:#9aabb8}.tools button.active{border-color:var(--accent);background:#123448;color:#7edbff}.workspace{position:absolute;left:82px;right:286px;top:48px;bottom:26px;background:#080b0f}.properties{position:absolute;right:0;top:48px;bottom:26px;width:286px;background:var(--panel);border-left:1px solid var(--line);padding:14px;overflow:auto}.properties h2{margin:0 0 15px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#8fa2b0}.properties label{display:block;margin-bottom:11px;color:#92a4b2;font-size:11px}.properties input,.properties select,.properties textarea{display:block;width:100%;padding:6px;margin-top:4px}.properties input[type=checkbox]{display:inline;width:auto;margin-right:7px}.properties textarea{min-height:58px;resize:vertical}.properties fieldset{border:1px solid var(--line);margin:12px 0;padding:10px}.properties legend{color:#73caec}.status{position:absolute;left:0;right:0;bottom:0;height:26px;background:#111820;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 12px;color:#8799a6;font-size:11px}.status #status{flex:1}.status span+span{margin-left:25px}#viewport{position:absolute;inset:0;overflow:hidden;outline:none;background-color:#0a0e13;background-image:linear-gradient(45deg,#10161d 25%,transparent 25%),linear-gradient(-45deg,#10161d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#10161d 75%),linear-gradient(-45deg,transparent 75%,#10161d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#stage{position:absolute;transform-origin:0 0;box-shadow:0 4px 40px #000;width:1000px;height:667px}#background,#foreground,#preview-canvas,#overlay{position:absolute;inset:0;width:100%;height:100%;display:block}#background{user-select:none;pointer-events:none}#preview-canvas{pointer-events:none;background:transparent}#overlay{overflow:visible;touch-action:none}#foreground{pointer-events:none;z-index:4}.shape{stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:pointer}.walkable{fill:#43d17a25;stroke:#43d17a}.hotspot{fill:#ffb14a25;stroke:#ffb14a}.exit{fill:#e968ff25;stroke:#e968ff}.occluder{fill:#5ba7ff25;stroke:#5ba7ff}.shape.hovered{filter:brightness(1.55)}.shape.selected{stroke:#fff;stroke-width:4}.vertex{fill:#101820;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}.vertex.first{fill:#47c8ff}.point{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.spawn{fill:#54e196}.walkTo{fill:#ffb14a}.faceTo{fill:#e968ff}.perspective-line{stroke-width:2;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.near{stroke:#ff7c59}.far{stroke:#63baff}.label{fill:#fff;font-size:15px;paint-order:stroke;stroke:#101820;stroke-width:4;pointer-events:none}.drawing{fill:#47c8ff18;stroke:#47c8ff;stroke-width:2;vector-effect:non-scaling-stroke}.notice{position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:10;padding:11px 14px;border:1px solid #b66f31;background:#281b12e8;color:#ffd3ad}.recovery{top:auto;bottom:20px;border-color:#2784a8;background:#102531ee}.notice button{margin-left:8px}#preview-hud{position:absolute;left:14px;top:14px;z-index:9;background:#071018dd;border:1px solid #3e819b;padding:8px 10px}#preview-hud b{color:#5dd1ff;margin-right:12px}#preview-hud button{margin-left:12px}.previewing #overlay{pointer-events:auto}.previewing .vertex,.previewing .label{display:none}.previewing .shape:not(.debug-visible),.previewing .perspective-line:not(.debug-visible),.previewing .point:not(.debug-visible){opacity:0}
.point.walkTo,.point.faceTo{cursor:move}.edge-insert{fill:#ffcf4a;stroke:#4a3100;stroke-width:2;vector-effect:non-scaling-stroke;cursor:crosshair;filter:drop-shadow(0 0 5px #ffb52e)}
.context-tooltip{position:fixed;z-index:1000;max-width:290px;padding:8px 10px;border:1px solid #4e6878;border-radius:4px;background:#071018f2;color:#e6f4fa;box-shadow:0 5px 20px #000a;font-size:11px;line-height:1.45;white-space:pre-line;pointer-events:none}.context-tooltip[hidden]{display:none}
.interaction-list h3{margin:18px 0 8px;color:#8fa2b0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.interaction-card{margin:0 0 10px;padding:9px;border:1px solid #334452;border-radius:5px;background:#0c131a}.interaction-card>header{display:flex;align-items:center;gap:4px;margin-bottom:9px}.interaction-card>header strong{flex:1;overflow:hidden;text-overflow:ellipsis}.interaction-card>header button{padding:3px 7px}.interaction-card fieldset{margin:8px 0}.interaction-override{background:#0a1016}.interaction-add{display:flex;gap:6px;margin:10px 0 18px}.interaction-add select{min-width:0;flex:1;padding:6px}.interaction-add button{white-space:nowrap}
.response-editor{margin-top:18px;padding-top:12px;border-top:1px solid #29404b}.response-editor h2{margin:0 0 8px}.response-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:4px;margin:6px 0}.response-toolbar button,.action-steps button,.step-buttons button{padding:5px 7px}.response-editor textarea{min-height:70px}.response-editor .warning,#response-references .warning{color:#ffb16e}.response-editor #response-references{margin:7px 0;color:#91a8b1;font-size:11px;line-height:1.4}.action-steps{display:grid;gap:7px}.action-steps fieldset{position:relative}.step-buttons{display:flex;justify-content:flex-end;gap:3px}
#preview-canvas{z-index:1}.runtime-occlusion{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}#overlay{z-index:3}.route-debug{fill:none;stroke:#52e5ff;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.route-rejected{stroke:#ff4d5d;stroke-width:3;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;pointer-events:none}.route-waypoint{fill:#fff;stroke:#167f9f;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
#foreground[hidden]{display:none}
.background-video{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;object-fit:fill;pointer-events:none}#background-media-status{display:block;margin-top:8px;color:#7fcde8;font-size:10px;word-break:break-word}#background-play{width:100%}
@media(max-width:900px){.properties{width:230px}.workspace{right:230px}.toolbar strong{display:none}}
:where(#background[hidden]){display:none!important}
:where(.lighting-zone){fill:#b35cff2b;stroke:#d477ff}
:where(.lighting-zone:not(.selected)){pointer-events:stroke}
.animated-prop{fill:#ffcf4022;stroke:#ffcf40;stroke-dasharray:5 3}.prop-anchor{stroke:#111;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}.prop-anchor.outside{fill:#ff9b54}.prop-anchor.inside{fill:#52e5ff}.prop-anchor.faceInside{fill:#d779ff}
.weather-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.weather-layer--background{z-index:1}.weather-layer--foreground{z-index:4}#preview-canvas{z-index:2}.runtime-occlusion{z-index:3}#foreground{z-index:5}#overlay{z-index:6}:where(.weather-exclusion){fill:#38d9c52b;stroke:#52f0dc;stroke-dasharray:7 4}
.properties-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.properties-heading h2{margin:0}.properties-heading button{padding:5px 7px}.scene-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0 12px}.scene-tabs button{padding:6px 4px;font-size:10px}.scene-tabs button.active{border-color:var(--accent);background:#123448;color:#8ee2ff}[data-scene-section][hidden]{display:none!important}.field-note{font-size:10px;color:#7f929f}.scene-manager-dialog{width:min(430px,calc(100vw - 30px));padding:0;border:1px solid #415564;background:#101820;color:#d7e1e8;box-shadow:0 18px 80px #000}.scene-manager-dialog::backdrop{background:#02060bcc}.scene-manager-dialog form{padding:18px}.scene-manager-dialog h2{margin:0 0 8px}.scene-manager-dialog label{display:block;margin:10px 0;color:#9eb0bd}.scene-manager-dialog input,.scene-manager-dialog select{display:block;width:100%;margin-top:4px;padding:7px}.scene-manager-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-error{color:#ff8d77}.reference-warning{padding:8px;border-left:2px solid #e59654;background:#271b13;color:#ffd1ac;font-size:11px;white-space:pre-wrap}