.unified-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.unified-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);box-shadow:var(--v-shadow-lg);z-index:81;padding:var(--v-space-2);animation:unified-menu-in .15s ease-out}@keyframes unified-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unified-menu-item{display:flex;align-items:center;gap:var(--v-space-3);width:100%;padding:var(--v-space-2) var(--v-space-3);border-radius:var(--v-radius-md);font-size:var(--v-text-sm);font-weight:500;color:var(--v-text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--v-transition-fast),color var(--v-transition-fast);min-height:36px}.unified-menu-item:hover:not(:disabled){background:var(--v-surface-3);color:var(--v-text)}.unified-menu-item:disabled{opacity:.4;cursor:default}.unified-menu-item-danger:hover:not(:disabled){color:var(--v-error)}.unified-menu-divider{height:1px;background:var(--v-border-subtle);margin:var(--v-space-1) var(--v-space-2)}@media(max-width:768px){.unified-menu{min-width:190px}.unified-menu-item{min-height:44px;font-size:var(--v-text-md)}}.profile-trigger{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-1) var(--v-space-2);border-radius:var(--v-radius-md);cursor:pointer;transition:background var(--v-transition-fast);position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.profile-trigger:hover{background:var(--v-surface-3)}.profile-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--v-accent);color:var(--v-accent-text);display:flex;align-items:center;justify-content:center;font-size:var(--v-text-xs);font-weight:700;flex-shrink:0}.profile-avatar-guest{width:28px;height:28px;border-radius:50%;background:var(--v-surface-4);color:var(--v-text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-trigger-name{font-size:var(--v-text-sm);color:var(--v-text-secondary);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.profile-dropdown{position:absolute;top:calc(var(--v-header-h) - 4px);right:var(--v-space-4);width:280px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);box-shadow:var(--v-shadow-lg);z-index:81;padding:var(--v-space-4);display:flex;flex-direction:column;gap:var(--v-space-3);animation:profile-dd-in .15s ease-out}@keyframes profile-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-user-info{display:flex;flex-direction:column;gap:var(--v-space-1)}.profile-user-row{display:flex;align-items:center;gap:var(--v-space-2)}.profile-user-name{font-size:var(--v-text-md);font-weight:600;color:var(--v-text)}.profile-plan-badge{font-size:var(--v-text-xs);font-weight:600;padding:1px var(--v-space-2);border-radius:var(--v-radius-sm);text-transform:uppercase;letter-spacing:.05em}.profile-plan-free{background:var(--v-surface-4);color:var(--v-text-secondary)}.profile-plan-pro{background:var(--v-accent-muted);color:var(--v-accent)}.profile-plan-unlimited{background:linear-gradient(135deg,#4a1a7a,#6d28d9,#7c3aed);color:#e9d5ff;text-shadow:0 0 8px rgba(167,139,250,.5);box-shadow:0 0 0 1px #8b5cf666,inset 0 1px #ffffff1a;text-transform:none;letter-spacing:.02em}.profile-unlimited-banner{display:flex;flex-direction:column;align-items:center;gap:var(--v-space-1);padding:var(--v-space-3) var(--v-space-3);background:linear-gradient(135deg,#4a1a7a59,#6d28d933);border:1px solid rgba(139,92,246,.3);border-radius:var(--v-radius-md);font-size:var(--v-text-xs);color:#c4b5fd;font-weight:500;text-align:center}.profile-unlimited-banner-top{display:flex;align-items:center;gap:var(--v-space-2)}.profile-unlimited-banner-sub{opacity:.8;font-weight:400}.profile-unlimited-icon{font-size:10px;color:#a78bfa;animation:unlimited-pulse 3s ease-in-out infinite;flex-shrink:0}@keyframes unlimited-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 2px #a78bfa)}50%{opacity:.7;filter:drop-shadow(0 0 5px #7c3aed)}}.profile-user-email{font-size:var(--v-text-xs);color:var(--v-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-usage{display:flex;flex-direction:column;gap:var(--v-space-2)}.profile-usage-item{display:flex;flex-direction:column;gap:3px}.profile-usage-label{display:flex;justify-content:space-between;font-size:var(--v-text-xs);color:var(--v-text-secondary)}.profile-usage-bar{height:4px;background:var(--v-surface-4);border-radius:2px;overflow:hidden}.profile-usage-fill{height:100%;background:var(--v-accent);border-radius:2px;transition:width var(--v-transition-base)}.profile-usage-fill-warn{background:var(--v-warning)}.profile-usage-fill-danger{background:var(--v-error)}.profile-divider{height:1px;background:var(--v-border-subtle);margin:var(--v-space-1) 0}.profile-btn-upgrade{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:var(--v-accent);color:var(--v-accent-text);border:none;border-radius:var(--v-radius-md);font-family:var(--v-font);font-size:var(--v-text-sm);font-weight:600;cursor:pointer;transition:background var(--v-transition-fast);width:100%}.profile-btn-upgrade:hover{background:var(--v-accent-hover)}.profile-subscription-info{display:flex;flex-direction:column;gap:var(--v-space-2)}.profile-sub-warning{font-size:var(--v-text-xs);color:var(--v-warning);text-align:center}.profile-btn-manage{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-3);color:var(--v-text-secondary);border:1px solid var(--v-border);border-radius:var(--v-radius-md);font-family:var(--v-font);font-size:var(--v-text-sm);font-weight:500;cursor:pointer;transition:all var(--v-transition-fast);width:100%}.profile-btn-manage:hover{background:var(--v-surface-4);color:var(--v-text)}.profile-btn-signout{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:transparent;color:var(--v-text-tertiary);border:none;font-family:var(--v-font);font-size:var(--v-text-sm);font-weight:500;cursor:pointer;border-radius:var(--v-radius-md);transition:background var(--v-transition-fast),color var(--v-transition-fast);width:100%}.profile-btn-signout:hover{background:var(--v-surface-3);color:var(--v-text-secondary)}.profile-guest-text{font-size:var(--v-text-sm);color:var(--v-text-secondary);line-height:1.5}.profile-guest-hint{font-size:var(--v-text-xs);color:var(--v-text-tertiary);line-height:1.5}.profile-btn-signin{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:var(--v-accent);color:var(--v-accent-text);border:none;border-radius:var(--v-radius-md);font-family:var(--v-font);font-size:var(--v-text-sm);font-weight:600;cursor:pointer;transition:background var(--v-transition-fast);width:100%}.profile-btn-signin:hover{background:var(--v-accent-hover)}@media(max-width:640px){.profile-trigger-name{display:none}.profile-dropdown{right:var(--v-space-2);width:calc(100vw - var(--v-space-4));max-width:300px}}.profile-exp-section{display:flex;flex-direction:column;gap:var(--v-space-2)}.profile-exp-label{font-size:var(--v-text-xs);color:var(--v-text-tertiary);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.profile-exp-toggle{display:flex;align-items:center;background:var(--v-surface-3);border-radius:var(--v-radius-md);padding:3px;gap:2px}.profile-exp-btn{flex:1;padding:4px var(--v-space-2);border-radius:calc(var(--v-radius-md) - 2px);font-size:var(--v-text-xs);font-weight:500;color:var(--v-text-tertiary);cursor:pointer;background:transparent;border:none;font-family:var(--v-font);transition:background var(--v-transition-fast),color var(--v-transition-fast);white-space:nowrap}.profile-exp-btn:hover{color:var(--v-text-secondary);background:var(--v-surface-4)}.profile-exp-btn-active{background:var(--v-surface-1);color:var(--v-text);box-shadow:0 1px 3px #0006}.profile-exp-btn-active:hover{background:var(--v-surface-1);color:var(--v-text)}.profile-custom-features{display:flex;flex-direction:column;gap:1px;padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-md);animation:profile-expand .18s cubic-bezier(.22,1,.36,1) both}@keyframes profile-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-custom-row{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-3);padding:5px var(--v-space-1);border-radius:var(--v-radius-sm);cursor:pointer;transition:background var(--v-transition-fast)}.profile-custom-row:hover{background:var(--v-surface-3)}.profile-custom-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.profile-custom-divider{height:1px;background:var(--v-border-subtle);margin:var(--v-space-1) 0}.profile-custom-label{font-size:var(--v-text-sm);font-weight:500;color:var(--v-text)}.profile-custom-desc{font-size:var(--v-text-xs);color:var(--v-text-tertiary);line-height:1.35}.profile-custom-toggle{position:relative;width:30px;height:17px;border-radius:99px;background:var(--v-surface-4);border:1px solid var(--v-border);cursor:pointer;flex-shrink:0;transition:background var(--v-transition-fast),border-color var(--v-transition-fast)}.profile-custom-toggle--on{background:var(--v-accent);border-color:var(--v-accent)}.profile-custom-thumb{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--v-text-tertiary);transition:transform var(--v-transition-fast),background var(--v-transition-fast)}.profile-custom-toggle--on .profile-custom-thumb{transform:translate(13px);background:var(--v-accent-text)}.collab-presence{display:flex;align-items:center;gap:0;flex-shrink:0}.collab-presence-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--v-surface-3);color:var(--v-text-secondary);font-size:11px;font-weight:600;border:2px solid var(--v-accent);margin-left:-6px;cursor:default;flex-shrink:0}.collab-presence-avatar:first-child{margin-left:0}.collab-presence-avatar img{width:100%;height:100%;object-fit:cover}.vydra-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:var(--v-z-modal);animation:vydra-fade-in .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--v-space-4)}.vydra-modal{background:var(--v-surface-1);border:1px solid var(--v-border);border-radius:var(--v-radius-xl);box-shadow:var(--v-shadow-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:vydra-scale-in .2s ease}.vydra-modal--wide{max-width:min(900px,92vw)}.vydra-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--v-space-5) var(--v-space-5) var(--v-space-3)}.vydra-modal-title{font-size:var(--v-text-lg);font-weight:600;color:var(--v-text)}.vydra-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);transition:all var(--v-transition-fast)}.vydra-modal-close:hover{color:var(--v-text);background:var(--v-surface-3)}.vydra-modal-body{padding:0 var(--v-space-5) var(--v-space-5)}.vydra-modal-footer{display:flex;gap:var(--v-space-2);justify-content:flex-end;padding:var(--v-space-3) var(--v-space-5) var(--v-space-5)}@media(max-width:768px){.vydra-modal-overlay{align-items:flex-end;padding:0}.vydra-modal{max-width:100%;border-radius:var(--v-radius-xl) var(--v-radius-xl) 0 0;max-height:85vh}}.vydra-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-4);border-radius:var(--v-radius-md);font-size:var(--v-text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--v-transition-fast);white-space:nowrap;line-height:1;min-height:32px}.vydra-btn:disabled{opacity:.4;cursor:not-allowed}.vydra-btn-default{background:var(--v-surface-3);color:var(--v-text);border-color:var(--v-border)}.vydra-btn-default:hover:not(:disabled){background:var(--v-surface-4);border-color:var(--v-text-tertiary)}.vydra-btn-primary{background:var(--v-accent);color:var(--v-accent-text)}.vydra-btn-primary:hover:not(:disabled){background:var(--v-accent-hover)}.vydra-btn-ghost{background:transparent;color:var(--v-text-secondary)}.vydra-btn-ghost:hover:not(:disabled){background:var(--v-surface-3);color:var(--v-text)}.vydra-btn-danger{background:var(--v-error-muted);color:var(--v-error);border-color:transparent}.vydra-btn-danger:hover:not(:disabled){background:var(--v-error);color:#fff}.vydra-btn-sm{padding:var(--v-space-1) var(--v-space-2);font-size:var(--v-text-xs);min-height:26px}.vydra-btn-lg{padding:var(--v-space-3) var(--v-space-6);font-size:var(--v-text-md);min-height:40px}.vydra-btn-icon{padding:var(--v-space-1);min-height:28px;width:28px}.share-loading{text-align:center;padding:var(--v-space-6);color:var(--v-text-tertiary);font-size:var(--v-text-sm)}.share-content{display:flex;flex-direction:column;gap:var(--v-space-5)}.share-section{display:flex;flex-direction:column;gap:var(--v-space-3)}.share-section-header{display:flex;align-items:center;justify-content:space-between}.share-section-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text);text-transform:uppercase;letter-spacing:.05em}.share-section-copy{font-size:var(--v-text-sm);line-height:1.5;color:var(--v-text-secondary)}.share-empty{font-size:var(--v-text-sm);color:var(--v-text-tertiary);padding:var(--v-space-2) 0}.share-error{font-size:var(--v-text-sm);color:var(--v-error);background:var(--v-error-muted);border:1px solid rgba(239,68,68,.2);border-radius:var(--v-radius-md);padding:var(--v-space-2) var(--v-space-3)}.share-links{display:flex;flex-direction:column;gap:var(--v-space-2)}.share-link-row{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md)}.share-link-url{flex:1;font-size:var(--v-text-xs);color:var(--v-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace}.share-link-actions{display:flex;gap:var(--v-space-1);flex-shrink:0}.share-link-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);transition:all var(--v-transition-fast);cursor:pointer}.share-link-copy:hover{background:#f0a03026;color:var(--v-accent)}.share-link-revoke:hover{background:#ef444426;color:var(--v-error)}.share-members{display:flex;flex-direction:column;gap:var(--v-space-2)}.share-member-row{display:flex;align-items:center;gap:var(--v-space-3);padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md)}.share-member-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--v-accent-muted);color:var(--v-accent);font-size:var(--v-text-xs);font-weight:600}.share-member-avatar img{width:100%;height:100%;object-fit:cover}.share-member-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.share-member-name{font-size:var(--v-text-sm);color:var(--v-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-member-role{font-size:var(--v-text-xs);color:var(--v-text-tertiary);text-transform:capitalize}.share-member-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--v-transition-fast)}.share-member-remove:hover{background:#ef444426;color:var(--v-error)}.share-member-avatar-wrap{position:relative;flex-shrink:0}.share-member-status-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--v-surface-2)}.share-member-status-dot--online{background:#22c55e}.share-member-status-dot--offline{background:var(--v-text-disabled, #4a4a5a)}.header{height:var(--v-header-h);display:flex;align-items:center;padding:0 var(--v-space-4);background:var(--v-surface-1);border-bottom:1px solid var(--v-border-subtle);gap:var(--v-space-3);flex-shrink:0;position:relative;z-index:var(--v-z-modal);isolation:isolate}.header-home-trigger{display:flex;align-items:center;gap:var(--v-space-2);min-height:38px;padding:0 var(--v-space-2);border-radius:999px;background:none;border:1px solid transparent;cursor:pointer;flex-shrink:0;transition:background var(--v-transition-fast),border-color var(--v-transition-fast),color var(--v-transition-fast)}.header-home-trigger:hover{background:var(--v-surface-3);border-color:color-mix(in srgb,var(--v-border-subtle) 70%,transparent)}.header-menu-area{position:relative;display:flex;align-items:center;gap:var(--v-space-2);min-width:0}.header-hamburger-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--v-radius-md);background:none;border:1px solid transparent;cursor:pointer;flex-shrink:0;color:var(--v-text-secondary);transition:background var(--v-transition-fast),border-color var(--v-transition-fast),color var(--v-transition-fast)}.header-hamburger-btn:hover{background:var(--v-surface-3);border-color:color-mix(in srgb,var(--v-border-subtle) 70%,transparent);color:var(--v-text)}.header-project-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.header-project-title-empty{color:var(--v-text-tertiary);font-weight:400}.header-brand-mark{width:24px;height:24px;background:var(--v-accent);border-radius:var(--v-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--v-accent-text);font-weight:700;font-size:var(--v-text-sm);flex-shrink:0}.header-save-status{font-size:var(--v-text-xs);color:var(--v-text-tertiary);white-space:nowrap;flex-shrink:0}.header-save-status-unsaved{color:var(--v-accent)}.header-spacer{flex:1}.header-actions{display:flex;align-items:center;gap:var(--v-space-2)}.header-btn{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-1) var(--v-space-3);border-radius:var(--v-radius-md);font-size:var(--v-text-sm);font-weight:500;transition:background var(--v-transition-fast),color var(--v-transition-fast);white-space:nowrap;color:var(--v-text-secondary);background:none;border:none;cursor:pointer}.header-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.header-btn-primary{background:var(--v-accent);color:var(--v-accent-text)}.header-btn-primary:hover{background:var(--v-accent-hover);color:var(--v-accent-text)}.header-separator{width:1px;height:20px;background:var(--v-border-subtle);flex-shrink:0}.header-profile{display:flex;align-items:center;gap:var(--v-space-2)}@media(max-width:768px){.header{padding:0 var(--v-space-3);gap:var(--v-space-2)}.desktop-only{display:none}.header-project-title{max-width:120px}.header-btn span.desktop-only{display:none}.header-btn{padding:var(--v-space-1) var(--v-space-2)}}@media(max-width:480px){.header-save-status{display:none}.header-project-title{max-width:80px}}.ctx-menu{position:fixed;z-index:1000;min-width:160px;padding:4px 0;background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md);box-shadow:0 8px 24px #00000080}.ctx-menu-item-wrap{position:relative}.ctx-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 12px;font-size:var(--v-text-sm);color:var(--v-text);text-align:left;cursor:pointer;transition:background var(--v-transition-fast)}.ctx-menu-item:hover:not(:disabled){background:var(--v-surface-3)}.ctx-menu-item:disabled{color:var(--v-text-tertiary);cursor:not-allowed}.ctx-menu-item-parent{padding-right:10px}.ctx-menu-chevron{flex-shrink:0;color:var(--v-text-secondary);font-size:14px;line-height:1}.ctx-menu-check{flex-shrink:0;color:var(--v-accent);font-size:12px;line-height:1}.ctx-menu-danger{color:var(--v-error)}.ctx-menu-danger:hover:not(:disabled){background:#ef444426}.ctx-menu-sep{height:1px;margin:4px 8px;background:var(--v-border-subtle)}.scrub-input{display:inline-block;font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text);cursor:ew-resize;user-select:none;-webkit-user-select:none;border-bottom:1px solid var(--v-text-disabled);padding:2px 0;line-height:1.4;white-space:nowrap;touch-action:none;transition:border-color var(--v-transition-fast),color var(--v-transition-fast)}.scrub-input:hover{border-bottom-color:var(--v-accent);color:var(--v-text)}.scrub-input:active{border-bottom-color:var(--v-accent)}.scrub-input-disabled{cursor:default;opacity:.45;pointer-events:none}.scrub-suffix{color:var(--v-text-secondary);font-size:var(--v-text-xs);margin-left:1px}.scrub-mixed{color:var(--v-text-secondary);letter-spacing:.05em}.scrub-input-edit{font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text);background:var(--v-surface-0);border:1px solid var(--v-accent);border-radius:var(--v-radius-sm);padding:1px 5px;width:72px;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.scrub-input-edit::-webkit-inner-spin-button,.scrub-input-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.csm-body{display:flex;flex-direction:column}.csm-modal .vydra-modal-body{padding-top:0}.csm-stage{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(300px,.95fr);gap:var(--v-space-5);align-items:start}.csm-left-panel{display:flex;flex-direction:column;gap:var(--v-space-4);min-width:0}.csm-right-panel{min-width:0;padding-left:var(--v-space-5);border-left:1px solid var(--v-border-subtle)}.csm-field{display:flex;flex-direction:column;gap:var(--v-space-2)}.csm-label{font-size:11px;font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.06em}.csm-input{background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:4px;color:var(--v-text);font-size:13px;padding:6px 10px;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.csm-input:focus{border-color:var(--v-accent)}.csm-preview-frame{position:relative;width:100%;min-height:420px;background:linear-gradient(180deg,#ffffff08,#fff0),linear-gradient(135deg,#121218,#0c0c11);border-radius:12px;overflow:hidden;border:1px solid var(--v-border-subtle);box-shadow:inset 0 1px #ffffff0a}.csm-preview-panel{display:flex;flex-direction:column;gap:var(--v-space-3)}.csm-preview-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--v-space-3)}.csm-preview-kicker{font-size:11px;font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.08em}.csm-preview-note{font-size:var(--v-text-xs);color:var(--v-text-tertiary);font-family:var(--v-font-mono)}.csm-preview-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px}.csm-controls{display:flex;flex-direction:column;gap:0}.csm-row{display:flex;align-items:center;gap:var(--v-space-3);padding:6px 0;border-bottom:1px solid var(--v-border-subtle)}.csm-row:last-child{border-bottom:none}.csm-row-label{font-size:11px;color:var(--v-text-secondary);min-width:76px;flex-shrink:0}.csm-row-value{flex:1}.csm-row-value .scrub-input,.csm-row-value .scrub-input-edit,.csm-row-value select{width:100%;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:4px;color:var(--v-text);font-size:12px;padding:4px 6px;outline:none;box-sizing:border-box}.csm-row-value .scrub-input{display:inline-flex;align-items:center;justify-content:flex-end;min-height:28px;cursor:ew-resize}.csm-row-value .scrub-input-edit{cursor:text}.csm-row-value .scrub-input:focus,.csm-row-value .scrub-input-edit:focus,.csm-row-value select:focus{border-color:var(--v-accent)}.csm-row-inline{display:flex;align-items:center;gap:var(--v-space-2);flex:1}.csm-color-field{position:relative;width:28px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0;cursor:pointer;border:1px solid var(--v-border)}.csm-color-swatch{width:100%;height:100%;pointer-events:none}.csm-color-field input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.csm-row-btns{display:flex;gap:var(--v-space-1)}.csm-style-btn{width:28px;height:28px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:4px;color:var(--v-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .12s,color .12s,border-color .12s}.csm-style-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.csm-style-btn.active{background:var(--v-accent);border-color:var(--v-accent);color:#000}.csm-footer{display:flex;align-items:center;gap:var(--v-space-2);justify-content:flex-end;flex:1}.csm-error{font-size:12px;color:#f87171;margin-right:auto}.csm-btn{padding:6px 16px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s,opacity .12s}.csm-btn:disabled{opacity:.4;cursor:not-allowed}.csm-btn--ghost{background:transparent;border-color:var(--v-border);color:var(--v-text-secondary)}.csm-btn--ghost:hover:not(:disabled){background:var(--v-surface-2);color:var(--v-text)}.csm-btn--primary{background:var(--v-accent);color:#000}.csm-btn--primary:hover:not(:disabled){opacity:.88}@media(max-width:900px){.csm-stage{grid-template-columns:1fr}.csm-right-panel{padding-left:0;border-left:none;border-top:1px solid var(--v-border-subtle);padding-top:var(--v-space-4)}.csm-preview-frame{min-height:320px}}.bg-modal-preview{width:100%;aspect-ratio:16 / 9;transition:background .2s;flex-shrink:0}.bg-modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.bg-modal-field{display:flex;flex-direction:column;gap:6px}.bg-modal-label{font-size:11px;font-weight:500;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em}.bg-modal-input{background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:6px;color:var(--v-text-primary);font-size:13px;padding:7px 10px;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.bg-modal-input:focus{border-color:var(--v-accent)}.bg-modal-input--hex{font-family:monospace;text-transform:uppercase;width:auto;flex:1}.bg-modal-toggle{display:flex;gap:6px}.bg-modal-toggle-btn{flex:1;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:6px;color:var(--v-text-secondary);font-size:12px;font-weight:500;padding:6px 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.bg-modal-toggle-btn.active{background:var(--v-accent);border-color:var(--v-accent);color:#000}.bg-modal-toggle-btn:not(.active):hover{background:var(--v-surface-3);color:var(--v-text-primary)}.bg-modal-colors{display:flex;flex-direction:column;gap:14px}.bg-modal-color-row{display:flex;align-items:center;gap:10px}.bg-modal-color-swatch{width:36px;height:36px;border:1px solid var(--v-border);border-radius:6px;cursor:pointer;padding:2px;background:var(--v-surface-2);flex-shrink:0}.bg-modal-range{width:100%;accent-color:var(--v-accent);cursor:pointer}.bg-modal-error{font-size:12px;color:var(--v-error, #e05555);margin:0}.media-bin{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--v-surface-0)}.media-bin-header{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);border-bottom:1px solid var(--v-border-subtle);background:var(--v-surface-0);flex-shrink:0}.media-bin-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em}.media-bin-main{display:flex;flex:1;min-height:0;overflow:hidden}.media-panel-rail{width:74px;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--v-border-subtle);background:var(--v-surface-0);overflow-y:auto;scrollbar-width:thin;scrollbar-width:none}.media-panel-rail::-webkit-scrollbar{width:0;height:0}.media-panel-filter{flex:0 0 auto;min-height:62px;padding:8px 5px;border:none;border-bottom:1px solid var(--v-border-subtle);background:transparent;color:var(--v-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:10px;font-weight:600;line-height:1.05;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast),box-shadow var(--v-transition-fast);word-break:break-word}.media-panel-filter:hover{background:var(--v-surface-2);color:var(--v-text)}.media-panel-filter.active{background:color-mix(in srgb,var(--v-accent) 85%,#ffcc73 15%);color:#16110a;box-shadow:inset 0 1px #fff3}.media-panel-filter-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.media-panel-filter-label{display:block;max-width:100%;letter-spacing:.01em;overflow-wrap:anywhere}.media-bin-stage{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.media-bin-stage-toolbar{padding:var(--v-space-3);display:flex;flex-direction:column;gap:var(--v-space-2);flex-shrink:0}.media-bin-scope-row,.media-bin-search-row{padding:0}.media-bin-scope-tabs{display:flex;align-items:center;background:var(--v-surface-3);border-radius:var(--v-radius-md);padding:3px;gap:2px}.media-bin-scope-tab{flex:1;min-height:30px;padding:0 var(--v-space-3);border:none;border-radius:calc(var(--v-radius-md) - 2px);background:transparent;color:var(--v-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast),box-shadow var(--v-transition-fast)}.media-bin-scope-tab:hover{color:var(--v-text-secondary);background:var(--v-surface-4)}.media-bin-scope-tab.active{background:var(--v-surface-1);color:var(--v-text);box-shadow:0 1px 3px #0006}.media-bin-scope-title{font-size:var(--v-text-xs);font-weight:500}.media-bin-search{display:flex;align-items:center;gap:var(--v-space-2);padding:0 var(--v-space-3);min-height:34px;border-radius:var(--v-radius-md);border:1px solid var(--v-border-subtle);background:var(--v-surface-1);color:var(--v-text-tertiary)}.media-bin-search:focus-within{border-color:var(--v-accent)}.media-bin-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--v-text);font-size:var(--v-text-sm);outline:none}.media-bin-search input::placeholder{color:var(--v-text-tertiary)}.upload-zone{margin:var(--v-space-2);border:1px solid transparent;border-radius:10px;background:repeating-linear-gradient(90deg,var(--v-border) 0 8px,transparent 8px 15px) top / calc(100% - 18px) 1px no-repeat,repeating-linear-gradient(90deg,var(--v-border) 0 8px,transparent 8px 15px) bottom / calc(100% - 18px) 1px no-repeat,repeating-linear-gradient(0deg,var(--v-border) 0 8px,transparent 8px 15px) left / 1px calc(100% - 18px) no-repeat,repeating-linear-gradient(0deg,var(--v-border) 0 8px,transparent 8px 15px) right / 1px calc(100% - 18px) no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--v-space-2);cursor:pointer;transition:border-color var(--v-transition-fast),background var(--v-transition-fast);flex-shrink:0;text-align:center}.upload-zone:hover,.upload-zone.drag-over{background:repeating-linear-gradient(90deg,var(--v-accent) 0 8px,transparent 8px 15px) top / calc(100% - 18px) 1px no-repeat,repeating-linear-gradient(90deg,var(--v-accent) 0 8px,transparent 8px 15px) bottom / calc(100% - 18px) 1px no-repeat,repeating-linear-gradient(0deg,var(--v-accent) 0 8px,transparent 8px 15px) left / 1px calc(100% - 18px) no-repeat,repeating-linear-gradient(0deg,var(--v-accent) 0 8px,transparent 8px 15px) right / 1px calc(100% - 18px) no-repeat,var(--v-accent-muted)}.upload-zone--compact{padding:12px 14px}.upload-zone--grid{margin:0;height:100%}.upload-zone-copy{display:flex;flex-direction:column;gap:3px;align-items:center}.upload-zone-text{font-size:13px;font-weight:600;color:var(--v-text-secondary);line-height:1.2}.upload-zone-subtext{font-size:12px;color:var(--v-text-tertiary);line-height:1.2}.upload-zone-icon{color:var(--v-text-tertiary)}.upload-zone input[type=file]{display:none}.upload-progress-list{padding:0 var(--v-space-3) var(--v-space-3);display:flex;flex-direction:column;gap:var(--v-space-2);flex-shrink:0}.upload-progress-item{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-2);border-radius:12px;background:var(--v-surface-2);font-size:var(--v-text-xs)}.upload-progress-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--v-text-secondary)}.upload-progress-item--error{align-items:flex-start;border-left:3px solid var(--v-error)}.upload-progress-item-name--error{white-space:normal;color:var(--v-error);word-break:break-word}.upload-progress-bar{height:4px;background:var(--v-surface-4);border-radius:999px;overflow:hidden;flex:1;min-width:70px}.upload-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--v-success),#22d374);border-radius:999px;transition:width .2s ease}.media-bin-content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--v-space-3) var(--v-space-3)}.media-bin-grid,.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,45%,160px),1fr));gap:var(--v-space-2)}.media-bin-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--v-text-tertiary);font-size:var(--v-text-sm);padding:var(--v-space-6)}.media-bin-empty--grid{min-height:120px;border:1px solid var(--v-border-subtle);border-radius:10px;background:var(--v-surface-1);padding:var(--v-space-4)}.media-bin-personal-state{margin:var(--v-space-3);padding:var(--v-space-5);border-radius:18px;border:1px solid var(--v-border-subtle);background:var(--v-surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--v-space-2);text-align:center}.media-bin-personal-icon{color:var(--v-text-tertiary);opacity:.45}.media-bin-personal-heading{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-secondary)}.media-bin-personal-desc{margin:0;font-size:var(--v-text-xs);line-height:1.5;color:var(--v-text-tertiary)}.asset-card{position:relative;border-radius:10px;border:1px solid var(--v-border-subtle);background:var(--v-surface-1);overflow:hidden;cursor:grab;touch-action:none;transition:border-color var(--v-transition-fast),background var(--v-transition-fast)}.asset-card-mobile-drag-handle{display:none}.asset-card:hover{border-color:var(--v-accent);background:var(--v-surface-2)}.asset-card:active{cursor:grabbing}.asset-card--highlighted{border-color:color-mix(in srgb,var(--v-accent) 78%,white 22%);box-shadow:0 0 0 1px color-mix(in srgb,var(--v-accent) 45%,transparent),0 0 #0000;animation:asset-card-outline-pulse 1.05s ease-out 2}.asset-card-in-project-dot{position:absolute;bottom:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--v-success);border:1.5px solid var(--v-surface-1);pointer-events:none;z-index:2}.asset-card-thumb,.asset-card-waveform{aspect-ratio:16 / 9;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-card-thumb--visual img,.asset-card-waveform-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-drag:none}.asset-card-thumb--visual{background:#0b1120}.asset-card-thumb--fallback{background:linear-gradient(135deg,#0f172afa,#1e293bf5);color:#ffffffc7}.asset-card-waveform{background:linear-gradient(135deg,#0c1322fa,#1c273af5)}.asset-card-waveform svg{width:100%;height:100%;fill:#5fe2c3d1}.asset-card-body{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:5px 9px 0;min-height:24px;flex-shrink:0;overflow:hidden}.asset-card-meta-line{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-height:0}.asset-card-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.asset-card-status{background:color-mix(in srgb,var(--v-accent) 18%,transparent);color:color-mix(in srgb,var(--v-accent) 78%,white 22%);flex-shrink:0}.asset-card-name{flex:1;min-width:0;font-size:11px;line-height:1.05;font-weight:600;color:var(--v-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card-meta-details{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;flex-wrap:nowrap;overflow:hidden;min-width:fit-content;color:var(--v-text-tertiary);font-size:10px;line-height:1}.asset-card-meta-details-wrap{position:relative;min-width:0}.asset-card-meta-details-measure{position:absolute;inset:0 auto auto 0;width:max-content;visibility:hidden;pointer-events:none}.asset-card-meta-item{flex:0 0 auto;white-space:nowrap;line-height:1}@media(max-width:960px){.asset-card{cursor:default;touch-action:pan-y}.asset-card:active{cursor:default}.asset-card-mobile-drag-handle{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:24px;padding:0 7px;border-radius:8px;border:1px solid color-mix(in srgb,var(--v-border) 82%,white 8%);background:color-mix(in srgb,var(--v-surface-1) 84%,rgba(0,0,0,.18));color:color-mix(in srgb,var(--v-text-secondary) 78%,white 12%);box-shadow:0 4px 10px #00000038,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;cursor:grab;z-index:3}.asset-card-mobile-drag-handle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.asset-card-mobile-drag-handle:active{cursor:grabbing;background:color-mix(in srgb,var(--v-surface-2) 88%,rgba(0,0,0,.12));color:color-mix(in srgb,var(--v-accent) 62%,white 18%)}}@keyframes asset-card-outline-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--v-accent) 42%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--v-accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--v-accent) 0%,transparent)}}.asset-card--create{border-style:dashed;cursor:pointer}.asset-card-thumb--caption{background:#0b1120;font-size:20px;font-weight:700}.asset-card-thumb--transition{background:linear-gradient(135deg,#0f172afa,#1e293bf5);color:#ffffffb8}.asset-card-thumb--create{background:linear-gradient(135deg,#0f172af2,#1e293bed);color:#ffffff47}.asset-card-detail{font-size:11px;color:var(--v-text-tertiary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 9px 6px}.asset-card-add-btn{width:100%;margin-top:5px;padding:4px 8px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:5px;color:var(--v-text-secondary);font-size:10px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;text-align:center}.asset-card-add-btn:hover:not(:disabled){background:var(--v-accent);border-color:var(--v-accent);color:#000}.asset-card-add-btn:disabled{opacity:.5;cursor:not-allowed}.media-bin-create-row{padding:10px 0 6px;display:flex;gap:8px}.media-bin-create-btn{display:inline-flex;align-items:center;gap:6px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:7px;color:var(--v-text-secondary);font-size:12px;font-weight:500;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.media-bin-create-btn:hover{background:var(--v-accent);border-color:var(--v-accent);color:#000}.preset-swatch{width:100%;height:44px;border-radius:12px;display:block}.preset-swatch--background{box-shadow:inset 0 0 0 1px #ffffff1f}.media-context-menu{position:fixed;z-index:calc(var(--v-z-overlay) + 2);width:198px;padding:6px;border-radius:14px;border:1px solid var(--v-border-subtle);background:#070a0ffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 48px #00000061}.media-context-menu-item{width:100%;min-height:38px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--v-text-secondary);text-align:left;font-size:var(--v-text-sm);cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast)}.media-context-menu-item:hover{background:#ffffff0f;color:var(--v-text)}.media-context-menu-item--danger{color:color-mix(in srgb,var(--v-error) 72%,white 10%)}.media-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.media-delete-modal{background:var(--v-surface-1);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);padding:var(--v-space-4);max-width:340px;width:90%}.media-delete-modal-title{font-size:var(--v-text-base);font-weight:600;color:var(--v-text);margin-bottom:var(--v-space-2)}.media-delete-modal-text{font-size:var(--v-text-sm);color:var(--v-text-secondary);margin-bottom:var(--v-space-3);line-height:1.5}.media-delete-modal-warning{font-size:var(--v-text-sm);color:var(--v-warning, #f59e0b);background:color-mix(in srgb,var(--v-warning, #f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--v-warning, #f59e0b) 25%,transparent);border-radius:var(--v-radius-sm);padding:var(--v-space-2) var(--v-space-3);margin-bottom:var(--v-space-4);line-height:1.5}.media-delete-modal-safe{font-size:var(--v-text-sm);color:var(--v-success, #22c55e);background:color-mix(in srgb,var(--v-success, #22c55e) 10%,transparent);border:1px solid color-mix(in srgb,var(--v-success, #22c55e) 25%,transparent);border-radius:var(--v-radius-sm);padding:var(--v-space-2) var(--v-space-3);margin-bottom:var(--v-space-4);line-height:1.5}.media-delete-modal-project-list{margin:4px 0 0;padding-left:16px;font-size:var(--v-text-xs);color:var(--v-text-tertiary);line-height:1.6}.media-delete-modal-error{font-size:var(--v-text-sm);color:var(--v-error);margin-bottom:var(--v-space-3)}.media-delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--v-space-2)}@media(max-width:768px){.media-bin-main{flex-direction:column}.media-panel-rail{width:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--v-border-subtle)}.media-panel-filter{min-width:72px;min-height:44px;border-bottom:none;border-right:1px solid var(--v-border-subtle);flex:0 0 auto;gap:4px;text-align:center}.media-bin-stage-toolbar,.media-bin-content,.upload-progress-list{padding-left:var(--v-space-3);padding-right:var(--v-space-3)}.upload-zone,.media-bin-personal-state{margin-left:var(--v-space-2);margin-right:var(--v-space-2)}.media-bin-grid,.preset-grid{gap:6px}}.edit-toolbar{display:flex;align-items:center;flex-shrink:0;position:relative}.edit-toolbar-inner{display:flex;align-items:center;gap:2px;padding:2px;background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md)}.edit-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);background:none;border:none;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast);gap:var(--v-space-1)}.edit-toolbar-btn:hover:not(:disabled){background:var(--v-surface-3);color:var(--v-text)}.edit-toolbar-btn:disabled{color:var(--v-text-disabled);cursor:default}.edit-toolbar-label{display:none;font-size:var(--v-text-sm);font-weight:500}.edit-toolbar-divider{width:1px;height:16px;background:var(--v-border-subtle);margin:0 2px}@media(max-width:768px){.edit-toolbar:not(.edit-toolbar-popup){display:none}}.edit-toolbar-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;pointer-events:none}.edit-toolbar-popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.edit-toolbar-popup .edit-toolbar-inner{position:relative;pointer-events:auto;flex-direction:column;align-items:stretch;gap:0;padding:var(--v-space-2);margin:var(--v-space-3);margin-bottom:calc(var(--v-space-3) + env(safe-area-inset-bottom,0px));width:calc(100% - var(--v-space-6));background:var(--v-surface-3);border-radius:var(--v-radius-lg);box-shadow:0 8px 32px #0009}.edit-toolbar-popup .edit-toolbar-btn{width:100%;height:44px;justify-content:flex-start;padding:0 var(--v-space-3);border-radius:var(--v-radius-sm)}.edit-toolbar-popup .edit-toolbar-label{display:block}.edit-toolbar-popup .edit-toolbar-divider{width:100%;height:1px;margin:var(--v-space-1) 0}.tools-toolbar{display:flex;align-items:center;flex-shrink:0;position:relative}.tools-toolbar-inner{display:flex;align-items:center;gap:2px;padding:2px;background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md)}.tools-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);background:none;border:none;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast);gap:var(--v-space-1)}.tools-toolbar-btn:hover:not(:disabled){background:var(--v-surface-3);color:var(--v-text)}.tools-toolbar-btn:disabled{color:var(--v-text-disabled);cursor:default}.tools-toolbar-label{display:none;font-size:var(--v-text-sm);font-weight:500}.tools-toolbar-divider{width:1px;height:16px;background:var(--v-border-subtle);margin:0 2px}@media(max-width:768px){.tools-toolbar:not(.tools-toolbar-popup){display:none}.tools-toolbar-popup{position:absolute;top:100%;right:var(--v-space-2);z-index:var(--v-z-popover);padding-top:var(--v-space-1)}.tools-toolbar-popup .tools-toolbar-inner{flex-direction:column;padding:var(--v-space-2)}.tools-toolbar-popup .tools-toolbar-btn{width:auto;padding:var(--v-space-1) var(--v-space-3);justify-content:flex-start}.tools-toolbar-popup .tools-toolbar-label{display:inline}.tools-toolbar-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}}.gtm-source-label{margin:0 0 var(--v-space-4);font-size:13px;color:var(--v-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtm-section{margin-bottom:var(--v-space-4)}.gtm-section-title{margin-bottom:var(--v-space-2);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--v-text-tertiary)}.gtm-preset-row{display:flex;gap:6px}.gtm-preset-btn{flex:1;padding:6px 12px;border-radius:var(--v-radius-sm);border:1px solid var(--v-border);background:var(--v-surface-1);color:var(--v-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--v-transition-fast),color var(--v-transition-fast),background var(--v-transition-fast)}.gtm-preset-btn:hover{border-color:var(--v-border-hover, var(--v-border));color:var(--v-text)}.gtm-preset-btn.is-active{border-color:var(--v-accent);background:var(--v-accent-muted, rgba(240, 160, 48, .1));color:var(--v-text)}.gtm-control-list{display:grid;gap:2px}.gtm-control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-3);padding:6px 0}.gtm-control-label{font-size:13px;color:var(--v-text-secondary)}.gtm-error{color:var(--v-danger, #ef4444);font-size:13px;margin-right:auto}.timeline{display:flex;flex-direction:column;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.timeline-toolbar{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);border-bottom:1px solid var(--v-border-subtle);flex-shrink:0;background:var(--v-surface-1)}.timeline-toolbar-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em}.timeline-toolbar-spacer{flex:1}.timeline-zoom{display:flex;align-items:center;gap:var(--v-space-2);font-size:var(--v-text-xs);color:var(--v-text-tertiary)}.timeline-zoom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);transition:all var(--v-transition-fast)}.timeline-zoom-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.timeline-timecode{font-family:var(--v-font-mono);font-size:var(--v-text-sm);color:var(--v-accent);min-width:100px;text-align:center}.timeline-edit-tools-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);transition:all var(--v-transition-fast)}.timeline-edit-tools-btn:hover{background:var(--v-surface-3);color:var(--v-text)}@media(max-width:768px){.timeline-edit-tools-btn{display:flex}}.timeline-insert-tools-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);transition:all var(--v-transition-fast)}.timeline-insert-tools-btn:hover{background:var(--v-surface-3);color:var(--v-text)}@media(max-width:768px){.timeline-insert-tools-btn{display:flex}}.timeline-body{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.timeline-headers{width:96px;min-width:96px;display:flex;flex-direction:column;border-right:1px solid var(--v-border-subtle);background:var(--v-surface-0);flex-shrink:0;overflow-y:hidden;position:relative;scrollbar-gutter:stable}.track-header{height:40px;display:flex;flex-direction:row;gap:6px;padding:5px 6px;border-bottom:1px solid var(--v-border-subtle);flex-shrink:0;align-items:center}.track-header-content{display:flex;flex-direction:row;align-items:center;gap:4px;flex:1;min-width:0}.track-header-controls{display:flex;align-items:center;gap:0;flex-shrink:0}.track-header-color{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.track-header-color[data-type=video]{background:var(--v-track-video)}.track-header-color[data-type=audio]{background:var(--v-track-audio)}.track-header-color[data-type=caption]{background:var(--v-track-caption)}.track-header-color[data-type=transition]{background:#8b5cf6}.track-header-name{font-size:10px;font-weight:500;color:var(--v-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-header-name-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;padding:0;height:20px;border-radius:var(--v-radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.04em;transition:all var(--v-transition-fast);flex-shrink:0}.track-header-name-btn:hover{background:#ffffff14;color:var(--v-text)}.track-header-name-btn.is-disabled{color:var(--v-text-tertiary);background:#ffffff05;border-color:#ffffff0a}.track-header-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);transition:all var(--v-transition-fast);flex-shrink:0}.track-header-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.track-header-btn.active{color:var(--v-accent)}.track-header-btn.muted{color:var(--v-error)}.timeline-scroll{flex:1;overflow:auto;position:relative;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.time-ruler{height:24px;position:sticky;top:0;z-index:5;background:var(--v-surface-2);border-bottom:1px solid var(--v-border-subtle);cursor:pointer;touch-action:none}.time-ruler canvas{display:block}.track-lane{height:40px;position:relative;border-bottom:1px solid var(--v-border-subtle)}.track-lane[data-type=video]{background:#6366f108}.track-lane[data-type=audio]{background:#14643217}.track-lane[data-type=caption]{background:#f59e0b08}.track-lane[data-type=transition]{background:#8b5cf60d}.track-lane--transition{height:40px}.track-lane-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 var(--v-space-4);font-size:var(--v-text-xs);color:var(--v-text-tertiary);pointer-events:none;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.timeline-empty-state{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);height:80px;font-size:var(--v-text-sm);color:var(--v-text-tertiary);-webkit-user-select:none;user-select:none}.add-track-menu{position:fixed;z-index:1000;min-width:160px;padding:4px 0;background:var(--v-surface-2);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md);box-shadow:0 8px 24px #00000080}.add-track-menu-anchor{position:relative}.add-track-menu-item{display:flex;align-items:center;gap:var(--v-space-2);width:100%;padding:6px 12px;font-size:var(--v-text-sm);color:var(--v-text);text-align:left;cursor:pointer;transition:background var(--v-transition-fast)}.add-track-menu-item:hover{background:var(--v-surface-3)}.add-track-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.timeline-clip{position:absolute;top:2px;height:calc(100% - 4px);border-radius:2px;cursor:grab;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;transition:box-shadow var(--v-transition-fast);min-width:4px;touch-action:none;opacity:1}.timeline-clip:active{cursor:grabbing}.timeline-clip[data-type=video]{background:var(--v-clip-video);border:1px solid var(--v-clip-video-border);margin-right:-1px}.timeline-clip[data-type=audio]{background:var(--v-clip-audio);border:1px solid var(--v-clip-audio-border);margin-right:-1px}.timeline-clip--before-transition[data-type=video],.timeline-clip--before-transition[data-type=audio]{border-right-style:dashed}.timeline-clip--in-transition[data-type=video],.timeline-clip--in-transition[data-type=audio]{border-left-style:dashed}.timeline-clip[data-type=caption]{background:var(--v-clip-caption);border:1px solid var(--v-clip-caption-border);margin-right:-1px}.timeline-clip--transition,.timeline-clip[data-type=transition]{background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);border:1px solid rgba(167,139,250,.5);margin-right:-1px}.timeline-clip--transition.timeline-clip-broken{background:repeating-linear-gradient(-55deg,#fff5ff1a 0,#fff5ff1a 8px,#5c1c5c14 8px,#5c1c5c14 16px),linear-gradient(135deg,#d6bcff2e,#d6bcff00 42%),linear-gradient(180deg,#6d28d9e0,#4c1994eb)!important;border:1px solid rgba(196,166,255,.4)!important}.track-header--transition .track-header-name--transition{font-size:10px;font-weight:500;color:#a78bfae6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;pointer-events:none;letter-spacing:.04em;text-transform:uppercase}.timeline-clip.selected{box-shadow:0 0 0 2px var(--v-accent);z-index:2}.timeline-clip.multi-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--v-accent) 60%,transparent);z-index:2}.timeline-clip-peer{box-shadow:0 0 0 2px var(--peer-color, #f0a030);z-index:1}.timeline-clip.selected.timeline-clip-peer{box-shadow:0 0 0 2px var(--v-accent),0 0 0 4px var(--peer-color, #f0a030);z-index:2}.timeline-clip-pin{position:absolute;top:2px;left:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.timeline-clip-pin-img,.timeline-clip-pin-initial{width:20px;height:20px;border-radius:50%;border:2px solid var(--pin-color, #f0a030);flex-shrink:0;object-fit:cover;box-shadow:0 1px 4px #00000080}.timeline-clip-pin-initial{background:var(--pin-color, #f0a030);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.timeline-clip-broken{background:repeating-linear-gradient(-55deg,#fff5f51a 0,#fff5f51a 8px,#5c1c1c14 8px,#5c1c1c14 16px),linear-gradient(135deg,#ffd6d62e,#ffd6d600 42%),linear-gradient(180deg,#883131e0,#622020eb)!important;border:1px solid rgba(255,208,208,.4)!important;box-shadow:inset 0 0 0 1px #fff4f40f}.timeline-clip-label{position:relative;z-index:1;padding:0 var(--v-space-2);font-size:9px;font-weight:500;color:#fff;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;height:33.333%;background:#00000047;flex-shrink:0;width:100%;box-sizing:border-box}.timeline-clip-media{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;flex:1;min-height:0;width:100%;pointer-events:none;overflow:hidden}.timeline-clip-thumbnail{display:block;flex:0 0 auto;width:auto;height:100%;max-width:none;background:#0000003d}.timeline-clip-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.timeline-clip-alert-icon{flex-shrink:0;color:#fff4f4f5;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.timeline-clip-muted{opacity:1}.timeline-drop-preview{position:absolute;top:3px;height:calc(100% - 6px);border-radius:var(--v-radius-sm);border:1px dashed rgba(255,255,255,.5);background:#ffffff14;pointer-events:none;z-index:3}.timeline-drop-preview[data-type=video]{background:color-mix(in srgb,var(--v-clip-video) 75%,transparent);border-color:color-mix(in srgb,var(--v-clip-video-border) 85%,white)}.timeline-drop-preview[data-type=audio]{background:color-mix(in srgb,var(--v-clip-audio) 75%,transparent);border-color:color-mix(in srgb,var(--v-clip-audio-border) 85%,white)}.timeline-drop-preview[data-type=transition]{background:#8b5cf64d;border-color:#a78bfab3}.timeline-drop-preview.is-linked{opacity:.8;box-shadow:inset 0 0 0 1px #ffffff1f}.timeline-drop-preview.is-invalid{background:#ef444429!important;border-color:#f87171cc!important}.trim-handle{position:absolute;top:0;bottom:0;width:4px;cursor:col-resize;z-index:3;opacity:0;background:transparent;transition:opacity var(--v-transition-fast),background var(--v-transition-fast),box-shadow var(--v-transition-fast);touch-action:none}.trim-handle:after{content:"";position:absolute;top:5px;bottom:5px;width:2px;border-radius:999px;background:color-mix(in srgb,#f59e0b 78%,white 22%);opacity:0;transition:opacity var(--v-transition-fast);pointer-events:none}.timeline-clip.selected .trim-handle{opacity:1;box-shadow:none}.timeline-clip.selected .trim-handle:after{opacity:.75}.trim-handle:hover,.trim-handle:active{opacity:1;background:var(--v-accent);box-shadow:none}.trim-handle:hover:after,.trim-handle:active:after,.timeline-clip.selected .trim-handle:hover:after,.timeline-clip.selected .trim-handle:active:after{opacity:0}.trim-handle-left{left:0;border-radius:2px 0 0 2px}.trim-handle-left:after{left:1px}.trim-handle-right{right:0;border-radius:0 2px 2px 0}.trim-handle-right:after{right:1px}.playhead-line{position:absolute;top:0;bottom:0;width:2px;background:var(--v-accent);z-index:var(--v-z-playhead);pointer-events:none}.playhead-marker{position:absolute;top:auto;bottom:-1px;width:12px;height:12px;margin-left:-5px;background:var(--v-accent);clip-path:polygon(50% 100%,0 0,100% 0);pointer-events:none;z-index:var(--v-z-playhead)}.timeline-box-select{position:absolute;background:#f0a0301f;border:1px solid rgba(240,160,48,.75);box-shadow:inset 0 0 0 1px #ffffff0f;border-radius:2px;pointer-events:none;z-index:20}.snap-line{position:absolute;top:0;bottom:0;width:1px;background:var(--v-accent);opacity:.7;z-index:10;pointer-events:none}.trim-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 10px));background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);padding:4px 10px;font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text);pointer-events:none;z-index:500;white-space:nowrap;box-shadow:0 4px 16px #00000080;text-align:center}.trim-tooltip-limit{display:block;font-size:9px;color:var(--v-text-secondary);margin-top:2px;letter-spacing:.02em}.track-group-gap{height:3px;flex-shrink:0}.timeline-marker-add-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);flex-shrink:0;transition:color var(--v-transition-fast),background var(--v-transition-fast)}.timeline-marker-add-btn:hover{background:var(--v-surface-3);color:#f59e0b}.timeline-marker-add-btn:active{background:#f59e0b1f;color:#f59e0b}.timeline-marker-flag{position:absolute;top:0;width:16px;height:12px;transform:translate(-50%);display:flex;align-items:flex-start;justify-content:center;cursor:grab;z-index:6;pointer-events:all;touch-action:none;color:var(--marker-color, #f59e0b)}.timeline-marker-flag svg{display:block;width:10px;height:6px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transition:filter var(--v-transition-fast),transform var(--v-transition-fast);transform-origin:top center}.timeline-marker-flag:hover svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) brightness(1.25);transform:scale(1.1)}.timeline-marker-flag:active{cursor:grabbing}.marker-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 6px));background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-md);padding:6px 10px;z-index:520;pointer-events:auto;min-width:80px;max-width:240px;box-shadow:0 6px 20px #0000008c;display:flex;flex-direction:column;gap:3px}.marker-tooltip-time{font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text-secondary);white-space:nowrap}.marker-tooltip-label{font-size:var(--v-text-xs);color:var(--v-text);line-height:1.4;word-break:break-word}.marker-desc-input{width:100%;background:var(--v-surface-0);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-size:var(--v-text-sm);padding:6px 8px;resize:none;font-family:inherit;line-height:1.5;outline:none;box-sizing:border-box}.marker-desc-input:focus{border-color:var(--v-accent);box-shadow:0 0 0 2px #f0a03026}.track-group-gap-lane{height:3px;background:var(--v-surface-1);flex-shrink:0}.timeline-headers-sticky-top{position:sticky;top:0;z-index:6;background:var(--v-surface-0);height:24px;box-sizing:border-box}.timeline-add-track{display:flex;align-items:center;justify-content:center;height:24px;box-sizing:border-box;border-bottom:1px solid var(--v-border-subtle);font-size:var(--v-text-xs);color:var(--v-text-tertiary);cursor:pointer;transition:all var(--v-transition-fast)}.timeline-add-track:hover{color:var(--v-text-secondary);background:var(--v-surface-1)}.timeline-add-track{width:100%}.timeline-add-track:hover{color:var(--v-accent);background:var(--v-accent-muted)}.timeline-clip-waveform{position:absolute;top:34%;left:0;right:0;bottom:0;overflow:hidden;opacity:.75;pointer-events:none}.timeline-clip-waveform-track{position:absolute;top:0;height:100%}.timeline-clip-waveform-fill{width:100%;height:100%;display:block;background-position:left center;background-repeat:no-repeat;background-size:100% 100%}.speed-popup-body{display:flex;flex-direction:column;gap:0}.speed-popup-row{display:flex;align-items:center;gap:var(--v-space-2);margin-bottom:var(--v-space-2)}.transition-zone{position:absolute;top:2px;height:calc(100% - 4px);pointer-events:none;z-index:4;overflow:hidden}.transition-zone-panel{position:absolute;bottom:0;left:0;right:0;height:33.333%;background:transparent;cursor:pointer;overflow:hidden;pointer-events:auto;transition:opacity var(--v-transition-fast);display:block}.transition-zone-panel:hover{opacity:.9}.transition-zone-panel-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.transition-zone-panel-label{display:none}.speed-popup-label{font-size:var(--v-text-xs);color:var(--v-text-secondary);width:60px;flex-shrink:0}.speed-popup-input{flex:1}.speed-popup-input.scrub-input{display:flex;align-items:center;justify-content:flex-end}.speed-popup-input.scrub-input-edit{width:100%;min-width:0;text-align:right}@media(max-width:768px){.timeline-toolbar{flex-wrap:wrap;row-gap:var(--v-space-1)}.timeline-headers{width:84px;min-width:84px}.track-header{gap:4px;padding:4px}.track-header-name{font-size:10px}.track-header-name-btn{width:24px;min-width:24px;height:18px}.track-header-btn{width:18px;height:18px}.timeline-timecode{font-size:var(--v-text-xs);min-width:80px}.timeline-zoom-btn{width:32px;height:32px}.trim-handle{width:14px}.timeline-scroll::-webkit-scrollbar{width:10px;height:10px}.timeline-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:5px}.timeline-scroll::-webkit-scrollbar-track{background:#00000026}}.preview-player{display:flex;flex-direction:column;width:100%;height:100%;background:var(--v-surface-0);overflow:hidden}.preview-viewport{flex:1;position:relative;overflow:hidden;background:var(--v-surface-2);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.preview-canvas-frame{background:#000;box-shadow:0 0 0 1px #ffffff0f;z-index:1;position:absolute}.preview-canvas-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 9999px #0000008c;pointer-events:none;z-index:50}.preview-canvas-frame video,.preview-canvas-frame img{display:block;width:100%;height:100%}.preview-canvas-controls{position:absolute;bottom:var(--v-space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:2px;background:#000000a6;border-radius:var(--v-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:calc(var(--v-z-modal) - 1);pointer-events:auto}.preview-active-media{position:absolute;overflow:hidden}.preview-active-media-content{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.preview-codec-unsupported{position:absolute;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-55deg,#fff5f50e 0,#fff5f50e 8px,#5c1c1c0b 8px,#5c1c1c0b 16px),linear-gradient(180deg,#501414b8,#09090b);border:1px solid rgba(248,113,113,.22);box-shadow:inset 0 0 0 1px #f8717114}.preview-codec-unsupported-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;text-align:center;max-width:200px}.preview-codec-unsupported-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f871711a;color:#f87171;flex-shrink:0}.preview-codec-unsupported-title{font-family:var(--v-font-sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f87171;line-height:1.3}.preview-codec-unsupported-body{font-family:var(--v-font-sans);font-size:11px;color:var(--v-text-tertiary);line-height:1.55}.preview-canvas-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);font-size:var(--v-text-xs);transition:all var(--v-transition-fast)}.preview-canvas-btn:hover{background:#ffffff1a;color:var(--v-text)}.preview-canvas-zoom-label{font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text-secondary);padding:0 var(--v-space-1);cursor:pointer;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.preview-canvas-zoom-label:hover{color:var(--v-accent)}.preview-side-box{position:absolute;bottom:var(--v-space-2);display:flex;align-items:center;gap:2px;padding:2px 4px;background:#000000a6;border-radius:var(--v-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:calc(var(--v-z-modal) - 1);pointer-events:auto}.preview-side-box-left{left:var(--v-space-2)}.preview-side-box-right{right:var(--v-space-2)}.playback-controls{display:flex;flex-direction:column;gap:2px;padding:var(--v-space-2) var(--v-space-3);border-top:1px solid var(--v-border-subtle);background:var(--v-surface-1);flex-shrink:0}.playback-top-row{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.playback-time{font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text-secondary);min-width:60px}.playback-time-current{text-align:left}.playback-time-total{text-align:right}.playback-master-volume{display:flex;align-items:center;gap:var(--v-space-1)}.playback-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);transition:all var(--v-transition-fast)}.playback-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.playback-btn-sm{width:24px;height:24px}.playback-btn-play{width:40px;height:40px;border-radius:var(--v-radius-full);background:var(--v-accent);color:var(--v-accent-contrast)}.playback-btn-play:hover{background:var(--v-accent-hover);color:var(--v-accent-contrast)}.playback-spacer{flex:1}.playback-progress{width:100%;height:8px;background:var(--v-surface-3);border-radius:999px;cursor:pointer;position:relative;margin:2px 0;touch-action:none}.playback-progress-fill{height:100%;background:var(--v-accent);border-radius:999px;position:relative;pointer-events:none}.playback-progress-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--v-accent);opacity:.95;box-shadow:0 0 0 2px #0c0c0fa6}.playback-bottom-row{display:flex;align-items:center;gap:var(--v-space-1)}.playback-transport-side{flex:1}.playback-transport-center{display:flex;align-items:center;gap:var(--v-space-1)}.playback-transport-side-right{display:flex;justify-content:flex-end}.playback-btn:disabled{opacity:.3;cursor:default;pointer-events:none}@keyframes preview-screenshot-flash{0%{opacity:.8}to{opacity:0}}.preview-screenshot-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:200;animation:preview-screenshot-flash .35s ease-out forwards}@media(max-width:768px){.playback-controls{padding:var(--v-space-1) var(--v-space-2)}.preview-canvas-controls{gap:4px;padding:4px;bottom:var(--v-space-1)}.preview-side-box{padding:4px 6px;bottom:var(--v-space-1)}.preview-canvas-btn{width:34px;height:30px}.preview-canvas-zoom-label{min-height:30px;display:inline-flex;align-items:center;justify-content:center}.preview-handle{min-width:16px;min-height:16px}.playback-master-volume{display:none}}.preview-caption{pointer-events:auto;-webkit-user-select:none;user-select:none;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.preview-transform-overlay{box-sizing:border-box;touch-action:none}.preview-handle{position:absolute;background:var(--v-accent);border:2px solid #fff;border-radius:2px;z-index:calc(var(--v-z-overlay) + 1);box-sizing:border-box;touch-action:none}.preview-handle-tl{cursor:nwse-resize}.preview-handle-tr,.preview-handle-bl{cursor:nesw-resize}.preview-handle-br{cursor:nwse-resize}.preview-handle-left,.preview-handle-right{cursor:ew-resize}.preview-handle-top,.preview-handle-bottom{cursor:ns-resize}.kf-control{display:flex;flex-direction:column;gap:var(--v-space-1);flex-shrink:0}.kf-control-row{display:flex;align-items:center;justify-content:flex-end;gap:1px;width:56px}.kf-nav-btn,.kf-diamond-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:none;background:none;color:var(--v-text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--v-transition-fast),color var(--v-transition-fast)}.kf-nav-btn:hover:not(:disabled),.kf-diamond-btn:hover{background:var(--v-surface-3);color:var(--v-text)}.kf-nav-btn:disabled{color:var(--v-text-disabled);cursor:default}.kf-diamond-btn.active{color:var(--v-accent)}.inspector{display:flex;flex-direction:column;height:100%;overflow:hidden}.inspector-header{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);border-bottom:1px solid var(--v-border-subtle);flex-shrink:0}.inspector-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em}.inspector-body{flex:1;overflow-y:auto;padding:var(--v-space-3)}.inspector-tabs{display:flex;gap:0;padding:0 var(--v-space-2);border-bottom:1px solid var(--v-border);flex-shrink:0}.inspector-tab{flex:1;padding:var(--v-space-1) var(--v-space-2);background:none;border:none;border-bottom:2px solid transparent;color:var(--v-text-secondary);font-size:var(--v-text-xs);font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;text-align:center}.inspector-tab:hover{color:var(--v-text-primary)}.inspector-tab.active{color:var(--v-accent);border-bottom-color:var(--v-accent)}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--v-space-2);color:var(--v-text-tertiary);font-size:var(--v-text-sm);text-align:center;padding:var(--v-space-4)}.inspector-empty svg{opacity:.3}.inspector-multi-banner{display:flex;align-items:center;gap:6px;padding:5px 10px;background:color-mix(in srgb,var(--v-accent) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--v-accent) 25%,transparent);font-size:var(--v-text-xs);color:var(--v-accent);font-weight:500}.inspector-section{margin-bottom:var(--v-space-4)}.inspector-section-title{font-size:var(--v-text-xs);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--v-space-2)}.inspector-warning{margin-bottom:var(--v-space-2);padding:var(--v-space-2);border-radius:var(--v-radius-sm);border:1px solid rgba(255,122,122,.35);background:#6e121238;color:#ffd4d4;font-size:var(--v-text-xs);line-height:1.45}.inspector-row{display:flex;align-items:center;gap:var(--v-space-2);margin-bottom:var(--v-space-2)}.inspector-sublabel{font-size:var(--v-text-xs);color:var(--v-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none}.inspector-label{font-size:var(--v-text-xs);color:var(--v-text-secondary);width:70px;flex-shrink:0}.inspector-value{flex:1;min-width:0}.inspector-inline-inputs{display:flex;align-items:center;gap:var(--v-space-2);flex:1;min-width:0}.inspector-inline-inputs .scrub-input{min-width:52px;display:inline-block}.inspector-keyframe-column{display:flex;align-items:center;justify-content:flex-end;width:88px;min-width:88px;align-self:stretch;margin-left:auto;padding-left:var(--v-space-2);border-left:1px solid var(--v-border-subtle)}.inspector-value input[type=number],.inspector-value input[type=text]{width:100%;padding:var(--v-space-1) var(--v-space-2);background:var(--v-surface-0);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-size:var(--v-text-xs);font-family:var(--v-font-mono)}.inspector-value input:focus{outline:none;border-color:var(--v-accent)}.inspector-value select{width:100%;padding:var(--v-space-1) var(--v-space-2);background:var(--v-surface-0);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-size:var(--v-text-xs)}.inspector-value select:focus{outline:none;border-color:var(--v-accent)}.inspector-range{display:flex;align-items:center;gap:var(--v-space-2);flex:1}.inspector-range input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:var(--v-surface-3);border-radius:2px;outline:none}.inspector-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--v-accent);cursor:pointer}.inspector-range-value{font-family:var(--v-font-mono);font-size:var(--v-text-xs);color:var(--v-text-secondary);min-width:40px;text-align:right}.inspector-color{display:inline-flex;align-items:center;position:relative;width:24px;height:24px;flex-shrink:0}.inspector-color-swatch{width:24px;height:24px;border-radius:var(--v-radius-sm);border:1px solid var(--v-border);cursor:pointer;pointer-events:none}.inspector-color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;margin:0;cursor:pointer}.inspector-clip-type{display:inline-flex;align-items:center;gap:var(--v-space-1);padding:2px 8px;border-radius:var(--v-radius-sm);font-size:var(--v-text-xs);font-weight:500;text-transform:capitalize}.inspector-clip-type[data-type=video]{background:var(--v-clip-video);color:#fff}.inspector-clip-type[data-type=audio]{background:var(--v-clip-audio);color:#fff}.inspector-clip-type[data-type=caption]{background:var(--v-clip-caption);color:#fff}.inspector-caption-text{width:100%;min-height:60px;padding:var(--v-space-2);background:var(--v-surface-0);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-size:var(--v-text-sm);resize:vertical;font-family:var(--v-font-body)}.inspector-caption-text:focus{outline:none;border-color:var(--v-accent)}.inspector-row-btns{display:flex;gap:var(--v-space-1);flex:1}.inspector-style-btn{min-width:28px;width:auto;padding:0 8px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--v-radius-sm);background:var(--v-surface-0);border:1px solid var(--v-border);color:var(--v-text-secondary);font-size:var(--v-text-sm);cursor:pointer;transition:all var(--v-transition-fast)}.inspector-style-btn:hover{background:var(--v-surface-3)}.inspector-style-btn.active{background:var(--v-accent-muted);border-color:var(--v-accent);color:var(--v-accent)}@media(max-width:768px){.inspector-body{padding:var(--v-space-2)}}.inspector-action-btn{padding:4px 10px;border-radius:var(--v-radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--v-text-secondary);font-size:var(--v-text-xs);font-weight:500;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast)}.inspector-action-btn:hover{background:#ffffff1a;color:var(--v-text)}.inspector-select{flex:1;padding:4px 8px;border-radius:var(--v-radius-sm);background:var(--v-surface-0);border:1px solid var(--v-border);color:var(--v-text);font-size:var(--v-text-xs);cursor:pointer;outline:none;transition:border-color var(--v-transition-fast)}.inspector-select:focus{border-color:var(--v-accent)}.inspector-select option{background:var(--v-surface-2);color:var(--v-text)}.inspector-crop-section{display:flex;flex-direction:column;gap:var(--v-space-2)}.inspector-crop-header{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-2)}.inspector-crop-grid{display:grid;gap:var(--v-space-2)}.inspector-crop-row{display:grid;grid-template-columns:42px minmax(0,1fr) 88px;align-items:center;gap:var(--v-space-2)}.inspector-crop-label,.inspector-crop-unit{font-size:var(--v-text-xs);color:var(--v-text-secondary)}.inspector-crop-row input{width:100%;padding:var(--v-space-1) var(--v-space-2);background:var(--v-surface-0);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-size:var(--v-text-xs);font-family:var(--v-font-mono)}.inspector-crop-row input:focus{outline:none;border-color:var(--v-accent)}.inspector-segmented{display:inline-flex;padding:2px;border-radius:999px;background:var(--v-surface-0);border:1px solid var(--v-border-subtle)}.inspector-segmented-btn{min-width:34px;padding:4px 8px;border-radius:999px;font-size:var(--v-text-xs);color:var(--v-text-secondary);transition:all var(--v-transition-fast)}.inspector-segmented-btn:hover{color:var(--v-text)}.inspector-segmented-btn.active{background:var(--v-accent);color:var(--v-accent-text)}.inspector-empty-small{padding:var(--v-space-4) var(--v-space-3);font-size:var(--v-text-xs);color:var(--v-text-tertiary);text-align:center;line-height:1.5}.inspector-effect-card{border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-sm);margin-bottom:var(--v-space-2);overflow:hidden;transition:border-color var(--v-transition-fast)}.inspector-effect-card--disabled{opacity:.45}.inspector-effect-card--drop-above{border-top:2px solid var(--v-accent)}.inspector-effect-header{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-1) var(--v-space-2);background:#ffffff08;cursor:grab;-webkit-user-select:none;user-select:none}.inspector-effect-header:active{cursor:grabbing}.inspector-effect-drag-handle{font-size:14px;color:var(--v-text-tertiary);line-height:1;flex-shrink:0}.inspector-effect-name{flex:1;font-size:var(--v-text-xs);font-weight:500;color:var(--v-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-effect-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--v-radius-xs);color:var(--v-text-secondary);transition:color var(--v-transition-fast),background var(--v-transition-fast);flex-shrink:0}.inspector-effect-toggle:hover{background:#ffffff0f;color:var(--v-text)}.inspector-effect-toggle--off{color:var(--v-text-tertiary)}.inspector-effect-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--v-radius-xs);color:var(--v-text-tertiary);transition:color var(--v-transition-fast),background var(--v-transition-fast);flex-shrink:0}.inspector-effect-remove:hover{background:#ff50501f;color:#ff6b6b}.inspector-effect-body{padding:var(--v-space-2) var(--v-space-2) var(--v-space-1);border-top:1px solid var(--v-border-subtle)}.kf-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--v-surface-0)}.kf-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--v-space-2) var(--v-space-3);flex-shrink:0;border-bottom:1px solid var(--v-border-subtle)}.kf-panel-title{font-size:var(--v-text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--v-text-secondary)}.kf-panel-header-right{display:flex;align-items:center;gap:var(--v-space-3)}.kf-nav-controls{display:flex;align-items:center;gap:2px}.kf-panel-nav-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:3px;background:var(--v-surface-3);color:var(--v-text-secondary);cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast),opacity var(--v-transition-fast)}.kf-panel-nav-btn:hover:not(:disabled){background:var(--v-surface-4);color:var(--v-text)}.kf-panel-nav-btn:disabled{opacity:.45;cursor:default}.kf-panel-duration{font-size:var(--v-text-xs);color:var(--v-text-tertiary);letter-spacing:.04em}.kf-zoom-controls{display:flex;align-items:center;gap:2px}.kf-zoom-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:3px;background:var(--v-surface-3);color:var(--v-text-secondary);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast)}.kf-zoom-btn:hover{background:var(--v-surface-4);color:var(--v-text)}.kf-zoom-label{font-size:var(--v-text-xs);font-family:var(--v-font-mono);color:var(--v-text-tertiary);min-width:32px;text-align:center;-webkit-user-select:none;user-select:none}.kf-panel-body{flex:1;overflow:auto;min-height:0;position:relative}.kf-inner{display:flex;flex-direction:column;min-width:0;min-height:100%;position:relative;padding-right:14px;box-sizing:border-box}.kf-rows-area{position:relative;flex:1;min-height:0}.kf-trailing-spacer{flex:0 0 1px;height:1px;pointer-events:none}:root{--kf-label-w: 76px}.kf-prop-row{display:flex;align-items:stretch;height:26px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.03)}.kf-prop-row:last-child{border-bottom:none}.kf-prop-label{width:var(--kf-label-w);min-width:var(--kf-label-w);display:flex;align-items:center;padding:0 var(--v-space-2) 0 var(--v-space-3);font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--v-text-tertiary);text-align:right;justify-content:flex-end;border-right:1px solid var(--v-border-subtle);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;position:sticky;left:0;z-index:2;background:var(--v-surface-0)}.kf-prop-track{flex:1;position:relative;overflow:visible;cursor:default;touch-action:none}.kf-track-content,.kf-ruler-content{position:absolute;top:0;right:0;bottom:0;left:0}.kf-frame-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}.kf-prop-track:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff0f;pointer-events:none}.kf-row-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f0a03080;pointer-events:none;transform:translate(-50%);z-index:1}.kf-panel-diamond{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:7px;height:7px;border:1px solid rgba(255,255,255,.25);background:var(--v-surface-3);border-radius:1px;cursor:grab;padding:0;z-index:2;transition:background .1s,border-color .1s,box-shadow .1s;touch-action:none}.kf-panel-diamond:hover{background:var(--v-surface-4);border-color:#f0a0308c;box-shadow:0 0 0 3px #f0a0301f}.kf-panel-diamond.at-playhead{background:var(--v-accent);border-color:var(--v-accent-hover);box-shadow:0 0 0 2px #f0a03040}.kf-panel-diamond.selected{background:#f0a030e6;border-color:#ffffffd1;box-shadow:0 0 0 3px #f0a0302e}.kf-panel-diamond.dragging{cursor:grabbing;background:var(--v-accent-hover);border-color:#fff9;box-shadow:0 0 0 4px #f0a03033,0 2px 8px #00000080;z-index:10}.kf-selection-box{position:absolute;pointer-events:none;border:1px solid rgba(240,160,48,.9);background:#f0a03024;box-shadow:inset 0 0 0 1px #ffffff14;z-index:6}.kf-ruler-row{display:flex;align-items:stretch;height:22px;flex-shrink:0;border-bottom:1px solid var(--v-border-subtle);background:var(--v-surface-0);position:sticky;top:0;z-index:3}.kf-ruler-spacer{width:var(--kf-label-w);min-width:var(--kf-label-w);border-right:1px solid var(--v-border-subtle);flex-shrink:0;position:sticky;left:0;z-index:4;background:var(--v-surface-0)}.kf-ruler-track{flex:1;position:relative;overflow:hidden;cursor:col-resize;touch-action:none}.kf-ruler-tick{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;transform:translate(-50%)}.kf-ruler-tick:before{content:"";width:1px;height:5px;background:#fff3;flex-shrink:0}.kf-ruler-tick.first:before{background:transparent}.kf-ruler-label{display:block;font-size:9px;font-family:var(--v-font-mono);color:var(--v-text-tertiary);letter-spacing:.02em;line-height:1;margin-top:3px;white-space:nowrap;transform:translate(2px)}.kf-ruler-playhead{position:absolute;top:0;width:1px;height:100%;background:var(--v-accent);pointer-events:none;transform:translate(-50%);z-index:2}.kf-ruler-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--v-accent)}.kf-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 10px));display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);padding:5px 10px;font-family:var(--v-font-mono);color:var(--v-text);pointer-events:none;z-index:500;white-space:nowrap;box-shadow:0 4px 16px #00000080;text-align:center}.kf-tooltip-time{font-size:var(--v-text-xs);line-height:1.1}.kf-tooltip-frame{font-size:9px;color:var(--v-text-secondary);letter-spacing:.02em;line-height:1.1}.vydra-input{display:block;width:100%;padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-md);color:var(--v-text);font-size:var(--v-text-md);transition:border-color var(--v-transition-fast);min-height:36px}.vydra-input:focus{border-color:var(--v-accent);outline:none}.vydra-input::placeholder{color:var(--v-text-tertiary)}.vydra-input-sm{padding:var(--v-space-1) var(--v-space-2);font-size:var(--v-text-sm);min-height:28px}.vydra-label{display:block;font-size:var(--v-text-sm);font-weight:500;color:var(--v-text-secondary);margin-bottom:var(--v-space-1)}.vydra-field{margin-bottom:var(--v-space-4)}.vydra-select{display:block;width:100%;padding:var(--v-space-2) var(--v-space-3);padding-right:var(--v-space-8);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-md);color:var(--v-text);font-size:var(--v-text-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239898a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-height:36px}.vydra-select:focus{border-color:var(--v-accent);outline:none}.export-form{display:flex;flex-direction:column;gap:var(--v-space-3)}.export-section{display:flex;flex-direction:column;gap:var(--v-space-2)}.export-section-title{font-size:var(--v-text-xs);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em}.export-row{display:flex;align-items:center;gap:var(--v-space-2)}.export-row>.field{flex:1}.export-section-header{display:flex;align-items:baseline;justify-content:space-between}.export-scale-native{font-size:var(--v-text-xs);color:var(--v-text-tertiary)}.export-scale-presets{display:flex;gap:var(--v-space-2)}.export-scale-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md);background:var(--v-surface-1);cursor:pointer;transition:border-color .12s ease,background .12s ease}.export-scale-btn:hover:not(.export-scale-btn--locked){border-color:var(--v-border);background:var(--v-surface-2)}.export-scale-btn--active{border-color:var(--v-accent);background:var(--v-accent-muted)}.export-scale-btn--locked{opacity:.5;cursor:pointer}.export-scale-btn--locked:hover{opacity:.7}.export-scale-label{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text-1);line-height:1}.export-scale-dims{font-size:10px;color:var(--v-text-tertiary);line-height:1}.export-scale-lock{margin-top:1px;font-size:10px;font-weight:600;color:var(--v-accent);background:var(--v-accent-muted);padding:1px 6px;border-radius:10px;line-height:1.4}.export-info-bar{display:flex;flex-direction:column;gap:var(--v-space-2)}.export-res-warning{display:flex;align-items:center;gap:var(--v-space-2);padding:8px 12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.28);border-radius:var(--v-radius-md);font-size:var(--v-text-sm);color:#fbbf24}.export-res-warning span{flex:1}.export-render-time{font-size:var(--v-text-xs);color:var(--v-text-tertiary);text-align:right}.export-render-time--warn{color:var(--v-warning)}.export-render-time--danger{color:var(--v-error);font-weight:500}.export-actions{display:flex;gap:var(--v-space-2);justify-content:flex-end;padding-top:var(--v-space-2);border-top:1px solid var(--v-border-subtle)}.job-card{padding:var(--v-space-3);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md);background:var(--v-surface-1);margin-bottom:var(--v-space-2)}.job-card-header{display:flex;align-items:center;gap:var(--v-space-2);margin-bottom:var(--v-space-2)}.job-card-status{display:inline-flex;align-items:center;gap:var(--v-space-1);padding:2px 8px;border-radius:var(--v-radius-sm);font-size:var(--v-text-xs);font-weight:500;text-transform:capitalize}.job-card-status[data-status=queued]{background:var(--v-surface-3);color:var(--v-text-secondary)}.job-card-status[data-status=processing]{background:#6366f126;color:#818cf8}.job-card-status[data-status=completed]{background:#22c55e26;color:#4ade80}.job-card-status[data-status=failed]{background:#ef444426;color:#f87171}.job-card-status[data-status=cancelled]{background:var(--v-surface-3);color:var(--v-text-tertiary)}.job-card-time{font-size:var(--v-text-xs);color:var(--v-text-tertiary);margin-left:auto}.job-progress{height:6px;background:var(--v-surface-3);border-radius:3px;overflow:hidden;margin-bottom:var(--v-space-2)}.job-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.job-progress-fill[data-status=processing]{background:#818cf8}.job-progress-fill[data-status=completed]{background:#4ade80}.job-progress-fill[data-status=failed]{background:#f87171}.job-card-actions{display:flex;gap:var(--v-space-2)}.export-preview-player{display:flex;justify-content:center;align-items:center;min-height:240px}.export-preview-video{width:100%;max-height:78vh;border-radius:var(--v-radius-md);background:#000}.job-error{font-size:var(--v-text-xs);color:var(--v-error);margin-bottom:var(--v-space-2)}.export-jobs-list{display:flex;flex-direction:column;gap:var(--v-space-2);margin-top:var(--v-space-3);border-top:1px solid var(--v-border-subtle);padding-top:var(--v-space-3)}.export-jobs-title{font-size:var(--v-text-xs);font-weight:600;color:var(--v-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--v-space-1)}.project-list{display:flex;flex-direction:column;gap:var(--v-space-2);max-height:400px;overflow-y:auto}.project-list-item{display:flex;align-items:center;gap:var(--v-space-3);padding:var(--v-space-3);border-radius:var(--v-radius-md);background:var(--v-surface-2);border:1px solid var(--v-border-subtle);cursor:pointer;transition:all var(--v-transition-fast);text-align:left;width:100%}.project-list-item:hover{background:var(--v-surface-3);border-color:var(--v-border)}.project-list-item-current{border-color:#f0a03059;background:linear-gradient(180deg,#f0a03014,#f0a03008)}.project-list-item-info{flex:1;min-width:0}.project-list-item-name{font-weight:500;font-size:var(--v-text-md);color:var(--v-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-item-date{font-size:var(--v-text-xs);color:var(--v-text-tertiary);margin-top:2px}.project-list-empty{text-align:center;padding:var(--v-space-8) var(--v-space-4);color:var(--v-text-tertiary);font-size:var(--v-text-sm)}.project-list-item-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--v-transition-fast)}.project-list-item-delete:hover{background:#ef444426;color:var(--v-error)}.project-list-item-share{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--v-transition-fast)}.project-list-item-share:hover{background:#f0a03026;color:var(--v-accent)}.project-delete-confirm-text{font-size:var(--v-text-sm);color:var(--v-text-secondary);line-height:1.5}.project-list-item-shared-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:#f0a0301f;color:var(--v-accent);border:1px solid rgba(240,160,48,.25);vertical-align:middle}.project-list-item-leave{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--v-transition-fast)}.project-list-item-leave:hover{background:#ef444426;color:var(--v-error)}.version-history{min-height:120px;max-height:400px;overflow-y:auto}.version-history-empty{color:var(--v-text-secondary);font-size:.85rem;text-align:center;padding:2rem 1rem}.version-history-list{display:flex;flex-direction:column;gap:2px}.version-history-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;transition:background .15s}.version-history-item:hover{background:var(--v-surface-2)}.version-history-item-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.version-history-item-time{font-size:.82rem;color:var(--v-text);font-weight:500;white-space:nowrap}.version-history-item-trigger{font-size:.72rem;padding:1px 6px;border-radius:4px;white-space:nowrap;font-weight:500}.version-trigger-manual{background:var(--v-accent-muted);color:var(--v-accent)}.version-trigger-auto{background:var(--v-surface-3);color:var(--v-text-secondary)}.version-trigger-restore{background:var(--v-success-muted);color:var(--v-success)}.version-history-item-user{font-size:.78rem;color:var(--v-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-recorder{display:flex;flex-direction:column;align-items:center;gap:var(--v-space-4);padding:var(--v-space-4) 0;min-width:280px}.voice-recorder-visualizer{display:flex;align-items:center;gap:var(--v-space-3)}.voice-recorder-indicator{width:12px;height:12px;border-radius:50%;background:var(--v-text-disabled);transition:background var(--v-transition-fast)}.voice-recorder-indicator.recording{background:var(--v-danger);animation:voice-pulse 1s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.4}}.voice-recorder-time{font-size:var(--v-text-xl);color:var(--v-text)}.voice-recorder-preview{width:100%;max-width:300px;height:32px}.voice-recorder-actions{display:flex;gap:var(--v-space-2)}.notifications-container{position:fixed;bottom:var(--v-space-3);right:var(--v-space-3);display:flex;flex-direction:column-reverse;gap:var(--v-space-2);z-index:200;pointer-events:none;max-width:360px;width:100%}.notification-card{display:flex;align-items:flex-start;gap:var(--v-space-3);padding:var(--v-space-3) var(--v-space-4);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);box-shadow:var(--v-shadow-lg);pointer-events:auto;animation:notif-slide-in .2s ease-out;border-left:3px solid transparent}.notification-success{border-left-color:var(--v-success)}.notification-error{border-left-color:var(--v-error)}.notification-warning{border-left-color:var(--v-warning)}.notification-info{border-left-color:var(--v-info)}@keyframes notif-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.notification-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-top:1px}.notification-success .notification-icon{background:var(--v-success-muted);color:var(--v-success)}.notification-error .notification-icon{background:var(--v-error-muted);color:var(--v-error)}.notification-warning .notification-icon{background:var(--v-accent-muted);color:var(--v-warning)}.notification-info .notification-icon{background:#60a5fa26;color:var(--v-info)}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text);line-height:1.4}.notification-message{font-size:var(--v-text-xs);color:var(--v-text-secondary);margin-top:2px;line-height:1.5}.notification-actions{display:flex;gap:var(--v-space-2);margin-top:var(--v-space-2)}.notification-action-btn{padding:var(--v-space-1) var(--v-space-3);font-size:var(--v-text-xs);font-weight:500;border-radius:var(--v-radius-sm);color:var(--v-text-secondary);background:var(--v-surface-3);border:1px solid var(--v-border-subtle);cursor:pointer;transition:all var(--v-transition-fast)}.notification-action-btn:hover{color:var(--v-text);background:var(--v-surface-4)}.notification-action-primary{color:var(--v-accent-text);background:var(--v-accent);border-color:transparent}.notification-action-primary:hover{background:var(--v-accent-hover)}.notification-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);cursor:pointer;flex-shrink:0;margin-top:1px;transition:all var(--v-transition-fast)}.notification-close:hover{color:var(--v-text);background:#ffffff14}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--v-surface-1);border-top:1px solid var(--v-border-subtle);z-index:calc(var(--v-z-overlay) + 5)}@media(max-width:960px){.mobile-nav{display:flex;align-items:center;justify-content:space-around;padding:0 var(--v-space-2)}}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--v-space-1) var(--v-space-3);border-radius:var(--v-radius-md);font-size:var(--v-text-xs);color:var(--v-text-tertiary);transition:color var(--v-transition-fast);min-width:56px}.mobile-nav-btn.disabled{opacity:.58}.mobile-nav-btn.active{color:var(--v-accent)}.mobile-nav-btn:active{background:var(--v-surface-3)}.mobile-nav-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;border-radius:8px;background:var(--v-error);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.chat-toggle{position:fixed;bottom:var(--v-space-4);right:var(--v-space-4);width:40px;height:40px;border-radius:50%;background:var(--v-surface-3);border:1px solid var(--v-border);color:var(--v-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--v-z-chat);transition:background var(--v-transition-fast),color var(--v-transition-fast)}.chat-toggle-disabled{opacity:.58}.chat-toggle:hover{background:var(--v-surface-4);color:var(--v-text)}.chat-toggle-disabled:hover{background:var(--v-surface-3);color:var(--v-text-secondary)}.chat-toggle svg{width:20px;height:20px}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--v-error);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.chat-panel{position:fixed;bottom:var(--v-space-4);right:var(--v-space-4);width:320px;max-height:400px;background:var(--v-surface-1);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);display:flex;flex-direction:column;z-index:var(--v-z-chat);box-shadow:var(--v-shadow-lg);overflow:hidden}@media(max-width:768px){.chat-toggle{display:none}.chat-panel{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;width:100%;max-width:100%;max-height:min(420px,60vh);border-radius:var(--v-radius-lg) var(--v-radius-lg) 0 0;border-bottom:none}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--v-space-2) var(--v-space-3);border-bottom:1px solid var(--v-border);flex-shrink:0}.chat-header-title{font-size:var(--v-text-md);font-weight:600;color:var(--v-text)}.chat-close{background:none;border:none;color:var(--v-text-secondary);cursor:pointer;padding:var(--v-space-1);border-radius:var(--v-radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--v-transition-fast),background var(--v-transition-fast)}.chat-close:hover{color:var(--v-text);background:var(--v-surface-3)}.chat-close svg{width:16px;height:16px}.chat-messages{flex:1;overflow-y:auto;padding:var(--v-space-2) var(--v-space-3);display:flex;flex-direction:column;gap:var(--v-space-2);min-height:0}.chat-empty{color:var(--v-text-tertiary);font-size:var(--v-text-sm);text-align:center;padding:var(--v-space-6) 0}.chat-message{display:flex;flex-direction:column;gap:2px}.chat-message-header{display:flex;align-items:baseline;gap:var(--v-space-2)}.chat-message-name{font-size:var(--v-text-sm);font-weight:600;line-height:1}.chat-message-time{font-size:var(--v-text-xs);color:var(--v-text-tertiary);line-height:1}.chat-message-text{font-size:var(--v-text-sm);color:var(--v-text);line-height:1.4;word-break:break-word}.chat-input-row{display:flex;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);border-top:1px solid var(--v-border);flex-shrink:0}.chat-input{flex:1;background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-sm);color:var(--v-text);font-family:var(--v-font);font-size:var(--v-text-sm);padding:var(--v-space-1) var(--v-space-2);outline:none;transition:border-color var(--v-transition-fast)}.chat-input:focus{border-color:var(--v-accent)}.chat-input::placeholder{color:var(--v-text-tertiary)}.chat-send{background:var(--v-accent);border:none;color:var(--v-accent-text);border-radius:var(--v-radius-sm);padding:var(--v-space-1) var(--v-space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--v-transition-fast)}.chat-send:hover{background:var(--v-accent-hover)}.chat-send:disabled{opacity:.5;cursor:default}.chat-send svg{width:16px;height:16px}.guest-project-banner{display:flex;align-items:center;gap:var(--v-space-2);padding:7px var(--v-space-4);background:#f0a03014;border-bottom:1px solid rgba(240,160,48,.2);font-size:var(--v-text-sm);color:var(--v-text-secondary);flex-shrink:0;line-height:1.4}.guest-project-banner-copy{min-width:0}.guest-project-banner-copy-mobile{display:inline}.guest-project-banner-copy-desktop{display:none}.guest-project-banner-icon{flex-shrink:0;color:var(--v-accent);opacity:.8}.guest-project-banner-cta{margin-left:auto;flex-shrink:0;font-size:var(--v-text-sm);font-weight:500;color:var(--v-accent);text-decoration:none;border:1px solid rgba(240,160,48,.35);border-radius:var(--v-radius-sm);padding:2px 10px;white-space:nowrap;transition:background var(--v-transition-fast),border-color var(--v-transition-fast)}.guest-project-banner-cta:hover{background:#f0a0301f;border-color:var(--v-accent)}@media(min-width:769px){.guest-project-banner-copy-mobile{display:none}.guest-project-banner-copy-desktop{display:inline}}.no-project-screen{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--v-surface-0)}.no-project-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(240,160,48,.04) 0%,transparent 65%);pointer-events:none}.no-project-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--v-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--v-border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:.15;-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 20%,transparent 75%);pointer-events:none}.no-project-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--v-space-8);padding:var(--v-space-12) var(--v-space-10);animation:nps-fade-up .45s ease-out both}@keyframes nps-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.no-project-brand{display:flex;flex-direction:column;align-items:center;gap:var(--v-space-4)}.no-project-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--v-font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--v-accent)}.no-project-eyebrow-line{display:block;width:24px;height:1px;background:currentColor;opacity:.5}.no-project-mark{width:44px;height:44px;background:var(--v-accent);border-radius:var(--v-radius-lg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--v-text-xl);color:var(--v-accent-text);letter-spacing:-.03em;box-shadow:0 0 32px #f0a03033,0 0 64px #f0a03012}.no-project-headline{display:flex;flex-direction:column;align-items:center;gap:var(--v-space-2);text-align:center}.no-project-headline-prefix{font-size:var(--v-text-2xl);font-weight:400;color:var(--v-text-secondary);letter-spacing:-.01em}.no-project-adjective{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;color:var(--v-accent);letter-spacing:-.03em;line-height:1;animation:adjective-in .32s ease-out both}@keyframes adjective-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.no-project-actions{display:flex;gap:var(--v-space-3);flex-wrap:wrap;justify-content:center}.no-project-guest-note{margin-top:var(--v-space-5);padding:var(--v-space-3) var(--v-space-4);border-radius:var(--v-radius-md);background:#f0a03012;border:1px solid rgba(240,160,48,.2);font-size:var(--v-text-sm);color:var(--v-text-secondary);line-height:1.5;text-align:center;max-width:320px}.no-project-guest-signin{background:none;border:none;padding:0;color:var(--v-accent);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#f0a03066;text-underline-offset:2px;transition:color var(--v-transition-fast),text-decoration-color var(--v-transition-fast)}.no-project-guest-signin:hover{color:var(--v-accent-hover);text-decoration-color:var(--v-accent-hover)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at top,rgba(240,160,48,.04),transparent 32%),linear-gradient(180deg,#090c12,#06080d)}.app-body{display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0;user-select:none;-webkit-user-select:none}.app-body :where(input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only]){user-select:text;-webkit-user-select:text}.app-drag-preview{position:fixed;z-index:calc(var(--v-z-overlay) + 4);transform:translate(-50%) translateY(-100%);pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.app-drag-preview__card{width:152px;border-radius:12px;border:1px solid color-mix(in srgb,var(--v-accent) 32%,rgba(255,255,255,.07));background:#080b11f7;box-shadow:0 20px 44px #0009,0 4px 14px #00000059,inset 0 1px #ffffff0a;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-drag-preview__thumb{width:100%;aspect-ratio:16 / 9;background:#060a13;overflow:hidden;display:flex;align-items:center;justify-content:center}.app-drag-preview__thumb img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.app-drag-preview__thumb--icon{color:#ffffff59;background:linear-gradient(135deg,#0c1220fa,#182438f2)}.app-drag-preview__thumb--audio{color:color-mix(in srgb,var(--v-accent) 75%,rgba(255,255,255,.5));background:linear-gradient(135deg,#0a101cfa,#141e34f2)}.app-drag-preview__label{padding:6px 10px 8px;font-size:11.5px;font-weight:600;color:var(--v-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:152px;letter-spacing:.01em;line-height:1.3}.app-drag-preview__arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--v-accent);margin-top:6px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(240,160,48,.45))}.app-drop-residue{position:fixed;z-index:calc(var(--v-z-overlay) + 3);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;will-change:left,top,width,height,opacity}.app-drop-residue img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.app-drop-residue__audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--v-accent) 75%,rgba(255,255,255,.5));background:linear-gradient(135deg,#0a101cfa,#141e34f2)}.app-drop-residue__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff59;background:linear-gradient(135deg,#0c1220fa,#182438f2)}.app-panels{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.app-left-panel{width:500px;min-width:220px;max-width:750px;display:flex;flex-direction:column;border-right:1px solid var(--v-border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%),var(--v-surface-0);overflow:hidden}.app-center{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.03),transparent 42%),#040608}.app-right-panel{width:420px;min-width:220px;max-width:500px;display:flex;flex-direction:column;border-left:1px solid var(--v-border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%),var(--v-surface-0);overflow:hidden}.app-inspector-pane{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.app-kf-panel-pane{flex:0 0 auto;overflow:hidden;border-top:1px solid var(--v-border-subtle)}.resize-handle--kf-panel{height:var(--v-timeline-handle);cursor:row-resize;flex-shrink:0}.app-preview-area{flex:1;display:flex;min-height:200px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1017eb,#040609fa),var(--v-black)}.app-timeline-row{display:flex;flex:0 0 auto;min-height:var(--v-timeline-min-h);max-height:50vh;border-top:1px solid var(--v-border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),var(--v-surface-1);overflow:hidden}.app-timeline-row>*{flex:1;min-width:0;min-height:0}.resize-handle{height:var(--v-timeline-handle);cursor:row-resize;background:transparent;position:relative;flex-shrink:0;touch-action:none}.resize-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--v-border) 85%,white 15%);transition:background var(--v-transition-fast),width var(--v-transition-fast)}.resize-handle:hover:after{width:52px;background:var(--v-accent)}.resize-handle-h{width:4px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;z-index:5;touch-action:none}.resize-handle-h:before{content:"";position:absolute;top:0;right:-8px;bottom:0;left:-8px;cursor:col-resize;z-index:1}.resize-handle-h:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background var(--v-transition-fast)}.resize-handle-h:hover:after,.resize-handle-h:active:after{background:color-mix(in srgb,var(--v-accent) 55%,transparent)}@media(max-width:960px){.app-body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.app-panels{min-height:0}.app-left-panel,.app-right-panel{display:none}.app-left-panel.mobile-drag-active{display:flex;position:fixed;top:var(--v-header-h);left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));visibility:hidden;pointer-events:none}.app-left-panel.mobile-visible,.app-right-panel.mobile-visible{display:flex;position:fixed;top:var(--v-header-h);left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));width:100%;max-width:100%;z-index:var(--v-z-overlay);border:none;box-shadow:0 -24px 48px #00000073}.resize-handle-h{display:none}.app-center{min-height:0}.app-preview-area{min-height:120px}.resize-handle{height:16px}.app-timeline-row{max-height:none;min-height:0;flex:1 1 42%}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--v-z-modal);display:grid;grid-template-columns:1fr 420px;overflow:hidden;background:var(--v-black)}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 4px)}.login-hero{position:relative;overflow:hidden;background:var(--v-black);display:flex;flex-direction:column;justify-content:space-between;padding:40px 56px 44px}.login-hero:before{content:"";position:absolute;top:-120px;left:-80px;width:780px;height:560px;background:radial-gradient(ellipse at 20% 10%,rgba(240,160,48,.09) 0%,transparent 65%);pointer-events:none;z-index:0}.login-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,var(--v-border-subtle) 0px,var(--v-border-subtle) 1px,transparent 1px,transparent 110px);opacity:.35;pointer-events:none;z-index:0}.login-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--v-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--v-border-subtle) 1px,transparent 1px);background-size:55px 55px;opacity:.11;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 30% 50%,black 15%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 30% 50%,black 15%,transparent 75%)}.login-hero-sep{position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--v-border-subtle) 15%,var(--v-border) 50%,var(--v-border-subtle) 85%,transparent 100%);z-index:10}.login-hero-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.login-brand-lockup{display:flex;align-items:center;gap:10px}.login-brand-sq{width:30px;height:30px;border-radius:6px;background:var(--v-accent);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:var(--v-accent-text);box-shadow:0 0 16px #f0a03059;flex-shrink:0}.login-brand-name{font-family:var(--v-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--v-text-secondary)}.login-hero-series{font-family:var(--v-font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--v-text-tertiary);display:flex;align-items:center;gap:10px}.login-series-dot{width:4px;height:4px;border-radius:50%;background:var(--v-accent);box-shadow:0 0 6px var(--v-accent)}.login-hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.login-hero-eyebrow{font-family:var(--v-font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--v-accent);margin-bottom:22px;display:flex;align-items:center;gap:14px;animation:login-fade-up .7s ease both}.login-hero-eyebrow-line{height:1px;width:32px;background:currentColor;opacity:.4}.login-hero-h1{font-size:clamp(52px,6.5vw,96px);font-weight:900;line-height:.92;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:36px}.login-h1-main{display:block;color:var(--v-text);animation:login-fade-up .75s .08s ease both}.login-h1-accent{display:block;color:var(--v-accent);text-shadow:0 0 40px rgba(240,160,48,.18),0 0 80px rgba(240,160,48,.06);animation:login-fade-up .75s .16s ease both}.login-hero-desc{font-size:14.5px;color:var(--v-text-secondary);line-height:1.7;max-width:380px;margin-bottom:44px;animation:login-fade-up .75s .24s ease both}.login-feat-list{display:flex;flex-direction:column;gap:0;animation:login-fade-up .75s .32s ease both}.login-feat-item{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--v-border-subtle);position:relative;transition:background var(--v-transition-fast)}.login-feat-item:last-child{border-bottom:1px solid var(--v-border-subtle)}.login-feat-item:before{content:"";position:absolute;left:-56px;right:0;top:0;height:1px;background:var(--v-accent);opacity:0;transition:opacity .25s;box-shadow:0 0 12px var(--v-accent)}.login-feat-item:hover:before{opacity:1}.login-feat-num{font-family:var(--v-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;color:var(--v-accent);opacity:.6;flex-shrink:0;margin-top:2px;min-width:24px}.login-feat-title{font-size:13px;font-weight:700;color:var(--v-text);letter-spacing:-.01em;margin-bottom:2px}.login-feat-sub{font-size:11.5px;color:var(--v-text-tertiary);line-height:1.5}.login-hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding-top:20px;border-top:1px solid var(--v-border-subtle);animation:login-fade-up .75s .44s ease both}.login-hero-stat{display:flex;flex-direction:column;gap:3px}.login-stat-val{font-size:18px;font-weight:800;color:var(--v-accent);letter-spacing:-.03em;line-height:1;text-shadow:0 0 20px rgba(240,160,48,.25)}.login-stat-lbl{font-family:var(--v-font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--v-text-tertiary)}.login-stat-div{width:1px;height:32px;background:var(--v-border-subtle);flex-shrink:0}.login-auth-panel{position:relative;overflow:hidden;background:var(--v-surface-0);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-auth-panel:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:420px;height:340px;background:radial-gradient(ellipse at 50% 0%,rgba(240,160,48,.06) 0%,transparent 70%);pointer-events:none}.login-auth-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--v-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--v-border-subtle) 1px,transparent 1px);background-size:44px 44px;opacity:.07;-webkit-mask-image:radial-gradient(ellipse 90% 75% at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 90% 75% at 50% 50%,black 20%,transparent 80%);pointer-events:none}.login-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--v-space-8);padding:var(--v-space-12) var(--v-space-10);width:100%;max-width:360px;animation:login-fade-in .5s ease-out}@keyframes login-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--v-space-4)}.login-brand-mark{width:56px;height:56px;background:var(--v-accent);border-radius:var(--v-radius-lg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--v-text-2xl);color:var(--v-accent-text);letter-spacing:-.03em;box-shadow:0 0 40px #f0a03033,0 0 80px #f0a03014}.login-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--v-font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--v-accent);margin-bottom:var(--v-space-1)}.login-eyebrow-line{display:block;width:24px;height:1px;background:currentColor;opacity:.5}.login-auth-rule{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--v-border-subtle) 20%,var(--v-border) 50%,var(--v-border-subtle) 80%,transparent)}.login-prompt{font-size:var(--v-text-sm);color:var(--v-text-tertiary);font-weight:400;letter-spacing:.03em;text-align:center;margin:calc(var(--v-space-2) * -1) 0 0}.login-tagline{font-size:var(--v-text-md);color:var(--v-text-tertiary);font-weight:400;letter-spacing:.02em}.login-tagline-animated{animation:login-tagline-in .35s ease-out both}@keyframes login-tagline-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-actions{display:flex;flex-direction:column;gap:var(--v-space-3);width:100%;max-width:280px}.login-btn-google{display:flex;align-items:center;justify-content:center;gap:var(--v-space-3);width:100%;padding:var(--v-space-3) var(--v-space-4);background:var(--v-accent);color:var(--v-accent-text);border:none;border-radius:var(--v-radius-md);font-family:var(--v-font);font-size:var(--v-text-md);font-weight:600;cursor:pointer;transition:background var(--v-transition-fast),box-shadow var(--v-transition-fast)}.login-btn-google:hover{background:var(--v-accent-hover);box-shadow:var(--v-shadow-glow)}.login-btn-google:active{transform:scale(.98)}.login-btn-google:disabled{opacity:.5;cursor:not-allowed}.login-btn-guest{display:flex;align-items:center;justify-content:center;gap:var(--v-space-2);width:100%;padding:var(--v-space-3) var(--v-space-4);background:transparent;color:var(--v-text-secondary);border:1px solid var(--v-border);border-radius:var(--v-radius-md);font-family:var(--v-font);font-size:var(--v-text-md);font-weight:500;cursor:pointer;transition:background var(--v-transition-fast),color var(--v-transition-fast),border-color var(--v-transition-fast)}.login-btn-guest:hover{background:var(--v-surface-2);color:var(--v-text);border-color:var(--v-border)}.login-btn-guest:active{transform:scale(.98)}.login-btn-guest:disabled{opacity:.5;cursor:not-allowed}.login-error{display:flex;align-items:center;gap:var(--v-space-2);padding:var(--v-space-3) var(--v-space-4);background:var(--v-error-muted);border:1px solid rgba(248,113,113,.3);border-radius:var(--v-radius-md);color:var(--v-error);font-size:var(--v-text-sm);width:100%;max-width:280px;line-height:1.4}.login-divider{display:flex;align-items:center;gap:var(--v-space-3);width:100%;max-width:280px;color:var(--v-text-tertiary);font-size:var(--v-text-xs)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--v-border-subtle)}.login-auth-series{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--v-font-mono);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--v-text-tertiary);white-space:nowrap;display:flex;align-items:center;gap:8px;z-index:1}.login-auth-series-dot{width:3px;height:3px;border-radius:50%;background:var(--v-accent);box-shadow:0 0 4px var(--v-accent);animation:login-pulse 2.5s ease-in-out infinite}@keyframes login-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes login-pulse{0%,to{opacity:.5}50%{opacity:1}}.login-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--v-black);z-index:var(--v-z-modal)}.login-spinner{width:32px;height:32px;border:2px solid var(--v-surface-3);border-top-color:var(--v-accent);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-hero,.login-auth-series{display:none}}.admin-dashboard-shell{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 40% at 100% 0%,rgba(240,160,48,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 0% 0%,rgba(240,160,48,.05) 0%,transparent 55%),linear-gradient(180deg,var(--v-surface-0),#101014 58%,var(--v-black));color:var(--v-text)}.admin-dashboard-inner{max-width:1440px;width:100%;margin:0 auto;padding:var(--v-space-5);flex:1 1 0;min-height:0;display:flex;flex-direction:column}.admin-dashboard-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--v-space-6);margin-bottom:var(--v-space-4)}.admin-dashboard-eyebrow{margin-bottom:var(--v-space-2);color:var(--v-accent);font-size:var(--v-text-sm);letter-spacing:.16em;text-transform:uppercase}.admin-dashboard-title{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.admin-dashboard-subtitle{margin-top:var(--v-space-2);color:var(--v-text-secondary)}.admin-range-switch,.admin-tab-strip{display:inline-flex;gap:var(--v-space-2);padding:var(--v-space-2);border:1px solid var(--v-border);border-radius:999px;background:#131316d6;box-shadow:var(--v-shadow-md)}.admin-tab-strip{margin-bottom:var(--v-space-4)}.admin-range-button,.admin-breadcrumb-button,.admin-tab-button{border:0;border-radius:999px;background:transparent;color:var(--v-text-secondary);cursor:pointer;font:inherit;text-transform:capitalize;transition:background var(--v-transition-base),color var(--v-transition-base)}.admin-range-button,.admin-tab-button{padding:10px 16px}.admin-range-button:hover,.admin-breadcrumb-button:hover,.admin-tab-button:hover{background:var(--v-accent-muted);color:var(--v-text)}.admin-range-button.is-active,.admin-tab-button.is-active{background:var(--v-accent-muted);color:var(--v-accent);font-weight:600;box-shadow:inset 0 0 0 1px #f0a03040}.admin-dashboard-banner{padding:var(--v-space-3) var(--v-space-4);border:1px solid rgba(248,113,113,.35);border-radius:var(--v-radius-lg);background:var(--v-error-muted);color:var(--v-error);font-size:var(--v-text-sm);margin-bottom:var(--v-space-3)}.admin-storage-error,.admin-storage-loading,.admin-dashboard-empty{padding:var(--v-space-4);border:1px solid var(--v-border);border-radius:var(--v-radius-xl);background:#131316e0}.admin-dashboard-empty{max-width:480px;margin:10vh auto 0;text-align:center}.admin-tab-panel{flex:1 1 0;min-height:0;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--v-border) transparent}.admin-summary-grid,.admin-chart-grid{display:grid;gap:var(--v-space-4)}.admin-summary-grid--overview{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--v-space-4)}.admin-summary-grid--renders{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--v-space-4)}.admin-chart-grid--overview,.admin-chart-grid--system,.admin-chart-grid--usage{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-chart-grid--renders{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-summary-card,.admin-chart-card,.admin-storage-card,.admin-samples-card{position:relative;overflow:hidden;border:1px solid var(--v-border);border-radius:var(--v-radius-xl);background:linear-gradient(180deg,#1a1a1ffa,#0f0f12fa);box-shadow:var(--v-shadow-md)}.admin-summary-card:before,.admin-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(240,160,48,.45),transparent);pointer-events:none}.admin-summary-card{min-width:0;padding:var(--v-space-4)}.admin-summary-label,.admin-chart-subtitle,.admin-summary-detail,.admin-storage-meta,.admin-storage-row--empty{color:var(--v-text-secondary)}.admin-storage-row--head{color:var(--v-text-tertiary);font-family:var(--v-font-mono);font-size:var(--v-text-sm);letter-spacing:.08em;text-transform:uppercase;background:#f0a0300a;border-bottom:1px solid var(--v-border)}.admin-summary-value{margin-top:var(--v-space-2);font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--v-text);line-height:1.1}.admin-chart-card{display:flex;flex-direction:column;min-height:310px;padding:14px}.admin-chart-header,.admin-storage-header,.admin-storage-meta,.admin-storage-row{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-4)}.admin-chart-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.admin-chart-values{display:flex;gap:var(--v-space-2);font-family:var(--v-font-mono);font-size:var(--v-text-sm)}.admin-chart-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-3);margin-top:8px}.admin-chart-hint{color:var(--v-text-tertiary);font-family:var(--v-font-mono);font-size:var(--v-text-xs);letter-spacing:.04em;text-transform:uppercase}.admin-chart-reset{border:1px solid rgba(240,160,48,.22);border-radius:999px;background:#f0a03014;color:var(--v-accent);cursor:pointer;font:inherit;font-size:var(--v-text-sm);padding:6px 12px;transition:background var(--v-transition-base),border-color var(--v-transition-base),color var(--v-transition-base)}.admin-chart-reset:hover{background:#f0a03024;border-color:#f0a03066}.admin-chart-reset--danger{border-color:#f8717147;background:#f8717114;color:var(--v-error)}.admin-chart-reset--danger:hover{background:#f8717124;border-color:#f871716b}.admin-chart-plot-shell{position:relative;margin-top:8px;flex:1 1 190px;min-height:190px}.admin-chart-svg{width:100%;height:100%;flex:0 0 auto;min-height:0;border-radius:var(--v-radius-lg);background:linear-gradient(180deg,#ffffff06,#00000026),linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%);border:1px solid var(--v-border-subtle);touch-action:none;cursor:crosshair}.admin-chart-plot-surface{fill:#08080b3d}.admin-chart-baseline{stroke:#ffffff47;stroke-width:1;vector-effect:non-scaling-stroke}.admin-chart-gridline{stroke:#ffffff14;stroke-width:1;vector-effect:non-scaling-stroke}.admin-chart-gridline--vertical{stroke-dasharray:1.4 1.8}.admin-chart-axis-label{fill:var(--v-text-tertiary);font-family:var(--v-font-mono);font-size:10px}.admin-chart-path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.admin-chart-hover-line{stroke:#ffffff38;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.admin-chart-point{fill:#0c0c10f0;stroke-width:1.5;vector-effect:non-scaling-stroke}.admin-chart-point--secondary{stroke-width:1.5}.admin-chart-tooltip{position:absolute;min-width:128px;max-width:180px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a0a0ef5;box-shadow:0 18px 32px #00000059;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-chart-tooltip-time{margin-bottom:8px;color:var(--v-text-secondary);font-family:var(--v-font-mono);font-size:var(--v-text-xs)}.admin-chart-tooltip-row{display:flex;align-items:center;gap:8px;color:var(--v-text);font-family:var(--v-font-mono);font-size:var(--v-text-sm)}.admin-chart-tooltip-row+.admin-chart-tooltip-row{margin-top:6px}.admin-chart-tooltip-swatch{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.admin-chart-footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--v-text-tertiary);font-family:var(--v-font-mono);font-size:var(--v-text-xs)}.admin-storage-card{display:flex;flex-direction:column;min-height:500px;height:calc(100vh - 280px);padding:var(--v-space-4)}.admin-samples-card{display:flex;flex-direction:column;gap:var(--v-space-4);min-height:500px;padding:var(--v-space-4)}.admin-samples-header,.admin-samples-actions,.admin-sample-row,.admin-sample-controls{display:flex;gap:var(--v-space-3)}.admin-samples-header{align-items:flex-start;justify-content:space-between}.admin-samples-actions{align-items:center}.admin-samples-file-input{display:none}.admin-samples-banner{padding:var(--v-space-3) var(--v-space-4);border:1px solid rgba(240,160,48,.24);border-radius:var(--v-radius-lg);background:#f0a03014;color:var(--v-text)}.admin-samples-grid{display:grid;gap:var(--v-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.admin-samples-type-strip{display:flex;gap:var(--v-space-2)}.admin-samples-type-button{display:flex;align-items:center;gap:var(--v-space-2);padding:8px 16px;border:1px solid var(--v-border);border-radius:999px;background:transparent;color:var(--v-text-secondary);cursor:pointer;font:inherit;font-size:var(--v-text-sm);text-transform:capitalize;transition:background var(--v-transition-base),color var(--v-transition-base),border-color var(--v-transition-base)}.admin-samples-type-button:hover{background:var(--v-accent-muted);color:var(--v-text)}.admin-samples-type-button.is-active{background:var(--v-accent-muted);border-color:#f0a03059;color:var(--v-accent);font-weight:600}.admin-samples-type-count{padding:1px 7px;border-radius:999px;background:#ffffff14;color:var(--v-text-tertiary);font-family:var(--v-font-mono);font-size:var(--v-text-xs)}.admin-sample-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--v-space-4);padding:var(--v-space-4);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-lg);background:#ffffff05}.admin-sample-preview{overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--v-radius-lg);border:1px solid var(--v-border-subtle);background:#ffffff0a}.admin-sample-preview img,.admin-sample-preview-fallback{width:100%;height:100%}.admin-sample-preview img{object-fit:cover}.admin-sample-preview-fallback{display:grid;place-items:center;color:var(--v-text-secondary);font-family:var(--v-font-mono);text-transform:uppercase}.admin-sample-content{min-width:0}.admin-sample-row{align-items:end}.admin-sample-field{display:grid;gap:6px;flex:1 1 auto}.admin-sample-field--small{flex:0 0 180px}.admin-sample-field span{color:var(--v-text-secondary);font-size:var(--v-text-sm)}.admin-sample-field input,.admin-sample-field select{width:100%;border:1px solid var(--v-border);border-radius:12px;background:#0a0a0eeb;color:var(--v-text);padding:10px 12px;font:inherit}.admin-sample-meta{display:flex;flex-wrap:wrap;gap:var(--v-space-3);margin-top:var(--v-space-3);color:var(--v-text-secondary);font-size:var(--v-text-sm)}.admin-sample-meta--secondary{color:var(--v-text-tertiary)}.admin-sample-controls{margin-top:var(--v-space-4)}.admin-storage-header{align-items:flex-start;margin-bottom:var(--v-space-4)}.admin-storage-breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--v-space-2)}.admin-breadcrumb-button{padding:8px 12px}.admin-storage-meta{margin:var(--v-space-4) 0;font-family:var(--v-font-mono);font-size:var(--v-text-sm)}.admin-storage-table{flex:1;min-height:0;border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-lg);overflow:auto}.admin-storage-row{width:100%;padding:12px 14px;border:0;border-top:1px solid var(--v-border-subtle);background:transparent;color:var(--v-text);font:inherit;text-align:left}.admin-storage-row:first-child{border-top:0}.admin-storage-row:not(.admin-storage-row--head):not(.admin-storage-row--empty):hover:enabled{background:#f0a0300d;color:var(--v-text);cursor:pointer}.admin-storage-row:disabled{cursor:default}.admin-storage-row--empty{background:#ffffff05}.admin-storage-name{font-weight:600}@media(max-width:1180px){.admin-summary-grid--overview,.admin-summary-grid--renders,.admin-chart-grid--overview,.admin-chart-grid--system,.admin-chart-grid--usage,.admin-chart-grid--renders{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tab-panel{flex:unset;height:auto;overflow:auto}.admin-dashboard-shell{height:auto;overflow:auto}.admin-dashboard-inner{flex:unset}.admin-storage-card{height:auto;min-height:500px}.admin-sample-item,.admin-samples-grid{grid-template-columns:1fr}}.admin-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:var(--v-space-4);border:1px solid var(--v-border);border-radius:var(--v-radius-xl);background:var(--v-border);overflow:hidden}.admin-kpi-tile{display:flex;flex-direction:column;gap:2px;padding:var(--v-space-4) var(--v-space-5);background:linear-gradient(145deg,#18181cfc,#0e0e11fc);position:relative;overflow:hidden}.admin-kpi-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(240,160,48,.4),transparent);pointer-events:none}.admin-kpi-eyebrow{font-family:var(--v-font-mono);font-size:var(--v-text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--v-text-tertiary);margin-bottom:4px}.admin-kpi-number{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}.admin-kpi-sub{font-size:var(--v-text-sm);color:var(--v-text-secondary);margin-top:4px}.admin-summary-bar{margin-top:var(--v-space-3);height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.admin-summary-bar-fill{height:100%;border-radius:2px;background:var(--v-accent);transition:width .6s ease}.admin-summary-card--warn{border-color:#fbbf244d}.admin-summary-card--crit{border-color:#f8717166}.admin-summary-card--warn .admin-summary-bar-fill{background:var(--v-warning)}.admin-summary-card--crit .admin-summary-bar-fill{background:var(--v-error)}.admin-summary-card--crit .admin-summary-value{color:var(--v-error)}.admin-summary-card--warn .admin-summary-value{color:var(--v-warning)}.admin-chart-cap-line{stroke:#f8717199;stroke-width:.45;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.admin-chart-cap-label{color:var(--v-text-tertiary);font-size:var(--v-text-xs);font-family:var(--v-font-mono)}@media(max-width:860px){.admin-dashboard-shell{padding:var(--v-space-4)}.admin-kpi-strip{grid-template-columns:repeat(2,1fr)}.admin-dashboard-topbar,.admin-samples-header,.admin-storage-header,.admin-chart-header,.admin-chart-meta,.admin-storage-meta,.admin-storage-row{flex-direction:column;align-items:flex-start}.admin-summary-grid--overview,.admin-summary-grid--renders,.admin-chart-grid--overview,.admin-chart-grid--system,.admin-chart-grid--usage,.admin-chart-grid--renders{grid-template-columns:1fr}.admin-chart-plot-shell{height:124px}.admin-sample-row,.admin-sample-controls{flex-direction:column;align-items:stretch}.admin-sample-field--small{flex-basis:auto;width:100%}}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--v-z-modal);animation:vydra-fade-in .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--v-space-4)}.upgrade-modal{position:relative;background:var(--v-surface-1);border:1px solid var(--v-border);border-radius:var(--v-radius-xl);box-shadow:var(--v-shadow-lg),0 0 60px #f0a0300f;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;animation:vydra-scale-in .2s ease;padding:var(--v-space-6)}.upgrade-close{position:absolute;top:var(--v-space-4);right:var(--v-space-4);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--v-radius-sm);color:var(--v-text-tertiary);transition:all var(--v-transition-fast)}.upgrade-close:hover{color:var(--v-text);background:var(--v-surface-3)}.upgrade-hero{text-align:center;margin-bottom:var(--v-space-5)}.upgrade-badge{display:inline-block;padding:3px 10px;font-size:var(--v-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v-accent-text);background:var(--v-accent);border-radius:var(--v-radius-sm);margin-bottom:var(--v-space-3)}.upgrade-title{font-size:var(--v-text-xl);font-weight:700;color:var(--v-text);margin:0 0 var(--v-space-1)}.upgrade-subtitle{font-size:var(--v-text-sm);color:var(--v-text-secondary);margin:0}.upgrade-toggle{display:flex;gap:2px;background:var(--v-surface-0);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-md);padding:2px;margin-bottom:var(--v-space-4)}.upgrade-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--v-space-1);padding:var(--v-space-2) var(--v-space-3);font-size:var(--v-text-sm);font-weight:500;color:var(--v-text-tertiary);border-radius:var(--v-radius-sm);transition:all var(--v-transition-fast);cursor:pointer}.upgrade-toggle-btn:hover{color:var(--v-text-secondary)}.upgrade-toggle-btn.active{color:var(--v-text);background:var(--v-surface-3);box-shadow:var(--v-shadow-sm)}.upgrade-save-badge{font-size:10px;font-weight:700;color:var(--v-accent);background:var(--v-accent-muted);padding:1px 5px;border-radius:var(--v-radius-sm);white-space:nowrap}.upgrade-price{display:flex;align-items:baseline;justify-content:center;gap:var(--v-space-1);margin-bottom:var(--v-space-5)}.upgrade-price-amount{font-size:var(--v-text-2xl);font-weight:700;color:var(--v-text);font-variant-numeric:tabular-nums}.upgrade-price-currency{font-size:var(--v-text-sm);font-weight:500;color:var(--v-text-secondary)}.upgrade-price-period{font-size:var(--v-text-sm);color:var(--v-text-tertiary)}.upgrade-reason-callout{display:flex;align-items:flex-start;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);margin-bottom:var(--v-space-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:var(--v-radius-md);font-size:var(--v-text-sm);color:#fbbf24;line-height:1.5}.upgrade-features{margin-bottom:var(--v-space-5);border:1px solid var(--v-border-subtle);border-radius:var(--v-radius-lg);overflow:hidden}.upgrade-features-header{display:grid;grid-template-columns:1fr 72px 72px;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);background:var(--v-surface-0);border-bottom:1px solid var(--v-border-subtle)}.upgrade-col-label{font-size:var(--v-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--v-text-tertiary);text-align:center}.upgrade-col-pro{color:var(--v-accent)}.upgrade-feature-row{display:grid;grid-template-columns:1fr 72px 72px;gap:var(--v-space-2);padding:var(--v-space-2) var(--v-space-3);border-bottom:1px solid var(--v-border-subtle);transition:background var(--v-transition-fast)}.upgrade-feature-row:last-child{border-bottom:none}.upgrade-feature-row.highlighted{background:var(--v-accent-muted)}.upgrade-feature-label{font-size:var(--v-text-sm);color:var(--v-text-secondary)}.upgrade-feature-free{font-size:var(--v-text-sm);color:var(--v-text-tertiary);text-align:center}.upgrade-feature-pro{font-size:var(--v-text-sm);font-weight:600;color:var(--v-text);text-align:center}.upgrade-cta{display:block;width:100%;padding:var(--v-space-3) var(--v-space-4);font-size:var(--v-text-md);font-weight:600;color:var(--v-accent-text);background:var(--v-accent);border-radius:var(--v-radius-md);cursor:pointer;transition:all var(--v-transition-fast)}.upgrade-cta:hover:not(:disabled){background:var(--v-accent-hover);box-shadow:var(--v-shadow-glow)}.upgrade-cta:disabled{opacity:.6;cursor:not-allowed}.upgrade-error{font-size:var(--v-text-sm);color:var(--v-error);text-align:center;margin:0 0 var(--v-space-3)}.upgrade-fine-print{font-size:var(--v-text-xs);color:var(--v-text-tertiary);text-align:center;margin:var(--v-space-3) 0 0}@media(max-width:768px){.upgrade-overlay{align-items:flex-end;padding:0}.upgrade-modal{max-width:100%;border-radius:var(--v-radius-xl) var(--v-radius-xl) 0 0;max-height:85vh}}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--v-z-modal);background:var(--v-surface-0);display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--v-space-8) var(--v-space-4)}.ob-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--v-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--v-border-subtle) 1px,transparent 1px);background-size:40px 40px;opacity:.35}.ob-panel{position:relative;z-index:1;width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--v-space-8)}@keyframes ob-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ob-panel-fade{animation:ob-fade-up .36s cubic-bezier(.22,1,.36,1) both}.ob-brand{display:flex;align-items:center;gap:var(--v-space-3)}.ob-brand-sq{width:32px;height:32px;background:var(--v-accent);color:var(--v-accent-text);font-family:var(--v-font-mono);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--v-radius-sm);flex-shrink:0}.ob-brand-name{font-family:var(--v-font-mono);font-size:var(--v-text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--v-text-secondary)}.ob-heading{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--v-text);margin:0}.ob-subhead{font-size:var(--v-text-md);color:var(--v-text-secondary);margin:var(--v-space-2) 0 0;line-height:1.5}.ob-props{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--v-space-3)}.ob-prop{display:flex;align-items:flex-start;gap:var(--v-space-3);font-size:var(--v-text-sm);color:var(--v-text-secondary);line-height:1.55}.ob-prop-icon{color:var(--v-accent);font-size:9px;margin-top:4px;flex-shrink:0}.ob-guest-note{display:flex;align-items:center;flex-wrap:wrap;gap:var(--v-space-2);padding:var(--v-space-3) var(--v-space-4);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);font-size:var(--v-text-sm);color:var(--v-text-secondary)}.ob-guest-dot{width:6px;height:6px;border-radius:50%;background:var(--v-warning);flex-shrink:0}.ob-guest-sep{color:var(--v-text-tertiary)}.ob-guest-link{color:var(--v-accent);text-decoration:none;font-weight:500;transition:color var(--v-transition-fast)}.ob-guest-link:hover{color:var(--v-accent-hover);text-decoration:underline}.ob-actions{display:flex;align-items:center}.ob-btn-primary{display:inline-flex;align-items:center;gap:var(--v-space-2);padding:10px var(--v-space-6);background:var(--v-accent);color:var(--v-accent-text);font-family:var(--v-font);font-size:var(--v-text-sm);font-weight:600;border:none;border-radius:var(--v-radius-md);cursor:pointer;transition:background var(--v-transition-fast),transform var(--v-transition-fast)}.ob-btn-primary:hover{background:var(--v-accent-hover)}.ob-btn-primary:active{transform:scale(.98)}.ob-step-nav{display:flex;align-items:center;justify-content:space-between}.ob-back{display:inline-flex;align-items:center;gap:var(--v-space-2);font-family:var(--v-font);font-size:var(--v-text-sm);color:var(--v-text-tertiary);background:none;border:none;cursor:pointer;padding:var(--v-space-1) 0;transition:color var(--v-transition-fast)}.ob-back:hover{color:var(--v-text)}.ob-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--v-space-3)}@media(max-width:500px){.ob-level-grid{grid-template-columns:1fr}}.ob-level-card{position:relative;display:flex;flex-direction:column;gap:var(--v-space-2);padding:var(--v-space-5) var(--v-space-4);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-xl);cursor:pointer;text-align:left;font-family:var(--v-font);transition:border-color var(--v-transition-fast),background var(--v-transition-fast)}.ob-level-card:hover{border-color:var(--v-text-tertiary);background:var(--v-surface-3)}.ob-level-card--selected,.ob-level-card--selected:hover{border-color:var(--v-accent);background:var(--v-accent-muted)}.ob-level-card--secondary{opacity:.65;border-style:dashed}.ob-level-card--secondary:hover{opacity:1}.ob-level-card--secondary.ob-level-card--selected{opacity:1;border-style:solid}.ob-level-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--v-accent);color:var(--v-accent-text);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 8px;border-radius:99px;white-space:nowrap}.ob-level-title{font-size:var(--v-text-md);font-weight:600;color:var(--v-text)}.ob-level-desc{font-size:var(--v-text-xs);color:var(--v-text-secondary);line-height:1.55;margin:0;flex:1}.ob-level-tags{display:flex;flex-wrap:wrap;gap:var(--v-space-1);margin-top:auto;padding-top:var(--v-space-2)}.ob-level-tag{font-size:9px;font-weight:500;color:var(--v-text-tertiary);background:var(--v-surface-4);padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.ob-custom{display:flex;flex-direction:column;gap:2px;padding:var(--v-space-3) var(--v-space-4);background:var(--v-surface-2);border:1px solid var(--v-border);border-radius:var(--v-radius-lg);animation:ob-fade-up .22s ease both}.ob-feature-row{display:flex;align-items:center;justify-content:space-between;gap:var(--v-space-3);padding:var(--v-space-2);border-radius:var(--v-radius-sm);cursor:pointer;transition:background var(--v-transition-fast)}.ob-feature-row:hover{background:var(--v-surface-3)}.ob-feature-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.ob-feature-label{font-size:var(--v-text-sm);font-weight:500;color:var(--v-text)}.ob-feature-desc{font-size:var(--v-text-xs);color:var(--v-text-tertiary);line-height:1.4}.ob-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--v-surface-4);border:1px solid var(--v-border);cursor:pointer;flex-shrink:0;transition:background var(--v-transition-fast),border-color var(--v-transition-fast)}.ob-toggle--on{background:var(--v-accent);border-color:var(--v-accent)}.ob-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--v-text-tertiary);transition:transform var(--v-transition-fast),background var(--v-transition-fast)}.ob-toggle--on .ob-toggle-thumb{transform:translate(16px);background:var(--v-accent-text)}.ob-skip-link{display:inline-flex;align-items:center;margin-left:var(--v-space-5);padding:0;background:none;border:none;font-family:var(--v-font);font-size:var(--v-text-sm);color:var(--v-text-tertiary);cursor:pointer;transition:color var(--v-transition-fast)}.ob-skip-link:hover{color:var(--v-text)}.te-modal-content{overflow:hidden;display:flex;flex-direction:column;max-height:82vh}.te-modal-content .vydra-modal-body{padding:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.te-header-actions{display:flex;align-items:center;gap:2px}.te-icon-btn--active{background:var(--v-accent-muted, rgba(240, 160, 48, .14))!important;color:var(--v-accent, #f0a030)!important;border-color:#f0a03052!important}.te-warning{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--v-warning, #fbbf24);margin-left:8px;vertical-align:middle}.te-transport{display:flex;align-items:center;gap:8px;padding:7px 20px;border-bottom:1px solid var(--v-border-subtle, #28282f);background:var(--v-surface-0, #0c0c0f);flex-shrink:0}.te-transport-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--v-surface-2, #1a1a1f);border:1px solid var(--v-border, #32323c);border-radius:var(--v-radius-sm, 4px);color:var(--v-text-secondary, #9898a6);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.te-transport-btn:hover{background:var(--v-surface-3, #222228);color:var(--v-text, #f0f0f2);border-color:var(--v-accent, #f0a030)}.te-transport-progress{flex:1;padding:0 4px}.te-transport-track{height:3px;background:var(--v-surface-3, #222228);border-radius:2px;overflow:hidden}.te-transport-fill{height:100%;background:var(--v-accent, #f0a030);border-radius:2px;transition:width .1s linear}.te-transport-time{font-family:var(--v-font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:11px;color:var(--v-text-secondary, #9898a6);white-space:nowrap}.te-transport-dur{color:var(--v-text-tertiary, #636372)}.te-body{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:var(--v-surface-4, #2a2a32) transparent}.te-block{border:1px solid var(--v-border, #32323c);border-radius:var(--v-radius-lg, 8px);padding:8px 12px 10px;background:var(--v-surface-2, #1a1a1f);transition:border-color .15s,box-shadow .15s}.te-block--active{border-color:var(--v-accent, #f0a030);box-shadow:0 0 0 1px #f0a0301a}.te-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.te-block-time{display:inline-flex;align-items:center;font-family:var(--v-font-mono, "JetBrains Mono", monospace);font-size:10px;color:var(--v-text-tertiary, #636372)}.te-block--active .te-block-time{color:#f0a030b3}.te-block-time-part{border-radius:3px;padding:1px 3px}.te-block-time-sep{color:var(--v-text-disabled, #4a4a56);padding:0 1px}.te-block-dur{color:var(--v-text-disabled, #4a4a56);margin-left:4px}.te-block-actions{display:flex;gap:2px}.te-block-action{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:1px solid transparent;border-radius:var(--v-radius-sm, 4px);color:var(--v-text-tertiary, #636372);cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s,border-color .12s}.te-block:hover .te-block-action{opacity:1}.te-block-action:hover{background:var(--v-accent-muted, rgba(240, 160, 48, .12));color:var(--v-accent, #f0a030);border-color:#f0a03047}.te-block-words{display:flex;flex-wrap:wrap;gap:2px 0;align-items:flex-end}.te-word-wrap{display:inline-flex;align-items:flex-end;vertical-align:bottom}.te-word-col{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative}.te-word-col--editing{z-index:10}.te-word-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--v-surface-3, #222228);border:1px solid var(--v-border, #32323c);border-radius:var(--v-radius-md, 6px);padding:5px 7px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 4px 16px #00000080;white-space:nowrap;z-index:20;pointer-events:all}.te-word-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--v-border, #32323c)}.te-timing-sep{font-size:9px;color:var(--v-text-disabled, #4a4a56);-webkit-user-select:none;user-select:none}.te-popup-delete{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:1px solid transparent;border-radius:var(--v-radius-sm, 4px);color:var(--v-text-tertiary, #636372);cursor:pointer;margin-left:2px;transition:background .12s,color .12s,border-color .12s}.te-popup-delete:hover{background:#ef444424;color:#ef4444;border-color:#ef444452}.te-word{font-family:var(--v-font, "Outfit", system-ui, sans-serif);font-size:13px;line-height:1.6;color:var(--v-text, #f0f0f2);cursor:text;padding:1px 4px;border-radius:var(--v-radius-sm, 4px);transition:background .1s,color .1s}.te-word:hover{background:#ffffff0f}.te-word--active{background:#f0a0302e;color:var(--v-accent-hover, #f5b550)}.te-word--popup-open{background:#ffffff0d;outline:1px solid var(--v-border, #32323c);outline-offset:1px;cursor:text}.te-word--low-confidence{border-bottom:1px dashed var(--v-warning, #fbbf24)}.te-word-input{font-family:var(--v-font, "Outfit", system-ui, sans-serif);font-size:13px;line-height:1.6;color:var(--v-text, #f0f0f2);background:#f0a03012;border:1px solid var(--v-accent, #f0a030);border-radius:var(--v-radius-sm, 4px);padding:1px 4px;outline:none;min-width:0}.te-scrub{font-size:10px!important}.scrub-input-edit.te-scrub{width:58px!important;font-size:10px!important}.te-add-word-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:none;border:1px solid transparent;border-radius:50%;color:var(--v-text-tertiary, #636372);cursor:pointer;opacity:0;padding:0;margin-bottom:4px;transition:opacity .12s,background .12s,color .12s,border-color .12s;vertical-align:bottom}.te-block:hover .te-add-word-btn{opacity:.35}.te-add-word-btn:hover{opacity:1!important;background:#f0a0301f;color:var(--v-accent, #f0a030);border-color:#f0a03059}.te-add-word-btn--inline{width:auto;height:auto;border-radius:var(--v-radius-sm, 4px);gap:3px;padding:2px 6px;font-size:11px;font-family:var(--v-font, "Outfit", system-ui, sans-serif);border-radius:4px;opacity:1}.te-word-empty{color:var(--v-text-tertiary, #636372);font-style:italic}.te-split-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0 3px 3px;color:var(--v-text-tertiary, #636372);opacity:0;transition:opacity .12s,color .12s}.te-block:hover .te-split-btn{opacity:.3}.te-split-btn:hover{opacity:1!important;color:var(--v-accent, #f0a030)}.te-footer{justify-content:space-between}.te-stats{font-size:11px;color:var(--v-text-tertiary, #636372)}.te-unsaved{color:var(--v-accent, #f0a030)}.te-footer-buttons{display:flex;gap:6px}:root{--v-black: #09090b;--v-surface-0: #0c0c0f;--v-surface-1: #131316;--v-surface-2: #1a1a1f;--v-surface-3: #222228;--v-surface-4: #2a2a32;--v-border: #32323c;--v-border-subtle: #28282f;--v-text: #f0f0f2;--v-text-secondary: #9898a6;--v-text-tertiary: #636372;--v-text-disabled: #4a4a56;--v-accent: #f0a030;--v-accent-hover: #f5b550;--v-accent-muted: rgba(240, 160, 48, .15);--v-accent-text: #09090b;--v-success: #34d399;--v-success-muted: rgba(52, 211, 153, .15);--v-error: #f87171;--v-error-muted: rgba(248, 113, 113, .15);--v-warning: #fbbf24;--v-info: #60a5fa;--v-track-video: #6366f1;--v-track-audio: #22c55e;--v-track-caption: #f59e0b;--v-clip-video: rgba(99, 102, 241, .55);--v-clip-video-border: rgba(99, 102, 241, .8);--v-clip-audio: rgba(34, 197, 94, .45);--v-clip-audio-border: rgba(34, 197, 94, .7);--v-clip-caption: rgba(245, 158, 11, .45);--v-clip-caption-border: rgba(245, 158, 11, .7);--v-clip-selected: rgba(240, 160, 48, .25);--v-font: "Outfit", system-ui, -apple-system, sans-serif;--v-font-mono: "JetBrains Mono", "Fira Code", monospace;--v-text-xs: .6875rem;--v-text-sm: .75rem;--v-text-base: .8125rem;--v-text-md: .875rem;--v-text-lg: 1rem;--v-text-xl: 1.25rem;--v-text-2xl: 1.5rem;--v-space-1: 4px;--v-space-2: 8px;--v-space-3: 12px;--v-space-4: 16px;--v-space-5: 20px;--v-space-6: 24px;--v-space-8: 32px;--v-space-10: 40px;--v-space-12: 48px;--v-radius-sm: 4px;--v-radius-md: 6px;--v-radius-lg: 8px;--v-radius-xl: 12px;--v-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--v-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--v-shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--v-shadow-glow: 0 0 20px rgba(240, 160, 48, .15);--v-transition-fast: .12s ease;--v-transition-base: .2s ease;--v-transition-slow: .35s ease;--v-header-h: 48px;--v-panel-min: 240px;--v-timeline-min-h: 200px;--v-timeline-handle: 6px;--v-z-panel: 10;--v-z-playhead: 20;--v-z-chat: 25;--v-z-overlay: 30;--v-z-modal: 60;--v-z-toast: 70;--v-glow: 0 0 40px rgba(240, 160, 48, .18), 0 0 80px rgba(240, 160, 48, .06);--v-glowb: 0 0 20px rgba(240, 160, 48, .28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--v-font);font-size:var(--v-text-base);color:var(--v-text);background:var(--v-black);line-height:1.5}img,video,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--v-accent);outline-offset:2px;border-radius:var(--v-radius-sm)}::selection{background:var(--v-accent);color:var(--v-accent-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--v-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--v-text-tertiary)}.dragging{user-select:none;-webkit-user-select:none}@font-face{font-family:Outfit;src:url(/app/fonts/Outfit-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/app/fonts/Outfit-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/app/fonts/JetBrainsMonoVar.ttf) format("truetype");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/app/fonts/JetBrainsMonoItalicVar.ttf) format("truetype");font-style:italic;font-weight:100 800;font-display:swap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--v-font-mono)}.panel{background:var(--v-surface-1);border:1px solid var(--v-border-subtle)}@keyframes vydra-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vydra-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vydra-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes vydra-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes vydra-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes vydra-progress-stripe{0%{background-position:0 0}to{background-position:24px 0}}.animate-fade-in{animation:vydra-fade-in var(--v-transition-base) ease forwards}.animate-slide-up{animation:vydra-slide-up var(--v-transition-base) ease forwards}.animate-pulse{animation:vydra-pulse 2s ease-in-out infinite}