html,body,#root{margin:0;height:100%;background:#111;color:#eee;font-family:system-ui,sans-serif}.layout{display:flex;height:100%}.editor-panel,.scene-panel{min-width:0;min-height:0;position:relative}.editor-panel{flex:var(--split, .5) 1 0;display:flex;flex-direction:column}.scene-panel{flex:calc(1 - var(--split, .5)) 1 0}.split-divider{flex:none;position:relative;z-index:15;width:1px;background:#333;cursor:col-resize;touch-action:none}.split-divider:before{content:"";position:absolute;top:0;right:-6px;bottom:0;left:-6px}.split-divider:hover,.layout.resizing .split-divider{background:#ffeb3b}.layout.resizing{user-select:none;-webkit-user-select:none;cursor:col-resize}.layout.resizing>section{pointer-events:none}@media(max-width:800px){.layout{flex-direction:column}.split-divider{width:auto;height:1px;cursor:row-resize}.split-divider:before{top:-10px;right:0;bottom:-10px;left:0}.layout.resizing{cursor:row-resize}}.toolbar{padding:8px}.toolbar-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.toolbar button{padding:6px 12px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;cursor:pointer}.toolbar button.active{background:#ffeb3b;color:#111;border-color:#ffeb3b}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar-sep{width:1px;height:20px;background:#444}.toolbar-hint{margin-top:6px;font-size:13px;color:#aaa}.board-wrap{position:relative;flex:1;min-height:0;display:flex}.tactic-board{flex:1;min-height:0;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board-zoom{position:absolute;right:8px;bottom:8px;display:flex;gap:4px}.board-zoom button{min-width:40px;height:40px;padding:0 10px;border:1px solid #555;border-radius:8px;background:#141414d9;color:#eee;font-size:16px;cursor:pointer}.board-point{cursor:grab}.board-number{font-size:calc(1.8px * var(--u, 1));font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none}.board-time{font-size:calc(1.6px * var(--u, 1));fill:#fff;pointer-events:none}.scene-panel{display:flex;flex-direction:column}.scene-frame{flex:1;min-height:0;display:flex;justify-content:center;background:#111}.scene-frame>div{flex:1}.scene-actions{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:8px}.scene-actions button{padding:10px 20px;font-size:16px;border:none;border-radius:8px;background:#fff;cursor:pointer}.ar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;font-family:system-ui,sans-serif}.ar-overlay-placed{pointer-events:auto;touch-action:none}.ar-hint{align-self:center;padding:8px 14px;border-radius:8px;background:#0009;color:#fff;font-size:15px}.ar-debug{align-self:flex-start;margin:8px 0 0;padding:6px 8px;border-radius:6px;background:#000000b3;color:#8f8;font-size:11px;white-space:pre-wrap;max-width:100%}.ar-controls{display:flex;justify-content:center;gap:10px;margin-top:auto}.ar-controls button{pointer-events:auto;min-width:48px;padding:12px 18px;font-size:16px;border:none;border-radius:8px;background:#ffffffe6;color:#111}.playback-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0009;color:#fff;pointer-events:auto}.playback-bar input[type=range]{flex:1;min-width:0;accent-color:#ffeb3b}.playback-toggle{width:40px;height:36px;border:none;border-radius:6px;background:#ffeb3b;color:#111;font-size:14px;cursor:pointer}.playback-time{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.ar-overlay .playback-bar{margin-top:auto;margin-bottom:10px;border-radius:8px}.ar-overlay .playback-bar+.ar-controls{margin-top:0}.toolbar-name{color:#eee;font-weight:600}.library-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:48px 12px 12px;background:#0000008c}.library-panel{width:min(480px,100%);max-height:100%;overflow-y:auto;padding:16px;border-radius:10px;background:#1c1c1c;border:1px solid #333}.library-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.library-panel h2{margin:0;font-size:17px}.library-panel button{padding:6px 12px;border:1px solid #555;border-radius:6px;background:#2a2a2a;color:#eee;cursor:pointer}.library-panel button.primary{background:#ffeb3b;border-color:#ffeb3b;color:#111}.library-panel button.danger{background:#c62828;border-color:#c62828;color:#fff}.library-current{margin-bottom:10px;color:#bbb;font-size:14px}.library-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.library-message{margin-bottom:10px;padding:8px 10px;border-radius:6px;font-size:14px}.library-message.info{background:#1b3a1f;color:#a5d6a7}.library-message.error{background:#3d1414;color:#ef9a9a}.library-list{list-style:none;margin:0;padding:0}.library-list li{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px solid #2e2e2e}.library-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.library-item-info span{color:#999;font-size:12px}.library-empty{color:#888;justify-content:center}.library-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;font-size:14px}.library-form input{padding:8px 10px;border:1px solid #555;border-radius:6px;background:#111;color:#eee;font-size:15px}.library-note{margin-bottom:8px;color:#ffcc80;font-size:13px}.board-ball-label{font-size:calc(1.7px * var(--u, 1));font-weight:700;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#000000b3;stroke-width:calc(.4px * var(--u, 1));cursor:pointer}.toolbar button.share-on{border-color:#66bb6a;color:#a5d6a7}.share-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 8px 8px}.share-bar input{flex:1;min-width:0;padding:6px 8px;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#eee;font-size:13px}.share-bar button{padding:6px 12px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;cursor:pointer}.share-bar button:disabled{opacity:.4;cursor:default}.share-status{font-size:13px;color:#aaa}.share-status.live{color:#a5d6a7}.share-status.error{color:#ef9a9a}.watch-badge{padding:3px 8px;border-radius:4px;background:#ffeb3b;color:#111;font-size:12px;font-weight:700}.watch-bar a{color:#90caf9;font-size:13px}.record-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 10px 8px 14px;border-radius:8px;background:#000000bf;color:#eee;font-size:14px}.record-bar.error{color:#ff8a80}.record-bar button{flex:none;padding:6px 12px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;cursor:pointer}.record-bar .record-start{border-color:#e53935;background:#e53935;color:#fff}.record-live{color:#ff5252;font-variant-numeric:tabular-nums}.toolbar kbd{margin-left:2px;padding:0 4px;border:1px solid #555;border-radius:3px;font-size:10px;color:#999}.toolbar button.active kbd{border-color:#8a7d16;color:#554c00}.toolbar button.primary{border-color:#42a5f5;background:#1565c0;color:#fff}.toolbar button.mode-toggle{border-style:dashed;color:#bbb}.toolbar-keys{color:#777}.options-section{margin-bottom:16px}.options-section h3{margin:0 0 8px;font-size:14px;color:#bbb}.options-team{display:inline-block;min-width:36px;font-size:13px;font-weight:600}.options-color-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.options-color-row input[type=color]{width:40px;height:32px;padding:0;border:1px solid #555;border-radius:6px;background:none;cursor:pointer}.options-swatches{display:flex;flex-wrap:wrap;gap:4px}.options-swatches button{width:22px;height:22px;padding:0;border:2px solid #333;border-radius:50%;cursor:pointer}.options-swatches button.active{border-color:#ffeb3b}.options-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-numbers>div{display:flex;flex-direction:column;gap:6px}.options-number{display:flex;align-items:center;gap:6px}.options-dot{width:12px;height:12px;border-radius:50%;flex:none}.options-number input{width:56px;padding:4px 6px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;font-size:14px}.options-number.invalid input{border-color:#ff5252}.options-error{color:#ff8a80;font-size:12px}.options-swatches button:disabled{opacity:.2;cursor:not-allowed}.options-scale{display:flex;align-items:center;gap:10px}.options-scale input[type=range]{flex:1;min-width:0;accent-color:#ffeb3b}.options-scale-value{min-width:40px;font-variant-numeric:tabular-nums}.options-scale button{padding:4px 10px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;font-size:12px;cursor:pointer}.options-scale button:disabled{opacity:.4;cursor:default}.options-hint{margin:6px 0 0;color:#888;font-size:12px}.language-select{margin-left:auto;padding:6px 8px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;font-size:13px;cursor:pointer}.camera-panel{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;border-top:1px solid #333;font-size:13px}.camera-list,.camera-detail{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.camera-panel button{padding:4px 10px;border:1px solid #555;border-radius:6px;background:#222;color:#eee;font-size:13px;cursor:pointer}.camera-panel button.active{background:#ffeb3b;border-color:#ffeb3b;color:#111}.camera-panel button.danger{border-color:#e53935;color:#ff8a80}.camera-check,.camera-height{display:flex;align-items:center;gap:6px}.camera-height input[type=range]{width:110px;accent-color:#ffeb3b}.camera-hint{color:#aaa}.scenario-track{position:relative;flex:1;min-width:0;display:flex;align-items:center}.scenario-track input[type=range]{flex:1;min-width:0;accent-color:#ffeb3b}.scenario-ticks{position:absolute;left:8px;right:8px;top:50%;height:0;pointer-events:none}.scenario-ticks span{position:absolute;top:-9px;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:#e0e0e0}.scenario-ticks span.pause{background:#ff5252}