:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;margin:0;padding:0}a{text-decoration:none;color:#3b82f6;transition:.4s}@media(hover:hover){a:hover{background-color:#3b82f61a}}.modal-overlay[data-v-99dc456b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-99dc456b]{background:#1f2937;width:600px;max-width:90vw;max-height:80vh;border-radius:12px;display:flex;flex-direction:column;border:1px solid #374151;box-shadow:0 25px 50px -12px #00000080}.modal-header[data-v-99dc456b]{padding:16px 20px;border-bottom:1px solid #374151;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-99dc456b]{margin:0;display:flex;align-items:center;gap:10px;font-size:1.1rem}.close-btn[data-v-99dc456b]{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem}.modal-body[data-v-99dc456b]{padding:20px;overflow-y:auto;flex-grow:1}.script-builder[data-v-99dc456b]{display:grid;grid-template-columns:200px 1fr;gap:24px}.available-blocks h4[data-v-99dc456b],.script-timeline h4[data-v-99dc456b]{margin-top:0;font-size:.8rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin-bottom:12px}.block-list[data-v-99dc456b]{display:flex;flex-direction:column;gap:8px}.block-btn[data-v-99dc456b]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;border:none;cursor:pointer;font-weight:600;text-align:left;transition:transform .1s}.block-btn[data-v-99dc456b]:active{transform:scale(.95)}.block-btn.move[data-v-99dc456b]{background:#3b82f6;color:#fff}.block-btn.rotate[data-v-99dc456b]{background:#10b981;color:#fff}.block-btn.scale[data-v-99dc456b]{background:#8b5cf6;color:#fff}.block-btn.wait[data-v-99dc456b]{background:#f59e0b;color:#fff}.block-btn.loop[data-v-99dc456b]{background:#6366f1;color:#fff}.block-btn.trigger[data-v-99dc456b]{background:#14b8a6;color:#fff}.block-btn.seek[data-v-99dc456b]{background:#ec4899;color:#fff}.divider[data-v-99dc456b]{height:1px;background:#374151;margin:4px 0}.step-card.move[data-v-99dc456b]{border-left-color:#3b82f6}.step-card.rotate[data-v-99dc456b]{border-left-color:#10b981}.step-card.scale[data-v-99dc456b]{border-left-color:#8b5cf6}.step-card.wait[data-v-99dc456b]{border-left-color:#f59e0b}.step-card.goto[data-v-99dc456b]{border-left-color:#6366f1}.step-card.trigger[data-v-99dc456b]{border-left-color:#14b8a6}.step-card.seek[data-v-99dc456b]{border-left-color:#ec4899}.step-hint[data-v-99dc456b]{font-size:.7rem;color:#9ca3af;align-self:center;font-style:italic}.script-timeline[data-v-99dc456b]{background:#111827;padding:16px;border-radius:8px;min-height:200px;display:flex;flex-direction:column;gap:10px}.empty-script[data-v-99dc456b]{color:#4b5563;text-align:center;padding:40px 0;font-style:italic;font-size:.9rem}.step-card[data-v-99dc456b]{background:#374151;border-radius:6px;padding:10px;border-left:4px solid #3b82f6}.step-header[data-v-99dc456b]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-number[data-v-99dc456b]{background:#0000004d;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.step-type[data-v-99dc456b]{font-size:.75rem;font-weight:700;flex-grow:1}.remove-step-btn[data-v-99dc456b]{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px}.step-controls[data-v-99dc456b]{display:flex;gap:12px}.input-group[data-v-99dc456b]{display:flex;flex-direction:column;gap:4px}.input-group label[data-v-99dc456b]{font-size:.65rem;color:#9ca3af}.input-group input[data-v-99dc456b]{background:#1f2937;border:1px solid #4b5563;color:#fff;width:60px;padding:4px;border-radius:4px;font-size:.8rem}.modal-footer[data-v-99dc456b]{padding:16px 20px;border-top:1px solid #374151;display:flex;justify-content:flex-end}.action-btn[data-v-99dc456b]{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.scenes-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.scene-item{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--border-color);transition:all .2s}.scene-item:hover{border-color:var(--accent)}.scene-item.active{background:var(--accent);border-color:var(--accent)}.scene-index{font-size:.7rem;font-weight:700;opacity:.7;width:20px}.scene-name-input{background:transparent;border:none;color:#fff;font-size:.85rem;font-weight:600;flex-grow:1;outline:none}.scene-delete{background:transparent;border:none;color:var(--danger);cursor:pointer;opacity:.7;transition:opacity .2s}.scene-delete:hover{opacity:1}.add-scene-btn{width:100%;margin-bottom:8px}.play-story-btn{width:100%;background:#10b981!important}.play-story-btn:hover{background:#059669!important}.bubble-options{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.bubble-time-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.time-input{display:flex;flex-direction:column;gap:4px}.time-input label{font-size:.65rem;color:var(--text-secondary)}.time-input input{background:var(--bg-secondary);border:1px solid var(--border-color);color:#fff;padding:4px;border-radius:4px;font-size:.75rem}:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-color: #374151;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent: #3b82f6;--accent-hover: #60a5fa;--danger: #ef4444;--danger-hover: #f87171;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}body,html{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.app-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.app-title svg{color:var(--accent)}.toolbar-center{flex-grow:1;display:flex;justify-content:center}.soundtrack-toolbar-player{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:6px 16px;border-radius:30px;border:1px solid var(--border-color);max-width:400px}.soundtrack-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;color:var(--text-secondary)}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background .2s}.icon-btn:hover{background:#ffffff1a}.vol-slider{width:80px!important}.toolbar-right{display:flex;align-items:center;gap:12px}.button-group{display:flex;align-items:center;gap:8px}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.main-content{display:flex;flex-grow:1;overflow:hidden}.sidebar{width:360px;flex-shrink:0;background-color:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden}.sidebar-section{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-section:last-child{border-bottom:none;flex-grow:1;display:flex;flex-direction:column;min-height:0}.sidebar h3{margin:0 0 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.objects-list{overflow-y:auto;flex-grow:1;min-height:0;padding-right:8px;margin-right:-4px}.objects-list::-webkit-scrollbar{width:4px}.objects-list::-webkit-scrollbar-track{background:transparent}.objects-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.objects-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.control-card{background:var(--bg-tertiary);border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.global-card{display:flex;flex-direction:column;gap:12px}.object-card{transition:transform .2s,border-color .2s}.object-card:hover{border-color:var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-actions{display:flex;align-items:center;gap:4px}.click-actions-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.action-selector{display:flex;gap:4px;margin-bottom:8px}.action-selector button{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 0;font-size:.7rem;cursor:pointer;border-radius:4px}.action-selector button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.bubble-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px;border-radius:4px;font-size:.8rem;box-sizing:border-box}.small-btn{width:100%;padding:6px!important;font-size:.75rem!important}.video-extra-controls{border-top:1px solid var(--border-color);padding-top:8px;margin-top:8px}.video-extra-controls label{display:block;font-size:.65rem;margin-top:4px;color:var(--text-secondary)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.action-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.action-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{background:var(--bg-tertiary)}.upload-full-width{width:100%;box-sizing:border-box}.delete-btn{background:#ef44441a;color:var(--danger);border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.delete-btn:hover{background:var(--danger);color:#fff}.divider{width:1px;height:24px;background:var(--border-color);margin:0 8px}.env-selector{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px}.env-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:8px 0;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.env-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.env-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.soundtrack-upload-box{border-top:1px solid var(--border-color);padding-top:12px}.upload-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.soundtrack-btn{width:100%;margin-bottom:8px}.soundtrack-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--accent-hover);background:#3b82f61a;padding:6px 10px;border-radius:6px}.text-btn{background:transparent;border:none;color:var(--danger);cursor:pointer;font-size:.75rem;text-decoration:underline}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--bg-primary);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--accent);margin-top:-5px;cursor:pointer}.scene-container{flex-grow:1;position:relative;background-color:#000;display:flex;flex-direction:column}a-scene{flex-grow:1;width:100%;height:100%}.exit-theater-btn{position:absolute;top:20px;right:20px;z-index:1000;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.exit-theater-btn:hover{background:#000c;border-color:#fff}@media(max-width:900px){.sidebar{width:300px}}@media(max-width:768px){.main-content{flex-direction:column}.sidebar{width:100%;height:350px;border-right:none;border-bottom:1px solid var(--border-color)}.toolbar{height:auto;padding:10px;flex-wrap:wrap}.toolbar-center{order:3;width:100%;margin-top:10px}}