.editor-root{color:#ccd;background:#0a0a14;height:100vh;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;display:flex}.editor-canvas-wrap{background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.editor-canvas{object-fit:contain;max-width:100%;max-height:calc(100vh - 36px)}.editor-canvas--grab{cursor:grab}.editor-canvas--grabbing{cursor:grabbing}.editor-panel{background:#111622;border-left:1px solid #1a2a44;width:420px;min-width:340px;padding:0;overflow-y:auto}.editor-header{z-index:10;background:#111622;border-bottom:1px solid #1a2a44;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.editor-header h2{color:#0fc;margin:0;font-size:15px}.editor-actions{gap:6px;display:flex}.editor-actions button{color:#89a;cursor:pointer;background:#1a2540;border:1px solid #2a3a55;border-radius:4px;padding:4px 10px;font-size:12px}.editor-actions button:hover{color:#abc;background:#223050}.play-btn{color:#c8f!important;background:#2a1a40!important;border-color:#4a2a66!important}.play-btn:hover{background:#3a2a55!important}.play-btn--active{color:#f68!important;background:#3a1a30!important;border-color:#5a2a44!important}.export-btn{color:#0fc!important;background:#1a3530!important;border-color:#2a5545!important}.editor-group{border-bottom:1px solid #1a2a44}.editor-group-header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:#778;-webkit-user-select:none;user-select:none;padding:8px 14px;font-size:12px;font-weight:600}.editor-group-header:hover{color:#99a;background:#161e30}.editor-group-body{padding:0 14px 10px}.editor-param{margin-bottom:8px}.editor-label{color:#889;margin-bottom:3px;font-size:11px;display:block}.editor-control{align-items:center;gap:8px;display:flex}.editor-control input[type=range]{accent-color:#0fc;flex:1;height:4px}.editor-control input[type=checkbox]{accent-color:#0fc;width:16px;height:16px}.editor-control input[type=color]{cursor:pointer;background:0 0;border:1px solid #2a3a55;width:40px;height:24px}.editor-value{text-align:right;color:#6ca;min-width:42px;font-family:monospace;font-size:11px}.reset-btn{color:#556;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.reset-btn:hover{color:#f44}.editor-timeline{background:#0d0d1a;border-top:1px solid #1a2a44;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.timeline-slider{accent-color:#c8f;cursor:pointer;flex:1;height:4px}.timeline-tick{color:#556;text-align:center;min-width:30px;font-family:monospace;font-size:10px}