:root{--bg-base: #1e1e1e;--bg-panel: #252526;--bg-input: #3c3c3c;--bg-hover: #2a2d2e;--bg-active: #094771;--border: #3e3e42;--text-primary: #cccccc;--text-bright: #ffffff;--text-muted: #858585;--accent: #0e639c;--accent-hover: #1177bb;--danger: #f14c4c;--danger-hover: #d13a3a;--radius: 4px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;font-size:13px}button,input,select,textarea{font-family:inherit;font-size:inherit}.pro-app{width:100%;height:100%;display:flex;flex-direction:column}.pro-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-base);padding:24px}.pro-landing-container{width:100%;max-width:640px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:0 12px 32px #00000080}.pro-landing-header{text-align:center;margin-bottom:24px}.pro-landing-title{font-size:20px;font-weight:600;color:var(--text-bright);margin-bottom:8px}.pro-landing-subtitle{font-size:13px;color:var(--text-muted)}.pro-landing-dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-base);padding:16px;margin-bottom:24px;transition:all .2s;position:relative}.pro-landing-dropzone.active{border-color:var(--accent);background:#0e639c1a}.pro-landing-textarea{width:100%;height:300px;background:transparent;border:none;outline:none;color:var(--text-bright);font-family:var(--font-mono);font-size:12px;resize:vertical}.pro-landing-textarea::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.pro-landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1e1ee6;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);border-radius:var(--radius)}.pro-landing-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pro-landing-badge{font-size:12px;padding:4px 10px;border-radius:12px;border:1px solid transparent;font-weight:500}.pro-landing-badge.success{border-color:#388e3c;color:#4caf50;background:#4caf501a}.pro-landing-badge.error{border-color:#d32f2f;color:#f44336;background:#f443361a}.pro-error{margin-top:16px;padding:12px;background:#f14c4c1a;border:1px solid rgba(241,76,76,.3);color:var(--danger);border-radius:var(--radius);font-size:13px;text-align:center;max-width:640px;width:100%}.pro-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);padding:6px 14px;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pro-btn:hover:not(:disabled){background:var(--bg-hover);border-color:#555}.pro-btn:disabled{opacity:.5;cursor:not-allowed}.pro-btn-primary{background:var(--accent);border-color:var(--accent)}.pro-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.pro-btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:4px 8px}.pro-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-bright)}.pro-editor{display:flex;flex-direction:column;width:100%;height:100%}.pro-header{min-height:40px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:8px 16px;flex-shrink:0;gap:12px;flex-wrap:wrap}.pro-header-left,.pro-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pro-header-title{font-size:12px;font-weight:500;color:var(--text-muted)}.pro-header-title strong{color:var(--text-bright);font-weight:600;margin-right:6px}.pro-main{display:flex;flex:1;min-height:0;min-width:0;background:#111}.pro-body{display:flex;flex:1;min-height:0}.pro-center{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.pro-preview-area{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:12px;align-items:center;justify-content:center}.pro-timeline-area{height:128px;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.pro-inspector-area{flex:0 0 clamp(248px,18vw,288px);background:var(--bg-panel);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow-y:auto}.pro-inspector-area-left{border-right:1px solid var(--border)}.pro-inspector-area-right{border-left:1px solid var(--border)}.pro-canvas-container{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;gap:16px}.pro-canvas-wrapper{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.pro-canvas-wrapper canvas{max-width:100%;max-height:100%;aspect-ratio:9/16;object-fit:contain;background:#000;box-shadow:0 4px 20px #000c;border:1px solid #000}.pro-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:var(--text-bright);font-size:13px;gap:12px}.pro-transport,.pro-transport-controls{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;background:var(--bg-panel);padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0}.pro-transport-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius)}.pro-transport-btn:hover{background:var(--bg-input);color:var(--text-bright)}.pro-transport-btn.active{color:var(--danger)}.pro-transport-slider{flex:1;margin:0 8px;accent-color:var(--accent);cursor:pointer}.pro-transport-time{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);min-width:80px;text-align:right}@media (max-width: 1200px){.pro-main{flex-direction:column}.pro-inspector-area{width:100%;max-height:36vh;border-left:none;border-top:1px solid var(--border);flex-basis:auto}.pro-center{order:1}.pro-inspector-area-left{order:2;border-right:none}.pro-inspector-area-right{order:3}}.pro-timeline-header{height:32px;padding:0 16px;background:var(--bg-base);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pro-timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;background:#1a1a1a;position:relative;user-select:none;-webkit-user-select:none}.pro-timeline-scroll::-webkit-scrollbar,.pro-inspector-area::-webkit-scrollbar{width:12px;height:12px}.pro-timeline-scroll::-webkit-scrollbar-track,.pro-inspector-area::-webkit-scrollbar-track{background:transparent}.pro-timeline-scroll::-webkit-scrollbar-thumb,.pro-inspector-area::-webkit-scrollbar-thumb{background:#444;border:3px solid var(--bg-panel);border-radius:6px}.pro-timeline-scroll::-webkit-scrollbar-thumb:hover,.pro-inspector-area::-webkit-scrollbar-thumb:hover{background:#666}.pro-timeline-content{position:relative;height:100%;min-width:100%;display:flex;flex-direction:column}.pro-timeline-ruler{height:24px;border-bottom:1px solid #333;background:#222;position:relative;flex:0 0 24px;user-select:none;-webkit-user-select:none}.pro-timeline-tick{position:absolute;top:0;bottom:0;border-left:1px solid #444}.pro-timeline-tick-label{font-size:10px;color:#888;margin-left:4px;line-height:24px;font-family:var(--font-mono);pointer-events:none;user-select:none;-webkit-user-select:none}.pro-timeline-track{position:relative;flex:1;min-height:0;user-select:none;-webkit-user-select:none}.pro-timeline-clip{position:absolute;top:6px;height:calc(100% - 12px);background:var(--bg-input);border:1px solid rgba(0,0,0,.5);border-radius:3px;cursor:pointer;padding:4px 6px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.pro-timeline-clip:hover{filter:brightness(1.2)}.pro-timeline-clip.active{background:var(--accent);border-color:#fff;z-index:2}.pro-timeline-clip-title{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin-bottom:2px}.pro-timeline-clip-subtitle{font-size:10px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--danger);z-index:10;pointer-events:none}.pro-timeline-playhead-cap{position:absolute;top:0;left:-5px;width:11px;height:11px;background:var(--danger);clip-path:polygon(0 0,100% 0,50% 100%)}.pro-inspector-header{height:34px;display:flex;align-items:center;padding:0 12px;font-size:11px;font-weight:600;color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.pro-panel-section{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pro-panel-section.collapsed{gap:0}.pro-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.pro-panel-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:0}.pro-panel-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;cursor:pointer}.pro-panel-toggle:hover .pro-panel-title,.pro-panel-toggle:hover .pro-panel-toggle-icon{color:var(--text-bright)}.pro-panel-toggle-icon{width:10px;font-size:10px;color:var(--text-muted);transition:color .12s ease}.pro-panel-meta{flex-shrink:0;font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.pro-prop-group{display:flex;flex-direction:column;gap:8px}.pro-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-prop-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.pro-prop-label{font-size:11px;color:var(--text-primary);flex:0 0 74px}.pro-prop-control{flex:1;min-width:0}.pro-select,.pro-input{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);font-size:11px;padding:5px 6px;border-radius:var(--radius);outline:none}.pro-select:focus,.pro-input:focus{border-color:var(--accent)}.pro-select-compact{padding:4px 6px}.pro-empty{font-size:11px;color:var(--text-muted);font-style:italic}.pro-muted-note{font-size:11px;color:var(--text-muted)}.pro-value-text{color:var(--text-bright);font-weight:500}.pro-value-subtle{color:var(--text-muted)}.pro-inline-toggle{display:flex;align-items:center}.pro-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pro-global-sound-list{display:flex;flex-direction:column;gap:6px}.pro-global-sound-row{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius)}.pro-global-sound-top{display:flex;align-items:center;gap:8px;min-width:0}.pro-global-sound-bottom{display:flex;align-items:center;gap:8px}.pro-global-sound-toggle{display:inline-flex;align-items:center;gap:6px;min-width:92px;font-size:11px;color:var(--text-bright);flex-shrink:0}.pro-global-sound-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-global-sound-select{flex:1;min-width:0}.pro-global-sound-volume{flex-shrink:0;font-size:10px;color:var(--text-muted);width:34px;text-align:right}.pro-global-sound-slider{flex:1;accent-color:var(--accent)}.pro-inline-error{padding:8px 10px;border-radius:var(--radius);border:1px solid rgba(241,76,76,.3);background:#f14c4c1a;color:var(--danger);font-size:11px}.pro-cue-item{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:8px}.pro-cue-header{display:flex;justify-content:space-between;align-items:center}.pro-cue-title{font-size:11px;font-weight:600;color:var(--text-bright)}.pro-cue-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.pro-cue-delete:hover{color:var(--danger)}.pro-avatar-panel{display:flex;flex-direction:column;gap:8px}.pro-avatar-assignment{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius)}.pro-avatar-assignment-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pro-avatar-player-name{font-size:11px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-avatar-source{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pro-avatar-current{display:flex;align-items:center;gap:8px}.pro-avatar-current-copy{flex:1;min-width:0}.pro-avatar-current-label{font-size:11px;color:var(--text-bright);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-avatar-current-meta,.pro-avatar-result-meta{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-avatar-thumb{width:34px;height:34px;border-radius:50%;background-color:#0f172a;border:1px solid rgba(255,255,255,.08);background-repeat:no-repeat;background-position:center;background-size:cover;flex-shrink:0}.pro-avatar-thumb-empty{background-image:radial-gradient(circle at 30% 30%,#475569,#0f172a 70%)}.pro-avatar-clear{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:4px 8px;font-size:10px;cursor:pointer}.pro-avatar-clear:hover{color:var(--text-bright);border-color:#5a5a5a}.pro-avatar-search-results{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.pro-avatar-result{display:flex;align-items:center;gap:8px;width:100%;padding:6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;text-align:left}.pro-avatar-result:hover,.pro-avatar-result.selected{border-color:var(--accent);background:#0e639c29}.pro-avatar-result-copy{min-width:0;flex:1}.pro-avatar-result-title{font-size:11px;color:var(--text-bright);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}