@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--color-bg-base:#060608;--color-bg-surface:#121214bf;--color-bg-elevated:#00000080;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent-primary:#6366f1;--accent-primary:#6366f1;--accent-primary-rgb:99, 102, 241;--color-accent-hover:#818cf8;--color-accent-subtle:#6366f11a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-subtle:#ef444426;--color-success:#10b981;--color-success-hover:#059669;--color-border:#ffffff14;--color-border-hover:#6366f180;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 4px 20px #0003;--shadow-glow:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-bg-base);width:100%;min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:14px;line-height:1.5}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-weight:600}p{color:var(--color-text-secondary);margin:0}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{all:unset;box-sizing:border-box;font-family:var(--font-sans);cursor:pointer}.text-title{background:linear-gradient(90deg,#fff,#a1a1aa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2}.text-h1{font-size:1.75rem;font-weight:600;line-height:1.25}.text-h2{font-size:1.25rem;font-weight:600;line-height:1.3}.text-body{font-size:14px;line-height:1.5}.text-small{color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--space-6);flex:1;width:100%;max-width:1400px;margin:0 auto}.header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#141416b3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-normal);position:relative;overflow:hidden}.card:hover{border-color:var(--color-border-hover)}.card--active{border-color:var(--color-accent-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background-color:var(--color-accent-primary);color:#000;font-weight:600}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border);border-color:var(--color-border-hover)}.btn-danger{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid #0000}.btn-danger:hover{background-color:var(--color-danger);color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:13px}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.input{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:#000;font-family:var(--font-sans);transition:border-color var(--transition-fast);background-color:#d9d9d9;border:1px solid #0000;font-size:14px;font-weight:500}.input:focus{border-color:var(--color-border-hover);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.textarea{resize:vertical;min-height:80px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast) ease-out;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-fast) ease-out;overflow-y:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.hidden{display:none}.canvas-tool-hand{cursor:grab!important}.canvas-tool-hand.canvas-viewport--dragging{cursor:grabbing!important}.canvas-tool-select{cursor:default!important}body.is-dragging *,.asset-module.dragging *,.scene-card--dragging *{-webkit-user-select:none!important;user-select:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes group-ghost-in{0%{opacity:0;max-height:0;transform:scaleY(.85)}to{opacity:1;max-height:600px;transform:scaleY(1)}}.process-manager{bottom:var(--space-6);right:var(--space-6);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);z-index:1000;background:#141419b3;border:1px solid #ffffff14;flex-direction:column;width:320px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0006}.process-manager--expanded{width:380px;max-height:500px}.process-manager__summary{padding:var(--space-3) var(--space-4);cursor:pointer;align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;display:flex}.process-manager__summary:hover{background:#ffffff08}.process-manager__info{flex-direction:column;flex:1;min-width:0;display:flex}.process-manager__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-primary);margin-bottom:2px;font-size:11px;font-weight:600}.process-manager__status{color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.process-manager__progress-outer{background:#ffffff1a;border-radius:2px;width:60px;height:4px;overflow:hidden}.process-manager__progress-inner{background:var(--color-accent-primary);height:100%;transition:width .3s}.process-manager__content{padding:var(--space-4);border-top:1px solid #ffffff14;flex:1;overflow-y:auto}.process-manager__section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.process-manager__section-header h3{color:var(--color-text-muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.process-manager__list{gap:var(--space-3);flex-direction:column;display:flex}.process-item{padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a}.process-item__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.process-item__name{color:var(--color-text-bright);font-size:14px;font-weight:500}.process-item__status-dot{border-radius:50%;width:8px;height:8px}.process-item__message{color:var(--color-text-muted);margin-bottom:8px;font-size:12px}.process-item__progress-bar{background:#ffffff1a;border-radius:1px;height:2px;margin-bottom:6px;overflow:hidden}.process-item__progress-fill{background:var(--color-accent-primary);height:100%;transition:width .3s}.process-item__error{color:#ef4444;background:#ef44441a;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11px}.process-item__time{color:var(--color-text-muted);text-align:right;margin-top:4px;font-size:10px}.storyboard-canvas__grid{gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:nowrap;align-items:stretch;display:flex;overflow:auto hidden}.scene-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:297px;padding:0 0 var(--space-4) 0;transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.scene-card:hover{border-color:#525252}.scene-visual-container{background-color:#000;justify-content:center;align-items:center;width:100%;min-height:40px;display:flex;position:relative;overflow:hidden}.scene-visual-container--empty{padding:var(--space-3);justify-content:flex-start;align-items:flex-start;gap:var(--space-2);flex-direction:row}.scene-visual__media{object-fit:cover;width:100%;height:100%;display:block}.video-player__btn{color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px #00000080);opacity:.8;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.video-player__btn:hover{opacity:1}.scene-visual__media{position:absolute;top:0;left:0}.scene-visual--empty-error{color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;width:100%;height:100%;display:flex}.scene-card-actions{gap:var(--space-2);margin-top:auto;display:flex}.layout-split{gap:var(--space-6);display:flex}.layout-sidebar{gap:var(--space-4);flex-direction:column;flex-shrink:0;width:320px;display:flex}.layout-main{flex:1;min-width:0}.storyboard-module{background-color:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.storyboard-header{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.storyboard-header__row-primary{align-items:center;gap:var(--space-2);font-family:var(--font-display);flex-wrap:wrap;font-size:1.25rem;font-weight:700;display:flex}.storyboard-header__row-secondary{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.header-inline-input{color:inherit;font:inherit;background:0 0;border:none;outline:none;min-width:20px;margin:0;padding:0}.header-inline-input:focus{background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:0 var(--space-1)}.header-inline-select{color:inherit;font:inherit;cursor:pointer;appearance:none;background:0 0;border:none;outline:none}.header-inline-select:focus{background-color:var(--color-bg-elevated)}.header-inline-input--bold,.header-inline-select--bold{text-transform:uppercase;font-weight:700}.header-inline-input--sm{font-size:12px;font-weight:400}.header-divider{color:var(--color-text-secondary);font-weight:400}.header-dot{color:var(--color-text-secondary);font-weight:700}.meta-label{color:var(--color-text-secondary)}.meta-value{color:var(--color-text-primary)}.meta-hash{color:var(--color-text-primary);font-weight:500}.asset-header-hero{margin-bottom:var(--space-2);align-items:center;gap:10px;display:flex}.hero-input,.hero-select{color:#fff;font-size:17px;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;cursor:text;background:0 0;border:none;outline:none;padding:0}.hero-select{cursor:pointer;appearance:none;padding-right:4px}.hero-input:focus,.hero-select:focus,.sub-input:focus{background-color:var(--color-bg-elevated);border-radius:var(--radius-sm)}.hero-input::placeholder,.sub-input::placeholder{color:#ffffff40}.hero-separator{color:#fff6;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600}.asset-header-sub{align-items:center;gap:12px;display:flex}.sub-input{color:#ffffffa6;font-size:13px;font-weight:400;font-family:var(--font-sans);text-transform:uppercase;background:0 0;border:none;outline:none;padding:0}.sub-separator{color:#ffffff4d;-webkit-user-select:none;user-select:none;font-size:13px}.scene-visual-wrapper{position:relative}.scene-duration-overlay{top:var(--space-2);right:var(--space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);background:#0009;align-items:center;gap:2px;padding:2px 6px;font-size:12px;font-weight:500;display:flex;position:absolute}.duration-inline-input{color:#fff;text-align:right;width:3ch;font-family:var(--font-mono);background:0 0;border:none;outline:none}.duration-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scene-card__header{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.scene-card__header-left{opacity:.6;flex:1;align-items:center;gap:8px;display:flex}.scene-card__header-center{flex:none;justify-content:center;align-items:center;display:flex}.scene-card__header-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.scene-card__drag-handle{cursor:grab;color:var(--color-text-tertiary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.scene-card__drag-handle:hover{color:var(--color-text-primary)}.scene-card__drag-handle:active{cursor:grabbing}.scene-card__field{padding:0 var(--space-4);flex-direction:column;gap:4px;display:flex}.scene-card__field label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.scene-card__field input[type=text],.scene-card__field textarea{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);box-sizing:border-box;resize:vertical;background:0 0;outline:none;width:100%;min-height:20px;padding:4px 0 8px;font-size:14px}.scene-card__field input[type=text]:focus,.scene-card__field textarea:focus{border-color:var(--color-accent)}.asset-module{-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;background:#16161cd9!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 24px 48px -12px #00000080,inset 0 1px #ffffff0f!important}.storyboard-header{-webkit-backdrop-filter:none!important;border:none!important;border-bottom:1px solid var(--color-border)!important;box-shadow:none!important;padding:var(--space-4) var(--space-6)!important;background:0 0!important;border-radius:0!important}.storyboard-canvas__grid{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.scene-card{transition:transform .2s,border-color .2s,box-shadow .2s;background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:12px!important;box-shadow:inset 0 2px 4px #ffffff05,0 8px 16px #0006!important}.scene-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover)!important;box-shadow:0 0 20px #6366f133,0 8px 16px #0006!important}.asset-module input,.asset-module select{color:#fff!important;background:#0000004d!important;border:1px solid #ffffff1a!important;border-radius:6px!important}.asset-module input:focus,.asset-module select:focus{border-color:var(--color-accent-primary)!important;box-shadow:0 0 0 2px var(--color-accent-subtle)!important}.storyboard-canvas{background-image:none!important}.scene-card__drag-handle{cursor:grab;color:var(--color-text-tertiary);transition:all var(--transition-fast);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:4px;display:flex}.scene-card__drag-handle:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.add-scene-wrapper{gap:var(--space-4);flex-direction:column;display:flex}.add-scene-module{gap:var(--space-2);flex-direction:column;justify-content:center;align-items:center;display:flex}.btn-square-add{all:unset;box-sizing:border-box;width:48px;height:48px;color:var(--color-danger);cursor:pointer;transition:all var(--transition-fast);background-color:#ef444466;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:300;display:flex;box-shadow:0 0 16px #ef44444d}.btn-square-add:hover:not(:disabled){color:#fff;background-color:#ef444499;box-shadow:0 0 24px #ef444480}.btn-ghost-icon{all:unset;box-sizing:border-box;border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:flex}.btn-ghost-icon:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.scene-card .scene-card__header-right{opacity:0;transition:opacity var(--transition-fast)}.scene-card:hover .scene-card__header-right{opacity:1}.asset-header-hero{align-items:center;gap:4px;margin-left:-4px;display:flex}.hero-select{all:unset;box-sizing:border-box;font-family:var(--font-display);color:var(--color-text-primary);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);white-space:pre;padding:2px 6px;font-size:1.5rem;font-weight:700;transition:background .2s,color .2s}.hero-select:hover{color:var(--color-text-primary)}.hero-select:focus{color:var(--color-accent-primary);outline:none}.hero-separator{color:var(--color-text-tertiary);opacity:.4;-webkit-user-select:none;user-select:none;font-size:12px}.asset-header-sub{align-items:center;gap:4px;margin-top:4px;margin-left:-6px;display:flex}.sub-input{all:unset;box-sizing:border-box;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:var(--radius-sm);padding:2px 0;font-size:.75rem;font-weight:600;transition:all .2s}.sub-input:hover{color:var(--color-text-secondary)}.sub-input:focus{color:var(--color-text-primary)}.sub-separator{color:var(--color-text-tertiary);opacity:.3;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-size:12px}.custom-select-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);background:#232323f2;flex-direction:column;gap:1px;max-height:300px;padding:4px;animation:.2s ease-out menuFadeIn;display:flex;overflow-y:auto}.custom-select-item{all:unset;box-sizing:border-box;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600;transition:all .1s}.custom-select-item:hover{color:var(--color-text-primary);background:#ffffff1a}.custom-select-item.active{color:var(--color-accent-primary);background:var(--color-accent-subtle)}.scene-swap-menu{animation:.2s ease-out menuFadeIn}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.swap-menu-item{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.swap-menu-item:hover{color:var(--color-text-primary);background:#ffffff14}.swap-menu-item svg{color:var(--color-text-tertiary)}.home-page{padding:var(--space-8);max-width:960px;margin:0 auto}.home-hero{margin-bottom:var(--space-8)}.home-hero__title{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.home-hero__subtitle{color:var(--color-text-tertiary);margin:0;font-size:1rem;line-height:1.5}.home-stats{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.home-stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.home-stat-card__value{font-family:var(--font-display);color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.home-stat-card__label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.home-actions{gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.home-action-btn{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.home-action-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-border-hover);color:var(--color-text-primary)}.home-action-btn--primary{background:var(--color-text-primary);color:var(--color-bg-base);border-color:#0000}.home-action-btn--primary:hover{background:var(--color-accent-hover);color:var(--color-bg-base)}.home-recent__title{color:var(--color-text-secondary);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:600}.home-recent__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.home-recent__card{all:unset;box-sizing:border-box;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.home-recent__card:hover{border-color:var(--color-border-hover);background:var(--color-accent-subtle)}.home-recent__card-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.home-recent__card-meta{color:var(--color-text-tertiary);font-size:.75rem}.assets-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.canvas-viewport{cursor:grab;touch-action:none;background-color:var(--color-bg-surface);background-image:radial-gradient(circle, var(--grid-color,var(--color-border)) var(--grid-dot-size,1px), transparent var(--grid-dot-size,1px));flex:1;position:relative;overflow:hidden}.canvas-viewport--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-inner{pointer-events:none;position:absolute;top:0;left:0}.asset-module{pointer-events:auto;touch-action:none;position:relative}.asset-group{pointer-events:auto;touch-action:none}.asset-group.is-highlighted{outline-offset:4px;outline:2px solid #ffffff80}.canvas-inner:has(.asset-module--dragging) .scene-card:hover{border-color:var(--color-border);transform:none;box-shadow:inset 0 2px 4px #ffffff05,0 8px 16px #0006}.asset-module{cursor:default;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative}.asset-module:hover .storyboard-header,.asset-module:hover .storyboard-canvas__grid{border-color:var(--color-border-hover)}.asset-module--selected{outline:var(--selection-outline-width,2px) solid var(--accent-primary,#6366f1);outline-offset:2px}.asset-module--updating{filter:grayscale()brightness(.7);transition:filter .3s}.asset-module__loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;cursor:wait;background:#0a0a0a73;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.asset-module__spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite asset-spinner}@keyframes asset-spinner{to{transform:rotate(360deg)}}.asset-status-badge{letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer;opacity:.9;border:none;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;transition:opacity .15s}.asset-status-badge:hover{opacity:1}.assets-empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);color:var(--color-text-tertiary);text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.assets-empty-state h2{color:var(--color-text-secondary);margin:0;font-size:1.25rem}.assets-empty-state p{margin:0;font-size:.9rem}.canvas-toolbar{bottom:var(--space-6);align-items:center;gap:var(--space-1);padding:var(--space-2);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);z-index:10;background:#1e1e1ed9;border-radius:999px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0006}.new-asset-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:200;white-space:nowrap;background:#282828e6;flex-direction:row;align-items:center;gap:2px;padding:4px;animation:.2s cubic-bezier(.4,0,.2,1) slideUpFade;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.new-asset-menu:after{content:"";pointer-events:none;border:8px solid #0000;border-top-color:#282828e6;border-bottom-width:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.new-asset-menu__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;font-size:13px;font-weight:500;display:flex}.new-asset-menu__item:hover{color:var(--color-text-primary);background:#ffffff1a}.new-asset-menu__item svg{color:var(--color-text-tertiary);flex-shrink:0}.new-asset-menu__divider{background:var(--color-border);opacity:.5;width:1px;height:16px;margin:0 2px}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.canvas-toolbar__btn{all:unset;box-sizing:border-box;width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.canvas-toolbar__btn:hover{color:var(--color-text-primary);background:#ffffff1a}.canvas-toolbar__btn.canvas-toolbar__btn--active{color:var(--color-accent-primary);background-color:var(--color-accent-subtle)}.canvas-toolbar__btn--accent{color:var(--color-text-primary)}.canvas-toolbar__btn--accent:hover{color:#fff;background:#ffffff26}.canvas-toolbar__divider{background:var(--color-border);width:1px;height:20px;margin:0 var(--space-1)}.canvas-toolbar__zoom-ctrl{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.canvas-toolbar__zoom-value{color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);text-align:center;min-width:36px}.canvas-toolbar__btn--small{width:28px;height:28px}.add-scene-card{flex-shrink:0;min-width:220px;max-width:320px}.add-scene-card__visual{border:2px dashed var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.add-scene-card__visual:hover{border-color:var(--color-border-hover);background:var(--color-accent-subtle)}.add-scene-card__actions{gap:var(--space-3);align-items:center;display:flex}.add-scene-card__btn{all:unset;box-sizing:border-box;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.add-scene-card__btn--add{color:var(--color-text-secondary);background:#ffffff1a}.add-scene-card__btn--add:hover{background:var(--color-text-primary);color:var(--color-bg-base)}.add-scene-card__btn--upload{color:var(--color-text-tertiary);background:#ffffff0d}.add-scene-card__btn--upload:hover{color:var(--color-text-primary);background:#ffffff26}.add-scene-card__progress{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex;position:absolute;inset:0}.add-scene-card__progress-bar{background:var(--color-text-primary);border-radius:2px;align-self:stretch;height:3px;transition:width .3s}.add-scene-card__progress-msg{color:var(--color-text-tertiary);text-align:center;font-size:.7rem}.add-scene-card__error{color:var(--color-danger);text-align:center;padding:var(--space-2);font-size:.7rem}.footage-page{padding:var(--space-6) var(--space-8)}.footage-picker-overlay{z-index:1099;background:0 0;position:fixed;inset:0}.footage-picker{background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:705px;box-shadow:var(--shadow-2xl);z-index:1100;flex-direction:column;animation:.23s cubic-bezier(.16,1,.3,1) picker-appear;display:flex;overflow:hidden}@keyframes picker-appear{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.footage-picker__header{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.footage-picker__search{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:0 var(--space-3);background:#ffffff0d;border:1px solid #0000;height:32px;transition:all .2s;display:flex}.footage-picker__search:focus-within{border-color:var(--color-accent-primary);background:#ffffff14}.footage-picker__search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.footage-picker__grid{gap:var(--space-3);padding:var(--space-3);grid-template-columns:repeat(3,1fr);max-height:480px;display:grid;overflow:hidden scroll}.footage-picker__grid::-webkit-scrollbar{width:8px}.footage-picker__grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.footage-picker__grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.footage-picker__grid::-webkit-scrollbar-thumb:hover{background:#ffffff40}.footage-picker__item{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;padding:0;transition:transform .1s;display:flex}.footage-picker__item:hover{transform:translateY(-1px)}.footage-picker__item-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#000;width:100%;transition:border-color .2s;position:relative;overflow:hidden}.footage-picker__item:hover .footage-picker__item-thumb{border-color:var(--color-accent-primary)}.footage-picker__preview-img,.footage-picker__preview-video{object-fit:cover;width:100%;height:100%}.footage-picker__item-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:10px;overflow:hidden}.footage-picker__type-badge{color:#fff;pointer-events:none;background:#0009;border-radius:2px;padding:1px 3px;font-size:8px;font-weight:700;position:absolute;bottom:4px;right:4px}.footage-picker__item--upload .footage-picker__item-thumb{color:var(--color-accent-primary);background:#6366f11a;border-style:dashed;justify-content:center;align-items:center;display:flex}.footage-picker__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:12px}.layers-panel{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.layers-panel__header{align-items:center;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;display:flex}.sidebar--collapsed .layers-panel__header span{display:none}.layers-panel__content{padding:0 var(--space-2);overflow-y:auto}.sidebar--collapsed .layers-panel__content{display:none}.layers-item{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;display:flex}.layers-item:hover{background:#ffffff0d}.layers-item.is-selected{color:var(--color-accent-primary);background:#6366f126}.layers-item__icon{opacity:.7;flex-shrink:0;font-size:14px}.layers-item__name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.layers-group{margin-bottom:2px}.layers-group__children{margin-left:var(--space-4);border-left:1px solid var(--color-border);padding-left:4px}.asset-type-picker__backdrop{z-index:1199;-webkit-backdrop-filter:blur(2px);background:#0000008c;animation:.15s fade-in;position:fixed;inset:0}.asset-type-picker{z-index:1200;-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);width:560px;padding:var(--space-6);background:#16161cf7;animation:.2s cubic-bezier(.16,1,.3,1) picker-slide-up;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0009}@keyframes picker-slide-up{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.asset-type-picker__header{margin-bottom:var(--space-5)}.asset-type-picker__title{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 var(--space-1);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.asset-type-picker__subtitle{color:var(--color-text-tertiary);margin:0;font-size:.8rem}.asset-type-picker__grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.asset-type-picker__card{all:unset;box-sizing:border-box;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg,10px);cursor:pointer;text-align:left;background:#ffffff0a;flex-direction:column;min-height:96px;transition:all .15s;display:flex}.asset-type-picker__card:hover{border-color:var(--color-border-hover);background:#ffffff17;transform:translateY(-1px);box-shadow:0 8px 24px #0000004d}.asset-type-picker__card:active{transform:translateY(0)}.asset-type-picker__card--blank{color:var(--color-text-tertiary);border-style:dashed}.asset-type-picker__card-icon{margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:1.25rem;font-weight:300;line-height:1}.asset-type-picker__card-label{color:var(--color-text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.asset-type-picker__card-desc{color:var(--color-text-tertiary);font-size:.72rem;line-height:1.4}.offscreen-indicators{pointer-events:none}.offscreen-indicator{all:unset;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:.01em;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#6366f1e0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 6px;font-size:11px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;animation:.2s cubic-bezier(.16,1,.3,1) both offscreen-badge-in;display:inline-flex;box-shadow:0 4px 16px #00000073,0 0 0 1px #6366f180}.offscreen-indicator:hover{background:#6366f1;box-shadow:0 6px 20px #00000080,0 0 0 2px #6366f1b3;transform:translate(-50%,-50%)scale(1.06)!important}.offscreen-indicator:active{transform:translate(-50%,-50%)scale(.97)!important}.offscreen-indicator__arrow{flex-shrink:0;justify-content:center;align-items:center;width:16px;font-size:16px;font-weight:300;line-height:1;transition:transform .15s;display:inline-flex}.offscreen-indicator__label{opacity:.95;text-overflow:ellipsis;max-width:90px;font-size:10px;font-weight:600;overflow:hidden}@keyframes offscreen-badge-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.asset-type-popup{z-index:10001;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e2e;border:1px solid #ffffff26;border-radius:20px;flex-direction:row;gap:12px;min-width:fit-content;padding:12px;animation:.25s cubic-bezier(.16,1,.3,1) popupFadeIn;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0009}.asset-type-popup:after{content:"";border-top:10px solid #1e1e2e;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.asset-type-popup__item{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-width:76px;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column!important}.asset-type-popup__item:hover{color:#fff;background:#ffffff1a;transform:translateY(-4px)}.asset-type-popup__icon{filter:drop-shadow(0 4px 8px #0000004d);font-size:28px;line-height:1;transition:transform .2s}.asset-type-popup__item:hover .asset-type-popup__icon{transform:scale(1.2)}.asset-type-popup__label{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:10px;font-weight:700}.asset-type-popup__item:hover .asset-type-popup__label{opacity:1}.custom-scrollbar,.custom-scrollbar *{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar ::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar ::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.custom-scrollbar ::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff59}.custom-scrollbar ::-webkit-scrollbar-thumb:hover{background:#ffffff59}.layers-panel,.footage-library,.footage-grid,.footage-library__grid,.storyboard-canvas,.asset-group__content,.modal-content{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.layers-panel::-webkit-scrollbar{width:4px;height:4px}.footage-library::-webkit-scrollbar{width:4px;height:4px}.footage-grid::-webkit-scrollbar{width:4px;height:4px}.footage-library__grid::-webkit-scrollbar{width:4px;height:4px}.storyboard-canvas::-webkit-scrollbar{width:4px;height:4px}.asset-group__content::-webkit-scrollbar{width:4px;height:4px}.modal-content::-webkit-scrollbar{width:4px;height:4px}.layers-panel::-webkit-scrollbar-track{background:0 0}.footage-library::-webkit-scrollbar-track{background:0 0}.footage-grid::-webkit-scrollbar-track{background:0 0}.footage-library__grid::-webkit-scrollbar-track{background:0 0}.storyboard-canvas::-webkit-scrollbar-track{background:0 0}.asset-group__content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-track{background:0 0}.layers-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.footage-library::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.footage-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.footage-library__grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.storyboard-canvas::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.asset-group__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.layers-panel::-webkit-scrollbar-thumb:hover{background:#ffffff59}.footage-library::-webkit-scrollbar-thumb:hover{background:#ffffff59}.footage-grid::-webkit-scrollbar-thumb:hover{background:#ffffff59}.footage-library__grid::-webkit-scrollbar-thumb:hover{background:#ffffff59}.storyboard-canvas::-webkit-scrollbar-thumb:hover{background:#ffffff59}.asset-group__content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.footage-library__usage{padding:var(--space-4);border-top:1px solid var(--color-border);background:#ffffff05;margin-top:auto}.usage-stats{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.usage-stats__label{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;font-size:11px;font-weight:600}.usage-stats__text{color:var(--color-text-primary);font-size:12px;font-weight:500}.usage-bar{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.usage-bar__fill{background:var(--color-accent-primary);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .3s}.usage-bar__fill--warning{background:#f59e0b}.usage-bar__fill--critical{background:#ef4444}.footage-library__manage-btn{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-size:12px;display:flex}.footage-library__manage-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-secondary)}.sm-overlay{-webkit-backdrop-filter:blur(6px);z-index:1200;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sm-modal{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;animation:slideUp var(--transition-fast) ease-out;background:#0e0e10;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.sm-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.sm-modal__title-group{flex-direction:column;gap:4px;display:flex}.sm-modal__title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.sm-modal__subtitle{color:var(--color-text-tertiary);font-size:13px}.sm-modal__orphan-hint{color:#f59e0b}.sm-modal__close{color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);font-size:16px}.sm-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.sm-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;display:flex}.sm-toolbar__left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sm-toolbar__right{align-items:center;gap:var(--space-2);display:flex}.sm-filter-group{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px;display:flex}.sm-filter-btn{color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.sm-filter-btn:hover{color:var(--color-text-primary);background:#ffffff0f}.sm-filter-btn--active{background:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:600}.sm-filter-btn__count{opacity:.7;font-variant-numeric:tabular-nums;font-size:10px;font-weight:400}.sm-banner{padding:var(--space-2) var(--space-6);flex-shrink:0;font-size:13px}.sm-banner--success{color:var(--color-success);background:#10b9811f;border-bottom:1px solid #10b98133}.sm-banner--error{background:var(--color-danger-subtle);color:var(--color-danger);border-bottom:1px solid #ef444440}.sm-table-wrap{flex:1;overflow-y:auto}.sm-table{border-collapse:collapse;width:100%;font-size:13px}.sm-table__th{padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);white-space:nowrap;z-index:1;background:#0e0e10;font-size:11px;font-weight:600;position:sticky;top:0}.sm-table__th--check{text-align:center;width:40px}.sm-table__th--status{width:130px}.sm-table__th--size{text-align:right;width:90px}.sm-table__th--date{text-align:right;width:110px}.sm-table__row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a}.sm-table__row:hover{background:#ffffff08}.sm-table__row--selected{background:var(--color-accent-subtle)!important}.sm-table__td{padding:var(--space-2) var(--space-3);vertical-align:middle;color:var(--color-text-secondary)}.sm-table__td--check{text-align:center;width:40px}.sm-table__td--size,.sm-table__td--date{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);font-size:12px}.sm-table__td--key{max-width:0}.sm-key{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--color-text-primary);font-size:12px;display:block;overflow:hidden}.sm-table__empty{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-tertiary);font-size:14px}.sm-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sm-badge--linked{color:var(--color-accent-primary);background:#6366f126}.sm-badge--library{color:var(--color-text-secondary);background:#ffffff12}.sm-badge--orphan{color:#f59e0b;background:#f59e0b26}.sm-load-more{padding:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;display:flex}.sm-confirm{animation:fadeIn var(--transition-fast) ease-out;border-radius:var(--radius-lg);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sm-confirm__box{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);background:#13131a;flex-direction:column;width:100%;max-width:440px;display:flex;box-shadow:0 20px 50px #0009}.sm-confirm__title{color:var(--color-text-primary);font-size:17px;font-weight:700}.sm-confirm__body{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.sm-confirm__warning{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;align-items:flex-start;font-size:13px;line-height:1.6;display:flex}.sm-confirm__warning-icon{flex-shrink:0;margin-top:1px;font-size:18px}.sm-confirm__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.app-layout{background-color:var(--color-bg-base);overscroll-behavior:none;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-topbar{padding:var(--space-4) var(--space-6);background-color:var(--color-bg-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;display:flex;position:relative}.app-topbar__left{align-items:center;gap:var(--space-3);display:flex}.app-topbar__brand{font-family:var(--font-display);letter-spacing:.5px;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.app-topbar__center{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);pointer-events:none;font-size:.8rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.app-topbar__actions{gap:var(--space-4);align-items:center;display:flex}.icon-btn{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--color-text-primary)}.app-body{flex:1;display:flex;position:relative;overflow:hidden}.app-layout__main{background-color:var(--color-bg-base);overscroll-behavior:none;background-image:radial-gradient(circle at 50% -20%,#3b82f644,#0000 50%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--color-bg-base);padding:var(--space-4);gap:var(--space-6);z-index:40;border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:4px 0 24px #00000073}.app-body--canvas-overlay .sidebar{position:absolute;top:0;left:0}.sidebar--collapsed{padding:var(--space-4) var(--space-2);width:64px!important}.sidebar--collapsed .sidebar__header{justify-content:center}.sidebar__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.sidebar__brand{font-family:var(--font-display);letter-spacing:.5px;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.sidebar__resize-handle{cursor:col-resize;width:4px;height:100%;transition:background var(--transition-fast);z-index:20;position:absolute;top:0;right:0}.sidebar__resize-handle:hover,.is-resizing .sidebar__resize-handle{background:var(--color-accent-primary)}.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar h2{margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar a{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;border-left:3px solid #0000;font-weight:500;display:flex;overflow:hidden}.sidebar--collapsed a{padding:var(--space-3);border-left:none;justify-content:center;gap:0}.sidebar__footer{padding:0 var(--space-4);margin-top:auto;display:flex}.sidebar--collapsed .sidebar__footer{justify-content:center;padding:0}.sidebar a:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar a.sidebar__nav-link--active{background-color:var(--color-accent-subtle);color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);font-weight:600}.sidebar--collapsed a.sidebar__nav-link--active{border-left-color:#0000}.sidebar__label{transition:opacity var(--transition-fast), max-width var(--transition-normal);opacity:1;max-width:200px}.sidebar--collapsed .sidebar__label{opacity:0;max-width:0;overflow:hidden}.sidebar__toggle{all:unset;box-sizing:border-box;border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__toggle:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar a svg{flex-shrink:0}.footage-library{flex-direction:column;height:100%;min-height:0;display:flex}.footage-library__layout{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;min-height:0;display:grid}.footage-library__folders{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.footage-library__folders-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.footage-library__folders-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:12px;font-weight:700}.footage-library__folder-list{flex-direction:column;gap:6px;min-height:0;padding-right:2px;display:flex;overflow:auto}.footage-folder{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;padding:10px;display:flex}.footage-folder:hover{color:var(--color-text-primary);background:#ffffff0a;border-color:#ffffff0f}.footage-folder--active{background:var(--color-accent-subtle);color:var(--color-text-primary);border-color:#6366f159}.footage-folder__icon{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footage-folder--active .footage-folder__icon{color:var(--color-accent-primary)}.footage-folder__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.footage-folder-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.footage-folder-row__actions{align-items:center;gap:6px;display:flex}.footage-library__folder-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);background:#ffffff05;flex-direction:column;display:flex}.footage-library__folder-editor-actions{gap:var(--space-2);display:flex}.footage-library__folder-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:8px 10px}.footage-library__folder-input:focus{border-color:#6366f18c;box-shadow:0 0 0 2px #6366f126}.footage-library__main{gap:var(--space-4);flex-direction:column;min-width:0;min-height:0;display:flex}.footage-library__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footage-library__toolbar-left,.footage-library__toolbar-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.footage-library__title{font-size:1.25rem;font-weight:700}.footage-library__search{max-width:520px}.footage-library__search-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:10px 12px}.footage-library__search-input:focus{border-color:#6366f18c;box-shadow:0 0 0 2px #6366f126}.footage-library__view-toggle{background:#00000040;border:1px solid #ffffff1a;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.seg-btn{all:unset;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);padding:8px 12px;font-size:13px}.seg-btn:hover{color:var(--color-text-primary);background:#ffffff0a}.seg-btn--active{color:#000;background:var(--color-text-primary);font-weight:700}.footage-library__sort{align-items:center;gap:var(--space-2);display:flex}.footage-library__sort-label{color:var(--color-text-secondary);font-size:12px}.footage-library__sort-select{border-radius:var(--radius-md);color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:8px 10px}.footage-library__sort-select:focus{border-color:#6366f18c}.footage-library__tag-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-filter-btn{all:unset;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.tag-filter-btn:hover{color:var(--color-text-primary);border-color:#ffffff1f}.tag-filter-btn--active{background:var(--color-accent-subtle);color:var(--color-text-primary);border-color:#6366f159}.footage-library__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;display:grid}.footage-library__grid--compact{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.footage-library__empty{padding:var(--space-12) var(--space-4);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;border:1px dashed #ffffff1f}.footage-item{background:var(--color-bg-elevated);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:12px;display:flex;overflow:hidden}.footage-item:hover{border-color:#6366f159;transform:translateY(-1px)}.footage-item--compact{gap:8px;padding:10px}.footage-item__thumb{border-radius:var(--radius-md);aspect-ratio:16/9;background:#0000008c;border:1px solid #ffffff0f;position:relative;overflow:hidden}.footage-item__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.footage-item__thumb-placeholder{width:100%;height:100%;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:18px;display:flex}.footage-item__duration-badge{color:var(--color-text-primary);background:#000000a6;border:1px solid #ffffff1a;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;right:8px}.footage-item__actions{justify-content:flex-end;display:flex}.footage-item__move{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.footage-item__move-select{border-radius:var(--radius-md);color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:6px 8px}.footage-item__name{all:unset;box-sizing:border-box;color:var(--color-text-primary);cursor:text;text-overflow:ellipsis;white-space:nowrap;padding:2px 0;font-weight:700;display:inline-block;overflow:hidden}.footage-item__name-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:8px 10px}.footage-item__tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-chip{color:var(--color-text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.tag-chip__remove{all:unset;cursor:pointer;color:var(--color-text-tertiary)}.tag-chip__remove:hover{color:var(--color-text-primary)}.tag-chip__input{color:var(--color-text-primary);background:0 0;border:1px dashed #ffffff1a;border-radius:999px;outline:none;min-width:60px;padding:4px 8px}.footage-library__list{flex-direction:column;gap:10px;display:flex}.footage-row{gap:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-elevated);transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #ffffff14;grid-template-columns:88px 1fr auto;align-items:center;padding:12px;display:grid}.footage-row:hover{border-color:#6366f159}.footage-row__thumb{border-radius:var(--radius-md);background:#0000008c;border:1px solid #ffffff0f;width:88px;height:52px;overflow:hidden}.footage-row__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.footage-row__thumb-placeholder{width:100%;height:100%;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.footage-row__meta{flex-direction:column;gap:6px;min-width:0;display:flex}.footage-row__name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.footage-row__sub{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footage-row__pill{color:var(--color-text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:3px 8px;font-size:11px}.footage-row__tags{align-items:center;gap:6px;min-width:0;display:inline-flex}.footage-row__tag{color:var(--color-text-tertiary);background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;padding:3px 8px;font-size:11px}.footage-row__actions{justify-content:flex-end;align-items:center;display:flex}.footage-row__move{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footage-row__move-select{border-radius:var(--radius-md);color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:6px 8px}@media (width<=980px){.footage-library__layout{grid-template-columns:1fr}}.footage-library__folder-list{display:none}.folder-tree{gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.folder-tree__section{flex-direction:column;gap:4px;min-height:0;padding-right:2px;display:flex;overflow:auto}.folder-tree__node{border-radius:var(--radius-md);grid-template-columns:22px 1fr 28px;align-items:center;gap:6px;display:grid}.folder-tree__twisty{all:unset;width:22px;height:30px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;display:inline-flex}.folder-tree__twisty:disabled{opacity:.4;cursor:default}.folder-tree__item{all:unset;box-sizing:border-box;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.folder-tree__item:hover{color:var(--color-text-primary);background:#ffffff0a;border-color:#ffffff0f}.folder-tree__item--active{background:var(--color-accent-subtle);color:var(--color-text-primary);border-color:#6366f159}.folder-tree__item--root{width:100%}.folder-tree__icon{color:var(--color-text-tertiary);flex-shrink:0}.folder-tree__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.folder-tree__rename-input{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;padding:8px 10px}.folder-tree__menu{justify-content:flex-end;display:flex;position:relative}.folder-tree__kebab{all:unset;border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.folder-tree__kebab:hover{color:var(--color-text-primary);background:#ffffff0d}.folder-tree__menu-pop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);z-index:20;background:#141419eb;border:1px solid #ffffff14;min-width:160px;padding:6px;position:absolute;top:34px;right:0;box-shadow:0 12px 40px #00000080}.folder-tree__menu-label{color:var(--color-text-tertiary);padding:6px 8px;font-size:11px}.folder-tree__menu-item{all:unset;box-sizing:border-box;border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);cursor:pointer;padding:8px 10px;display:block}.folder-tree__menu-item:hover{color:var(--color-text-primary);background:#ffffff0f}.folder-tree__menu-item--danger{color:#ef4444}.footage-library__title-wrap{flex-direction:column;gap:6px;display:flex}.footage-library__breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:10px;font-size:12px;display:flex}.footage-library__breadcrumb-path{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.footage-library__breadcrumb-sep{opacity:.6;margin:0 6px}.footage-library__breadcrumb-link{all:unset;cursor:pointer;color:var(--color-text-secondary)}.footage-library__breadcrumb-link:hover{color:var(--color-text-primary)}.folder-overview__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.folder-overview__grid--compact{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.folder-overview__list{flex-direction:column;gap:10px;display:flex}.folder-card{all:unset;box-sizing:border-box;border-radius:var(--radius-lg);background:var(--color-bg-elevated);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #ffffff14;align-items:center;gap:10px;padding:14px;display:flex}.folder-card:hover{border-color:#6366f159}.folder-card--list{padding:12px}.folder-card__icon{color:var(--color-text-tertiary);flex-shrink:0}.folder-card__name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.footage-item__thumb-video{object-fit:cover;width:100%;height:100%;display:block}.footage-item__kebab{z-index:5;position:absolute;top:8px;right:8px}.kebab-btn{all:unset;box-sizing:border-box;border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff14;justify-content:center;align-items:center;display:inline-flex}.kebab-btn:hover{color:var(--color-text-primary);border-color:#ffffff29}.kebab-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);z-index:30;background:#141419eb;border:1px solid #ffffff14;min-width:180px;padding:6px;position:absolute;top:36px;right:0;box-shadow:0 12px 40px #00000080}.kebab-menu__label{color:var(--color-text-tertiary);padding:6px 8px;font-size:11px}.kebab-menu__item{all:unset;box-sizing:border-box;border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);cursor:pointer;padding:8px 10px;display:block}.kebab-menu__item:hover{color:var(--color-text-primary);background:#ffffff0f}.kebab-menu__item--danger{color:#ef4444}.kebab-menu__select{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#00000059;border:1px solid #ffffff14;outline:none;margin:4px 0 6px;padding:8px 10px}.footage-row__thumb{all:unset;cursor:pointer}.footage-row__actions{position:relative}.mm-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mm-modal{border-radius:var(--radius-lg);background:#141419eb;border:1px solid #ffffff1a;width:min(960px,96vw);overflow:hidden;box-shadow:0 24px 72px #0009}.mm-modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid #ffffff14;display:flex}.mm-modal__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mm-modal__close{all:unset;cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.mm-modal__close:hover{color:var(--color-text-primary);background:#ffffff0f}.mm-modal__body{padding:var(--space-4)}.mm-modal__media{border-radius:var(--radius-lg);padding:var(--space-3);background:#0000008c;border:1px solid #ffffff14}