.composition{display:flex;gap:7px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.composition>span{font:9px 'DM Mono',monospace;color:#8a8d94;margin-right:auto;letter-spacing:.1em}.composition button,.storyboard button{background:#1b1f26;border:1px solid #2b3038;border-radius:7px;padding:12px 15px;font-size:12px;min-height:44px}.composition .selected,.storyboard .selected{border-color:#d5ff4a;color:#d5ff4a;background:#d5ff4a12}.storyboard{display:flex;gap:8px;margin:18px auto;max-width:460px}.storyboard button{flex:1;padding:12px 5px}.map-panel{max-width:540px;margin:20px auto 0;background:#15181d;border:1px solid #2b3038;border-radius:10px;padding:15px}.map-head{display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;color:#8a8d94;letter-spacing:.06em}.map-head output{color:#d5ff4a}.map-panel canvas{width:100%;display:block;margin-top:10px;aspect-ratio:540/320}.map-panel p{font-size:10px;color:#8a8d94;margin:8px 0 0}.stage{height:min(53vh,540px)}.workspace{grid-template-columns:300px minmax(300px,1fr) 280px}.panel{padding:22px 18px}.settings-panel{overflow:auto}input[type=range]{min-height:18px}button:focus-visible,input:focus-visible{outline:2px solid #d5ff4a;outline-offset:3px}@media(max-width:1000px){.app-shell{padding:20px}.workspace{grid-template-columns:250px minmax(260px,1fr)}.settings-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-panel .divider{grid-column:1/-1}.settings-panel .control{margin:0}.preview-column{order:0}.controls-panel{order:0}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.preview-column{order:0}.controls-panel{order:1}.settings-panel{order:2;display:block}.settings-panel .control{margin-bottom:20px}.stage{height:53vh}.brand small{display:none}.topbar{margin-bottom:20px}.top-actions{font-size:8px}.preset-grid{grid-template-columns:repeat(3,1fr)}}
.endpoint-editor label{display:block;font-size:11px;color:#b4b9c4;margin:18px 0 8px}.endpoint-editor select{width:100%;min-height:46px;background:#1b1f26;color:#f0eee8;border:1px solid #3c444e;border-radius:7px;padding:10px;font:12px Manrope,Arial,sans-serif}.endpoint-preview{width:100%;background:#d5ff4a12;border:1px solid #d5ff4a55;color:#d5ff4a;border-radius:7px;padding:12px;margin-top:8px;font-size:11px}.endpoint-editor .intro{margin-bottom:15px}.endpoint-editor h1{margin-top:0}#endpointDuration{margin-top:25px}[hidden]{display:none!important}
.distance-fine{border-top:1px solid #353c46;margin:18px 0;padding-top:15px}.distance-fine summary{cursor:pointer;font-size:12px;color:#d5ff4a;padding:8px 0}.distance-toggle{display:flex!important;gap:9px;align-items:center}.distance-fine output{font-size:10px}.distance-fine input:disabled{opacity:.4}
.motion-panel{padding:16px;background:#15181d;border:1px solid #2b3038;border-radius:10px;margin-bottom:20px}#motionButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#motionButtons button{font-size:11px;background:#20252d;padding:11px 6px;min-height:44px;border:1px solid #343d49;border-radius:7px}#motionButtons button.selected{color:#d5ff4a;border-color:#d5ff4a;background:#d5ff4a12}#motionButtons button:first-child{grid-column:1/-1}#motionDescription .scene-note{margin:13px 0 4px;font-size:10px}
.format-picker{display:flex;align-items:center;gap:12px;margin-bottom:15px}.format-picker label,.shot-export>label{font:10px 'DM Mono',monospace;color:#b4b9c4}.format-picker select,.shot-export select,.shot-export input,.shot-export textarea{background:#1b1f26;color:#f0eee8;border:1px solid #3c444e;border-radius:7px;padding:10px;font:12px Manrope,Arial,sans-serif}.format-picker select{min-height:44px;flex:1}.shot-export{margin-top:18px;grid-column:1/-1}.shot-export>label{display:block;margin:18px 0 8px}.shot-export input,.shot-export select,.shot-export textarea,.shot-export button{display:block;width:100%}.shot-export textarea{resize:vertical;line-height:1.5}.shot-export button{min-height:44px}.shot-export #exportStatus{color:#d5ff4a;font-size:12px}.save-button:disabled{opacity:.4;cursor:default}
.video-export{grid-column:1/-1;padding:18px;background:#111820;border:1px solid #485333;border-radius:10px;margin-top:20px}.video-export button,.video-export textarea{width:100%;display:block}.video-export video{display:block;max-width:100%;max-height:450px;margin:15px auto;background:#080c14}.video-export textarea{background:#1b1f26;color:#f0eee8;border:1px solid #3c444e;border-radius:7px;padding:10px;font:12px Manrope,Arial,sans-serif;line-height:1.5;resize:vertical;margin-top:9px}.video-export>label{font-size:10px;color:#b4b9c4}.video-export #videoExportStatus{font-size:12px;color:#d5ff4a;line-height:1.6}.video-export a{display:block;text-decoration:none;text-align:center;color:#d5ff4a}.video-export button:disabled{opacity:.5;cursor:wait}