:root{color-scheme:dark;font:14px Arial,Helvetica,sans-serif;color:#eee;background:#202020}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:hover{background:#343434}button:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #f04b50;outline-offset:-3px}.scene-shell{height:100%;display:flex;flex-direction:column;position:relative}.toolbar{height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #383838;background:#202020;flex-shrink:0}.view-tabs{display:flex;border:1px solid #3b3b3b;background:#191919;border-radius:7px;padding:3px;gap:3px}.view-tabs button{padding:8px 15px;border-radius:4px;font-size:13px;color:#aaa;display:flex;gap:8px}.view-tabs .selected{background:#522428;color:#fff}.view-tabs button span{font-size:12px}#rotate{padding:8px 10px;border-radius:5px;display:flex;gap:7px;align-items:center;font-size:11px;color:#aaa}#rotate>span:first-child{font-size:18px}#rotate[aria-pressed=true]{color:#ed9398}#viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#303030,#202020 75%)}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.scene-caption{position:absolute;left:22px;top:19px;font-size:10px;letter-spacing:1.3px;color:#d0d0d0;pointer-events:none}.scene-caption small{display:block;margin-top:8px;font-size:9px;letter-spacing:0;color:#aaa}#tooltip{display:none;position:absolute;background:#292929f5;border:1px solid #666;padding:8px 12px;border-radius:5px;font-size:11px;pointer-events:none;white-space:nowrap;z-index:2}.zoom-controls{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;flex-direction:column;border:1px solid #4c4c4c;background:#222e;border-radius:7px;padding:3px;width:37px}.zoom-controls button{font-size:21px;width:29px;height:29px;border-radius:4px}.zoom-controls span{font-size:8px;color:#aaa}.zoom-controls .control-divider{height:1px;width:20px;background:#444;margin:6px 0}.scene-help{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 19px;height:34px;font-size:9px;color:#999;border-top:1px solid #363636;flex-shrink:0}.scene-help b{margin:0 5px;font-weight:400;color:#666}.accessible-picker{position:absolute;left:-10000px;top:70px;background:#222;padding:12px;border:1px solid #555;max-width:320px;z-index:4}.accessible-picker:focus-within{left:12px}.accessible-picker button{display:block;padding:5px;text-align:left;font-size:11px}#accessible-people{display:grid;grid-template-columns:1fr 1fr;max-height:280px;overflow:auto}@media(max-width:540px){.toolbar{height:55px;padding:9px 10px}.view-tabs button{padding:7px 9px;font-size:12px}.view-tabs button span{font-size:11px}#rotate{font-size:9px;padding:7px 4px;gap:4px}.scene-caption{top:15px;left:15px;font-size:9px}.scene-caption small{max-width:240px;font-size:8px}.scene-help{height:44px;padding:7px 12px;align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;font-size:8px}.zoom-controls{right:10px;bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}