:root{--bg-color: #0d0f12;--panel-bg: #15181c;--panel-border: #23272e;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-inactive: #475569;--accent-color: #7c5cfc;--accent-hover: #6a4be0;--accent-active: #5a3cc8;--danger-color: #ef4444;--danger-hover: #dc2626;--timeline-bg: #111317;--timeline-playhead: #ef4444;--timeline-grid: #1e293b;--track-bg: #1a1d24;--clip-bg: #334155;--clip-border: #475569;--clip-selected: #7c5cfc;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-main);margin-bottom:.5rem}p{color:var(--text-muted);font-size:.875rem;line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{background-color:var(--accent-active)}.btn-secondary{background-color:transparent;border:1px solid var(--panel-border);color:var(--text-main)}.btn-secondary:hover{background-color:var(--panel-border)}.btn-danger{background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color);color:#fff}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);color:var(--text-muted)}.btn-icon:hover{background-color:var(--panel-border);color:var(--text-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-inactive)}input,select{background-color:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-main);padding:.5rem;border-radius:var(--radius-sm);font-size:.875rem;outline:none;transition:border-color var(--transition-fast)}input:focus,select:focus{border-color:var(--accent-color)}.panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:1rem}.left-panel{padding:1rem}.upload-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:1.5rem 1rem;border:2px dashed var(--panel-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:center}.upload-card:hover{border-color:var(--accent-color);background-color:#3b82f60d}.upload-icon{width:32px;height:32px;color:var(--text-muted)}.preset-list{display:flex;flex-direction:column;gap:4px}.center-viewer{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.viewer-tabs{display:flex;gap:0;border-bottom:1px solid var(--panel-border);background-color:var(--panel-bg);flex-shrink:0}.tab-btn{padding:8px 16px;font-size:.85rem;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.viewer-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0}.viewer-toolbar button{padding:4px 6px;border-radius:var(--radius-sm);color:var(--text-muted)}.viewer-toolbar button:hover{background-color:var(--panel-border);color:var(--text-main)}.canvas-stage-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background-color:var(--bg-color)}.canvas-stage-wrapper.checkerboard{background-image:linear-gradient(45deg,#1a1d24 25%,transparent 25%),linear-gradient(-45deg,#1a1d24 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1d24 75%),linear-gradient(-45deg,transparent 75%,#1a1d24 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.right-inspector{padding:.75rem;display:flex;flex-direction:column;gap:2px}.accordion-section{border-bottom:1px solid var(--panel-border)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-main);-webkit-user-select:none;user-select:none}.accordion-header:hover{color:var(--accent-color)}.accordion-content{padding:4px 4px 12px}.control-group{margin-bottom:10px}.control-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--panel-border);outline:none;border:none;padding:0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer}.select-input,.number-input{width:100%;padding:6px 8px;background-color:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-main);border-radius:var(--radius-sm);font-size:.85rem}.gated{opacity:.5!important;cursor:not-allowed!important;position:relative}.gated:after{content:"🔒";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}