*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body-lg);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}body{background-image:radial-gradient(rgba(80,80,76,.35) 1px,transparent 1px);background-size:14px 14px;background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.hero-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-display-lg);text-transform:uppercase;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary)}.section-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-headline-lg);line-height:var(--lh-snug);color:var(--text-primary)}.label{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.body-text{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--text-secondary)}.mono{font-family:var(--font-mono);font-size:var(--fs-body-sm)}.studio-name{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;text-transform:uppercase;letter-spacing:-.02em;line-height:var(--lh-tight)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary-container);color:#00382b;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:none;position:relative;overflow:hidden;z-index:0}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff26,#fff0 60%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--surface-elevated);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--surface-variant)}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-ghost:hover{background:var(--surface-elevated);color:var(--text-primary)}.btn-ghost:active{transform:scale(.98)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#f871711f;color:var(--color-danger);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#f8717133}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-label-lg);height:32px}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden;transition:all var(--transition-base)}.card-hero{background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);overflow:hidden;box-shadow:var(--shadow-float)}.glass-card{background:#01e0b40f;border:1px solid rgba(1,224,180,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg)}.glass-panel{position:relative;background:#353534b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#01e0b40a,#01e0b403);pointer-events:none;border-radius:inherit}.player-controls{background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg)}.progress-track{width:100%;height:8px;background:var(--surface-highest);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);position:relative;transition:width var(--transition-slow)}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;animation:pulse 2s ease-in-out infinite}.progress-fill--gradient{height:100%;background:linear-gradient(to right,var(--secondary-container),var(--primary-container));border-radius:var(--radius-full);position:relative;transition:width var(--transition-slow)}.progress-fill--gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;animation:pulse 2s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.badge-active .badge-dot{background:var(--primary)}.badge-rendered{background:#4ade801a;color:var(--color-success)}.badge-rendered .badge-dot{background:var(--color-success)}.badge-pending .badge-dot{background:var(--color-warning)}.badge-error .badge-dot{background:var(--color-danger)}.badge-final .badge-dot{background:var(--color-info)}.item-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-card);transition:all var(--transition-base)}.item-row:hover{background:var(--surface-elevated);transform:translate(4px)}.item-row--active{background:var(--surface-highest);border-left:2px solid var(--primary)}.item-row--active:hover{transform:translate(0)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-disabled);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);transition:all var(--transition-base);text-decoration:none}.nav-item:hover{background:var(--surface-low);color:var(--text-primary)}.nav-item--active{background:#01e0b41a;color:var(--primary);border-right:2px solid var(--primary)}.input{width:100%;background:var(--surface-card);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);transition:all var(--transition-base)}.input:focus{background:var(--surface-elevated);border-bottom-color:var(--primary);outline:none}.input::placeholder{color:var(--text-muted)}.input-mono{font-family:var(--font-mono)}.select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-card);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);cursor:pointer;transition:all var(--transition-base)}.select:focus{background:var(--surface-elevated);border-bottom-color:var(--primary);outline:none}.textarea{width:100%;background:var(--surface-card);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);resize:vertical;min-height:80px;transition:all var(--transition-base)}.textarea:focus{background:var(--surface-elevated);border-bottom-color:var(--primary);outline:none}.textarea::placeholder{color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group .label{margin-bottom:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#00382b;font-family:var(--font-sans);font-weight:var(--fw-semibold);flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:32px;height:32px;font-size:var(--fs-label-lg)}.avatar-lg{width:48px;height:48px;font-size:var(--fs-body-sm)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.tag-blue{background:#60a5fa1f;color:var(--color-info)}.tag-green{background:#4ade801f;color:var(--color-success)}.tag-amber{background:#fbbf241f;color:var(--color-warning)}.tag-red{background:#f871711f;color:var(--color-danger)}.tag-accent{background:#01e0b41f;color:var(--primary)}.live-state-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-intense);display:flex;flex-direction:column;background:var(--surface-low)}.live-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.live-card-img{width:100%;height:100%;object-fit:cover;opacity:.3;transition:transform 1s ease}.live-state-card:hover .live-card-img{transform:scale(1.05)}.live-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--surface-base) 0%,rgba(13,21,18,.4) 50%,transparent 100%)}.live-card-header{position:relative;z-index:10;padding:var(--space-10) var(--space-10) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);background:#0d151266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between;align-items:center}.live-card-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);display:block;margin-bottom:var(--space-1)}.live-card-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:2.25rem;text-transform:uppercase;color:var(--text-primary);line-height:var(--lh-tight);letter-spacing:-.02em}.live-card-title span{color:#01e0b4e6}.live-card-meta{display:flex;align-items:center;gap:var(--space-6)}.live-card-meta-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);opacity:.6;margin-bottom:var(--space-1)}.live-card-timer{font-family:var(--font-mono);font-size:var(--fs-headline-sm);font-weight:700;color:var(--text-primary)}.live-card-divider{height:var(--space-10);width:1px;background:#ffffff1a}.live-card-badge{background:#01e0b426;color:var(--primary);padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(1,224,180,.35);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.live-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 2s ease-in-out infinite}.live-card-body{position:relative;z-index:10;padding:var(--space-10);flex:1;display:flex;flex-direction:column;justify-content:space-between}.live-card-description{font-size:var(--fs-body-lg);color:var(--text-secondary);max-width:640px;line-height:var(--lh-relaxed);margin-bottom:var(--space-8)}.live-card-panel{background:#08100d99;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.live-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.live-panel-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.live-panel-status{font-family:var(--font-mono);font-size:.6rem;color:var(--primary)}.live-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.live-panel-item{display:flex;align-items:center;gap:var(--space-3);background:#21212166;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.live-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.live-item-dot--active{background:var(--primary);box-shadow:0 0 8px #01e0b480}.live-item-dot--idle{background:#bacac24d}.live-item-name{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-primary)}.live-item-status{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;color:var(--primary)}.live-item-status--idle{color:#bacac266}.live-card-footer{display:flex;align-items:flex-end;gap:var(--space-16);margin-top:var(--space-8)}.live-progress{flex:1}.live-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.live-progress-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.live-progress-value{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--primary)}.live-progress-track{height:6px;width:100%;background:var(--surface-highest);border-radius:var(--radius-full);overflow:hidden}.live-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);box-shadow:0 0 10px #01e0b480}.live-card-stats{display:flex;gap:var(--space-8)}.live-stat{text-align:right}.live-stat-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);opacity:.6;margin-bottom:var(--space-1)}.live-stat-value{font-family:var(--font-mono);font-size:var(--fs-body-lg);font-weight:700;color:var(--text-primary)}.live-stat-value--accent{color:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}.modal{background:var(--surface-low);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);box-shadow:var(--shadow-intense);width:90%;max-width:540px;max-height:85vh;overflow-y:auto;animation:slideInUp var(--transition-slow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--outline-variant)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--outline-variant)}.drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--surface-low);border-left:1px solid var(--outline-variant);box-shadow:var(--shadow-intense);z-index:var(--z-modal);overflow-y:auto;animation:slideInRight var(--transition-slow)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);min-width:280px;max-width:400px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);z-index:var(--z-toast);animation:slideInRight var(--transition-slow);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--outline-variant);box-shadow:var(--shadow-float)}.toast-success{background:var(--surface-card);color:var(--color-success);border-left:3px solid var(--color-success)}.toast-error{background:var(--surface-card);color:var(--color-danger);border-left:3px solid var(--color-danger)}.toast-warning{background:var(--surface-card);color:var(--color-warning);border-left:3px solid var(--color-warning)}.toast-info{background:var(--surface-card);color:var(--color-info);border-left:3px solid var(--color-info)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--fs-body-sm)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-disabled);font-size:var(--fs-label-lg)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--fw-semibold)}.skeleton{background:var(--surface-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-line{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton-block{height:80px;width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:200px;width:100%;border-radius:var(--radius-lg)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.stats-row{flex-wrap:wrap}.stat-card{flex:0 0 50%}.stat-value{font-size:var(--fs-headline-lg)}}.filter-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-base)}.filter-pill:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--surface-elevated)}.filter-pill--active{background:var(--primary);color:#00382b;border-color:var(--primary)}.filter-pill--active:hover{box-shadow:var(--shadow-glow-primary)}.filter-count{font-size:.5rem;opacity:.7}.page-hero-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-display-lg);text-transform:uppercase;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2)}@media(max-width:768px){.page-hero-title{font-size:var(--fs-headline-lg)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header-left{display:flex;align-items:center;gap:var(--space-3)}.section-count{font-family:var(--font-mono);font-size:var(--fs-label-sm);color:var(--text-muted);background:var(--surface-elevated);padding:2px var(--space-2);border-radius:var(--radius-full)}.due-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--fs-label-sm);padding:2px var(--space-2);border-radius:var(--radius-xs)}.due-badge--safe{background:#4ade801a;color:var(--color-success)}.due-badge--soon{background:#fbbf241a;color:var(--color-warning)}.due-badge--overdue{background:#f871711a;color:var(--color-danger)}.unread-dot{width:8px;height:8px;border-radius:50%;background:#f97316;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.empty-state-icon{font-size:3rem;color:var(--text-disabled)}.empty-state-title{font-size:var(--fs-headline-sm);color:var(--text-secondary)}.empty-state-text{font-size:var(--fs-body-sm);color:var(--text-muted);max-width:360px}.panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none}.panel-tab:hover{color:var(--text-secondary);background:#ffffff05}.panel-tab-count{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:#01e0b41f;color:var(--primary)}.live-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-xs);background:#f871711f;border:1px solid rgba(248,113,113,.3);font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-danger)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);flex-shrink:0;animation:pulse-live 1.2s ease-in-out infinite}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:180px 1fr;min-height:100vh;position:relative}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:180px;background:var(--surface-base);z-index:var(--z-sidebar);display:flex;flex-direction:column;padding:var(--space-6) 0;padding-top:calc(72px + var(--space-6));overflow-y:auto;transition:width var(--transition-slow),transform var(--transition-slow)}.app-main{margin-left:180px;min-height:100vh;position:relative;z-index:var(--z-base)}.app-header{position:sticky;top:0;height:72px;background:#111c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant);z-index:var(--z-header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-8)}.header-center{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.header-isotipo{width:20px;height:50px;fill:#fff;flex-shrink:0}.header-wordmark-svg{height:33px;width:auto;fill:var(--text-primary);flex-shrink:0}@media(max-width:1024px){.app-shell{grid-template-columns:48px 1fr}.app-sidebar{width:48px;align-items:center;padding:var(--space-4) 0}.app-sidebar .nav-label,.app-sidebar .sidebar-logo-text{display:none}.app-sidebar .nav-item{justify-content:center;padding:var(--space-3)}.app-main{margin-left:48px}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.app-sidebar{width:180px;transform:translate(-180px);box-shadow:none}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:var(--shadow-intense)}.app-sidebar.sidebar-open .nav-label,.app-sidebar.sidebar-open .sidebar-logo-text{display:inline}.app-sidebar.sidebar-open .nav-item{justify-content:flex-start;padding:var(--space-3) var(--space-4)}.app-main{margin-left:0}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sidebar) - 1)}@media(max-width:768px){.sidebar-backdrop.sidebar-open{display:block}}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.menu-toggle:hover{background:var(--surface-elevated)}@media(max-width:768px){.menu-toggle{display:inline-flex}}.header-left{display:flex;align-items:center;gap:var(--space-4);justify-self:start}.header-right{display:flex;align-items:center;gap:var(--space-3);justify-self:end}.page-container{max-width:1600px;margin:0 auto;padding:var(--space-8) var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-content{display:flex;flex-direction:column;gap:var(--space-8)}@media(max-width:1024px){.page-container{padding:var(--space-6) var(--space-6)}}@media(max-width:768px){.page-container{padding:var(--space-4) var(--space-4)}}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.bento-cell{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden;padding:var(--space-6)}.bento-cell--wide{grid-column:span 2}.bento-cell--hero{grid-column:span 3}.bento-cell--tall{grid-row:span 2}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.bento-cell--hero{grid-column:span 2}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr;gap:var(--space-4)}.bento-cell--wide,.bento-cell--hero{grid-column:span 1}.bento-cell--tall{grid-row:span 1}}@media(max-width:1024px){.hide-below-desktop{display:none!important}}.app-footer{padding:var(--space-8) var(--space-8);text-align:center;font-family:var(--font-sans);font-weight:900;font-style:italic;font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-disabled)}.header-logo{display:flex;align-items:center;gap:var(--space-3)}.header-isotipo{width:20px;height:50px;fill:#fff;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(1,224,180,.8)) drop-shadow(0 0 14px rgba(1,224,180,.3))}.header-wordmark-svg{height:33px;width:auto;fill:var(--text-primary);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(1,224,180,.6)) drop-shadow(0 0 16px rgba(1,224,180,.25))}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.sidebar-section-label{font-family:var(--font-mono);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-disabled);padding:var(--space-4) var(--space-4) var(--space-2)}.nav-icon{font-size:1.1rem;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-5);gap:var(--space-3);overflow-y:auto}.player-column>*{width:100%;max-width:calc(var(--player-max-h, calc(100vh - 260px) ) * 16 / 9)}.video-title-area{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-shrink:0}.video-title-left{display:flex;flex-direction:column;gap:2px;min-width:0}.player-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.version-pills{display:flex;gap:var(--space-1)}.version-pill{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);border:none;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-label-lg);color:var(--text-muted);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.version-pill:hover{color:var(--text-primary);background:var(--surface-elevated)}.version-pill--active,.version-pill--active:hover{background:var(--primary-container);color:#00382b}.player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#141420,#1e2038,#1f2d4a,#172f5a);flex-shrink:0;max-height:var(--player-max-h, calc(100vh - 260px) );max-width:calc(var(--player-max-h, calc(100vh - 260px) ) * 16 / 9)}.player-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.player-version-badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:5}.player-duration-badge{position:absolute;bottom:calc(var(--space-12) + var(--space-2));right:var(--space-4);z-index:5;font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-primary);background:#00000080;padding:2px 8px;border-radius:var(--radius-xs)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer}.play-circle{width:64px;height:64px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:24px;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.play-circle:hover{background:#01e0b433;border-color:var(--primary);color:var(--primary);transform:scale(1.08);box-shadow:0 0 24px #01e0b44d}.annotation-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.annotation-canvas.active{pointer-events:auto;cursor:crosshair}.annotation-mark{position:absolute;border:2px solid #f87171;border-radius:50%;width:80px;height:80px;top:35%;left:55%;pointer-events:none}.annotation-arrow{position:absolute;top:30%;left:52%;color:var(--color-danger);font-size:20px;pointer-events:none;transform:rotate(-45deg)}.annotation-toolbar{position:absolute;bottom:calc(var(--space-12) + var(--space-4));left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.anno-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.anno-btn:hover{background:#ffffff1a;color:var(--text-primary)}.anno-btn--active{background:#01e0b426;color:var(--primary)}.anno-divider{width:1px;height:20px;background:#ffffff1a;margin:0 var(--space-1)}.anno-color{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.anno-color:hover{transform:scale(1.15)}.anno-color--active{border-color:var(--text-primary)}.anno-color--white{background:#e0e0e0}.anno-color--red{background:#f87171}.anno-color--yellow{background:#fbbf24}.anno-btn--confirm{color:var(--primary)}.anno-btn--cancel{color:var(--color-danger)}.controls-bar{position:absolute;bottom:var(--space-3);left:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.ctrl-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ctrl-btn:hover{color:var(--text-primary)}.ctrl-btn--play{color:var(--text-primary);font-size:22px}.timecode-display{font-family:var(--font-mono);font-size:var(--fs-body-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.timecode-display span{color:var(--text-muted)}.controls-spacer{flex:1}.volume-group{display:flex;align-items:center;gap:var(--space-2)}.volume-track{width:60px;height:3px;background:#ffffff1f;border-radius:var(--radius-full);position:relative}.volume-fill{position:absolute;top:0;left:0;width:75%;height:100%;background:var(--text-secondary);border-radius:var(--radius-full)}.timeline-inline{flex:1;position:relative;height:4px;background:#ffffff1f;border-radius:var(--radius-full);cursor:pointer;margin:0 var(--space-3)}.timeline-inline .timeline-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--secondary-container),var(--primary-container));border-radius:var(--radius-full)}.timeline-inline .timeline-thumb{position:absolute;top:50%;width:12px;height:12px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #01e0b480;cursor:grab;z-index:2}.timeline-inline .timeline-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;transition:transform var(--transition-fast)}.timeline-inline .timeline-dot:hover{transform:translate(-50%,-50%) scale(1.5)}.timeline-inline .timeline-dot--studio{background:var(--primary)}.timeline-inline .timeline-dot--client{background:var(--color-success)}.timeline-inline .timeline-dot--warning{background:var(--color-warning)}.comment-list{flex:1;overflow-y:auto;padding:var(--space-3) 0}.comment-item{transition:background var(--transition-fast);border-radius:var(--radius-sm);margin:0 var(--space-2)}.comment-item:hover{background:#ffffff08}.comment-item--clickable{cursor:pointer}.comment-item--clickable:hover{background:#01e0b40d}.comment-item--internal{background:#fbbf240a}.comment-item--internal:hover{background:#fbbf2414}.comment-item--action{background:#f871710a}.comment-item--action:hover{background:#f8717114}.comment-list::-webkit-scrollbar{width:4px}.comment-list::-webkit-scrollbar-track{background:transparent}.comment-list::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.comment{padding:var(--space-3) var(--space-5);border-left:3px solid transparent;transition:background var(--transition-fast)}.comment:hover{background:#ffffff05}.comment--studio{border-left-color:var(--primary)}.comment--client{border-left-color:var(--color-success)}.comment--reply{margin-left:var(--space-8);border-left-color:var(--surface-elevated);padding-top:var(--space-2);padding-bottom:var(--space-2)}.comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.comment-author{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.comment-role{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.comment-timecode{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius-xs);background:#01e0b41a;color:var(--primary);font-family:var(--font-mono);font-size:10px;font-weight:700;cursor:pointer;transition:background var(--transition-fast)}.comment-timecode:hover{background:#01e0b433}.comment-body{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-2)}.comment-action-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-xs);background:#fbbf241f;color:var(--color-warning);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.comment-footer{display:flex;align-items:center;gap:var(--space-4)}.comment-actions{display:flex;align-items:center;gap:var(--space-3)}.comment-action-btn{background:none;border:none;color:var(--text-disabled);font-size:var(--fs-label-lg);font-family:var(--font-sans);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.comment-action-btn:hover{color:var(--text-secondary)}.comment-reactions{display:flex;gap:var(--space-2)}.reaction{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--outline-variant);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.reaction:hover{background:var(--surface-elevated);border-color:#01e0b433}.reaction-count{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.comment-input-area{flex-shrink:0;padding:var(--space-3) var(--space-5);border-top:1px solid var(--outline-variant);background:var(--surface-card)}.comment-input-tc{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.comment-input-tc i{font-size:14px}.comment-input-row{display:flex;gap:var(--space-2);align-items:flex-end}.comment-textarea{flex:1;background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);resize:none;min-height:36px;max-height:80px;transition:all var(--transition-base)}.comment-textarea:focus{outline:none;border-bottom-color:var(--primary)}.comment-send-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:var(--primary-container);color:#00382b;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.comment-send-btn:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.client-header{position:fixed;top:0;left:0;right:0;height:72px;background:#111111d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--outline-variant);z-index:var(--z-header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-8)}.client-header-center{display:flex;flex-direction:column;align-items:center;gap:2px}.client-header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.client-project-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.client-project-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.client-isotipo{width:14px;height:32px;fill:var(--text-muted);flex-shrink:0}.client-shell{padding-top:72px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.review-layout{display:flex;flex:1;overflow:hidden;min-height:0}.right-panel{width:440px;min-width:440px;background:var(--surface-low);display:flex;flex-direction:column;border-left:1px solid var(--outline-variant)}.anno-palette{position:absolute;z-index:50;background:#212121eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;-webkit-user-select:none;user-select:none;transition:width var(--transition-base),height var(--transition-base);overflow:hidden}.anno-palette-handle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);cursor:grab;border-bottom:1px solid rgba(255,255,255,.06)}.anno-palette-handle:active{cursor:grabbing}.anno-palette-drag-dots{display:flex;gap:3px;color:var(--text-muted);font-size:12px}.anno-palette-title{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.anno-palette-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.anno-palette-toggle:hover{color:var(--text-primary);background:#ffffff0f}.anno-palette-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.anno-palette--collapsed .anno-palette-body{display:none}.anno-palette--collapsed .anno-palette-handle{border-bottom:none}.anno-palette-row{display:flex;align-items:center;gap:var(--space-2)}.anno-palette-sep{width:1px;height:20px;background:#ffffff14;flex-shrink:0}.anno-tool{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.anno-tool:hover{background:#ffffff14;color:var(--text-primary)}.anno-tool--active{background:#01e0b41f;color:var(--primary);border:1px solid rgba(1,224,180,.3)}.anno-color-trigger{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.anno-color-trigger:hover{border-color:#fff3}.anno-color-swatch{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15)}.anno-color-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:var(--space-2);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);z-index:60;gap:var(--space-1);flex-wrap:wrap;width:130px}.anno-color-dropdown--open{display:flex}.anno-color-opt{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast)}.anno-color-opt:hover,.anno-color-opt--active{border-color:var(--text-primary)}.anno-thick-popover{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);z-index:60;width:140px}.anno-thick-popover--open{display:block}.anno-thick-preview{height:12px;margin-bottom:var(--space-2)}.anno-thick-wedge{width:100%;height:100%;background:var(--text-muted);clip-path:polygon(0 calc(50% - 1px),0 calc(50% + 1px),100% 100%,100% 0);border-radius:2px}.anno-thick-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-highest);border-radius:var(--radius-full);outline:none}.anno-thick-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.anno-palette-label{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-disabled)}:root{--pt-font-mono: "JetBrains Mono", monospace;--pt-row-pad: 6px;--pt-row-height: 125px;--pt-frame-w: 200px;--pt-frame-h: 113px}.pt-section{margin-bottom:32px}.pt-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.pt-section-title{font-size:12px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2)}.pt-section-count{font-family:var(--pt-font-mono);font-size:10px;color:var(--text-3)}.pt-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:7px 14px;border-radius:var(--r);cursor:pointer;border:none;transition:all var(--t-base) var(--ease-std);text-decoration:none}.pt-btn-accent{background:var(--accent);color:#000}.pt-btn-accent:hover{filter:brightness(1.15)}.pt-btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.pt-btn-ghost:hover{color:var(--text);border-color:var(--text-3);background:var(--surface-2)}.pt-btn-sm{padding:4px 10px;font-size:10px}.pt-btn-danger{background:var(--red-soft);color:var(--red);border:1px solid rgba(229,72,77,.2)}.pt-btn-danger:hover{background:#e5484d33}.pt-toolbar{display:flex;align-items:center;gap:6px;padding:8px 0;flex-wrap:wrap}.pt-toolbar-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-family:var(--font);font-weight:500;color:var(--text-3);background:none;border:1px solid transparent;border-radius:var(--r);cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.pt-toolbar-btn:hover{color:var(--text-2);border-color:var(--border)}.pt-toolbar-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pt-toolbar-badge{font-size:9px;background:var(--accent);color:#000;border-radius:var(--r-pill);padding:0 5px;font-weight:700;margin-left:2px}.pt-toolbar-sep{width:1px;height:16px;background:var(--border);margin:0 4px}.pt-toolbar-panel{background:#1a1a1a!important;border:1px solid #333!important;border-radius:var(--r-lg);padding:12px;min-width:260px;max-width:360px;box-shadow:0 8px 32px #000c!important;z-index:99999!important;opacity:1!important}.pt-toolbar-panel-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px}.pt-toolbar-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pt-toolbar-row:last-child{margin-bottom:0}.pt-tbar-input{padding:4px 8px;font-family:var(--font);font-size:10px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r);color:var(--text);outline:none;flex:1;min-width:0}.pt-tbar-input:focus{border-color:var(--accent)}.pt-tbar-select{padding:4px 20px 4px 8px;font-family:var(--font);font-size:10px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r);color:var(--text);outline:none;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='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%238A8A8A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.pt-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:11px;color:var(--text-2)}.pt-toggle-switch{width:28px;height:16px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-2);cursor:pointer;position:relative;transition:all var(--t-fast)}.pt-toggle-switch.on{background:var(--accent);border-color:var(--accent)}.pt-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:all var(--t-fast)}.pt-toggle-switch.on:after{left:14px}.prod-table-wrap{border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;position:relative;display:flex;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111111bf}.table-left{flex-shrink:0;overflow:hidden;position:relative;z-index:2;box-shadow:2px 0 8px #00000026;border-right:2px solid var(--border);background:#0e0e0e99}.table-center{flex:1;overflow-x:auto;min-width:0;background:#11111180}.table-right{flex-shrink:0;overflow:hidden;border-left:2px solid var(--border);position:relative;z-index:1;box-shadow:-2px 0 8px #00000026;background:#0e0e0e99}.prod-table{border-collapse:collapse;font-size:11px;table-layout:fixed}.prod-table th{font-family:var(--pt-font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:6px 10px;text-align:center;background:var(--surface);border-bottom:2px solid var(--border);font-weight:600;white-space:normal;word-wrap:break-word;position:relative;border-right:1px solid var(--border)}.prod-table th:last-child{border-right:none}.prod-table td{padding:var(--pt-row-pad) 10px;border-bottom:2px solid rgba(56,56,56,.4);color:var(--text-2);vertical-align:middle;border-right:1px solid rgba(56,56,56,.15);overflow:hidden;text-overflow:ellipsis;height:var(--pt-row-height, 98px)}.prod-table td:last-child{border-right:none}.prod-table tr:last-child td{border-bottom:none}.prod-table tr:hover td,.prod-table tr.hovered td{background:#1e1e1e59}.prod-table tr:hover .drag-handle,.prod-table tr.hovered .drag-handle,.prod-table tr:hover .row-actions,.prod-table tr.hovered .row-actions{opacity:1}.prod-table tr.selected td{background:var(--accent-soft)!important}.col-sel{width:32px!important;min-width:32px;max-width:32px;text-align:center;padding:var(--pt-row-pad) 4px!important;vertical-align:middle;background:inherit}.col-info{width:52px!important;min-width:52px;max-width:52px;text-align:center!important;vertical-align:middle;padding:var(--pt-row-pad) 4px!important;background:inherit}.cbox{width:14px;height:14px;border:1.5px solid var(--border-2);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);flex-shrink:0;background:transparent;margin:0 auto}.cbox:hover{border-color:var(--text-3)}.cbox.on{background:var(--accent);border-color:var(--accent)}.cbox.on i{display:block;font-size:10px;color:#000;line-height:1}.cbox:not(.on) i{display:none}.row-info{display:flex;align-items:center;gap:2px;justify-content:center;white-space:nowrap}.row-num{font-family:var(--pt-font-mono);font-size:13px;font-weight:700;color:var(--text-3);min-width:16px;text-align:center}.drag-handle{opacity:0;cursor:grab;color:var(--text-3);font-size:10px;transition:opacity var(--t-fast);flex-shrink:0;line-height:1}.drag-handle:hover{color:var(--text-2)}.row-actions{opacity:0;display:flex;gap:1px;transition:opacity var(--t-fast);flex-shrink:0}.row-action-btn{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:11px;padding:1px;border-radius:var(--r);transition:all var(--t-fast);line-height:1}.row-action-btn:hover{color:var(--text);background:var(--surface-2)}.row-action-btn.danger:hover{color:var(--red);background:var(--red-soft)}.add-row-bar{cursor:pointer;transition:background var(--t-fast);padding:8px 0;text-align:center;font-size:11px;color:var(--text-3);border-top:none;border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 var(--r) var(--r)}.add-row-bar:hover{background:var(--accent-soft);color:var(--accent)}.prod-status{display:inline-flex;align-items:center;gap:4px;font-family:var(--pt-font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r);font-weight:500;cursor:pointer;border:1px solid}.prod-check{font-size:18px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0 auto}.prod-check.yes{color:var(--green)}.prod-check.no{color:var(--text-3)}.selection-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9998;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--r-lg);padding:8px 16px;display:none;align-items:center;gap:12px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selection-bar.visible{display:flex}.selection-bar-count{font-size:11px;font-weight:500;color:var(--accent)}.selection-bar-actions{display:flex;gap:6px}.col-frame{width:calc(var(--pt-frame-w, 160px) + 8px)!important;min-width:calc(var(--pt-frame-w, 160px) + 8px);max-width:calc(var(--pt-frame-w, 160px) + 8px);padding:4px!important;vertical-align:middle;background:inherit}.frame-thumb{width:var(--pt-frame-w, 160px);height:var(--pt-frame-h, 90px);border-radius:var(--r);overflow:hidden;cursor:pointer;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.frame-thumb img{width:100%;height:100%;object-fit:cover}.frame-thumb i{font-size:16px;color:var(--text-3);opacity:.5}.frame-upload-area{margin-top:8px;padding:12px;border:1px dashed var(--border-2);border-radius:var(--r);text-align:center;cursor:pointer;transition:all var(--t-fast);font-size:10px;color:var(--text-3)}.frame-upload-area:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sp-frame-hero{width:calc(100% + 48px);aspect-ratio:16/9;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden;margin:-24px -24px 16px;cursor:pointer;background:var(--surface);display:flex;align-items:center;justify-content:center}.sp-frame-hero img{width:100%;height:100%;object-fit:cover}.sp-frame-hero i{font-size:32px;color:var(--text-3);opacity:.3}.resize-handle{position:absolute;right:0;top:0;width:4px;height:100%;cursor:col-resize;z-index:4;background:transparent;transition:background var(--t-fast)}.resize-handle:hover,.resize-handle.active{background:var(--accent);opacity:.8}.prod-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:0;align-items:stretch}.prod-tab{padding:8px 16px;font-family:var(--font);font-size:11px;font-weight:500;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.prod-tab:hover{color:var(--text-2)}.prod-tab.active{color:var(--text);border-bottom-color:var(--accent)}.prod-tab.sortable-ghost{opacity:.4;border-bottom-color:var(--accent)}.prod-view{display:none}.prod-view.active{display:block}.kanban-board{display:grid;gap:12px;padding:16px 0;min-height:200px}.kanban-col{background:#11111180;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;min-height:80px;transition:all var(--t-fast)}.kanban-col.collapsed{min-height:auto}.kanban-col.collapsed .kanban-col-body,.kanban-col.collapsed .kanban-add-btn{display:none}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.kanban-col-title{font-family:var(--pt-font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500}.kanban-col-count{font-family:var(--pt-font-mono);font-size:9px;color:var(--text-3);background:var(--surface-2);padding:1px 6px;border-radius:var(--r-pill)}.kanban-col-body{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}.kanban-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;transition:border-color var(--t-fast);position:relative;cursor:grab}.kanban-card:hover{border-color:var(--border-2)}.kanban-card:hover .kanban-card-del{opacity:1}.kanban-card-del{position:absolute;top:6px;right:6px;opacity:0;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:11px;padding:2px;border-radius:var(--r);transition:all var(--t-fast)}.kanban-card-del:hover{color:var(--red);background:var(--red-soft)}.kanban-card-name{font-size:12px;font-weight:500;color:var(--text);margin-bottom:4px}.kanban-card-desc{font-size:9px;color:var(--text-3);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-thumb{width:100%;height:60px;border-radius:var(--r);overflow:hidden;margin-bottom:6px;background:var(--surface);display:flex;align-items:center;justify-content:center}.kanban-card-thumb img{width:100%;height:100%;object-fit:cover}.kanban-card-tags{display:flex;gap:4px;flex-wrap:wrap}.kanban-tag{font-family:var(--pt-font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r);font-weight:500;border:1px solid}.kanban-card--drag-over{border-color:var(--accent)!important}.kanban-card--dragging{opacity:.4;border-color:var(--accent)!important}.kanban-add-btn{margin:4px 8px 8px;padding:6px;text-align:center;font-size:10px;color:var(--text-3);border:1px dashed var(--border-2);border-radius:var(--r);cursor:pointer;transition:all var(--t-fast)}.kanban-add-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.kanban-empty{text-align:center;padding:24px 12px;font-size:10px;color:var(--text-3)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0}.gallery-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t-fast)}.gallery-card:hover{border-color:var(--border-2)}.gallery-thumb{aspect-ratio:16/10;background:var(--surface);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb i{font-size:28px;color:var(--text-3);opacity:.4}.gallery-card-body{padding:10px 12px}.gallery-card-name{font-size:12px;font-weight:500;color:var(--text);margin-bottom:6px}.gallery-card-meta{display:flex;gap:4px;flex-wrap:wrap}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px}.cal-title{font-size:13px;font-weight:600;color:var(--text)}.cal-nav{display:flex;gap:4px}.cal-nav-btn{width:28px;height:28px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.cal-nav-btn:hover{color:var(--text);border-color:var(--text-3)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#11111180}.cal-dow{font-family:var(--pt-font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:8px 6px;text-align:center;background:var(--surface);border-bottom:1px solid var(--border)}.cal-day{min-height:72px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#1111114d;display:flex;flex-direction:column;position:relative}.cal-day:nth-child(7n){border-right:none}.cal-day.outside{opacity:.3}.cal-day.today .cal-day-num{background:var(--accent);color:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cal-day-num{font-family:var(--pt-font-mono);font-size:10px;color:var(--text-2);margin-bottom:4px;font-weight:500}.cal-event{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 4px;border-radius:3px;cursor:pointer;transition:opacity var(--t-fast)}.cal-event:hover{opacity:.8}.cal-bar{font-size:9px;padding:2px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin-bottom:1px;font-weight:500}.cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cal-more{font-family:var(--pt-font-mono);font-size:9px;color:var(--text-3);padding:1px 0}.cal-day-add{opacity:0;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#000;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:4px;right:4px;transition:opacity var(--t-fast);line-height:1}.cal-day:hover .cal-day-add{opacity:1}.cal-mobile-list{display:none}.cell-dropdown-anchor{position:relative;cursor:pointer}.cell-dropdown{background:#1a1a1a!important;border:1px solid #333!important;border-radius:var(--r);min-width:140px;padding:4px 0;box-shadow:0 8px 32px #000c!important;z-index:99999!important;opacity:1!important}.cell-dropdown-item{padding:6px 12px;font-size:11px;color:var(--text-2);cursor:pointer;display:flex;align-items:center;gap:6px;transition:background var(--t-fast)}.cell-dropdown-item:hover{background:#2a2a2a;color:var(--text)}.cell-dropdown-item.danger{color:var(--red)}.cell-dropdown-item.danger:hover{background:var(--red-soft)}.cell-dropdown-item.active{color:var(--accent)}.ctx-sep{height:1px;background:#484848;margin:4px 0}.field-popover{background:#1a1a1a!important;border:1px solid #333!important;border-radius:var(--r-lg);padding:12px;min-width:200px;box-shadow:0 8px 32px #000c!important;z-index:99999!important;opacity:1!important}.field-popover-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px}.field-input{width:100%;padding:6px 8px;font-family:var(--font);font-size:11px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r);color:var(--text);outline:none}.field-input:focus{border-color:var(--accent)}.field-select{width:100%;padding:6px 24px 6px 8px;font-family:var(--font);font-size:11px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r);color:var(--text);outline:none;margin-top:6px;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='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238A8A8A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.field-select:focus{border-color:var(--accent)}.field-popover-actions{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}.todo-cell{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.todo-tag{display:inline-flex;align-items:center;gap:2px;font-family:var(--pt-font-mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase;padding:2px 5px;border-radius:var(--r);font-weight:500;border:1px solid;white-space:nowrap}.todo-tag-x{cursor:pointer;opacity:.5;font-size:9px;line-height:1;margin-left:1px;transition:opacity var(--t-fast)}.todo-tag-x:hover{opacity:1;color:var(--red)}.todo-add-btn{width:18px;height:18px;border-radius:var(--r);border:1px dashed var(--border-2);background:none;color:var(--text-3);font-size:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast);flex-shrink:0}.todo-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.todo-search{width:100%;padding:5px 8px;font-family:var(--font);font-size:11px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r);color:var(--text);outline:none}.todo-search:focus{border-color:var(--accent)}.todo-search::placeholder{color:var(--text-3)}.todo-picker-list{max-height:180px;overflow-y:auto}.todo-picker-item{padding:6px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background var(--t-fast)}.todo-picker-item:hover{background:var(--surface-3)}.todo-picker-check{width:14px;font-size:11px;color:var(--accent);flex-shrink:0;text-align:center}.todo-picker-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.desc-cell{cursor:pointer;position:relative}.desc-cell:hover{background:var(--surface-2);border-radius:var(--r)}.desc-text{font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px}.desc-placeholder{font-size:10px;color:var(--text-dim, #444)!important;font-style:italic!important;font-weight:300!important;padding:2px 4px}.desc-textarea{font-family:var(--font);font-size:10px;color:var(--text);line-height:1.5;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--r);padding:4px 6px;width:100%;min-width:120px;min-height:28px;max-height:120px;resize:none;outline:none;display:block;overflow:hidden}.desc-saving{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--text-3);padding:2px 4px}@keyframes desc-spin{to{transform:rotate(360deg)}}.desc-spinner{width:10px;height:10px;border:1.5px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;animation:desc-spin .6s linear infinite}.cell-inline-input{width:100%;height:100%;min-height:28px;padding:3px 6px;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--r);color:var(--text);font-family:var(--font);font-size:11px;outline:none;box-sizing:border-box;display:block}.cell-inline-input.primary-input{font-weight:500;font-size:12px}.cell-inline-input::-webkit-inner-spin-button{display:none}td:hover{background:var(--surface-hover, rgba(255,255,255,.03))}.th-header{display:block;white-space:normal;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3;min-width:0}.th-arrow{opacity:0;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:10px;padding:2px;transition:opacity var(--t-fast);line-height:1;flex-shrink:0;position:absolute;right:6px;top:50%;transform:translateY(-50%)}th:hover .th-arrow{opacity:1}.th-arrow:hover{color:var(--accent)}.add-field-th{width:40px;min-width:40px;text-align:center;padding:var(--pt-row-pad) 6px!important;background:var(--surface);border-right:none!important;border-left:none!important}.add-field-td{width:40px;min-width:40px;background:var(--surface);border-right:none!important;border-left:none!important}.add-field-btn{width:22px;height:22px;border-radius:var(--r);border:1px dashed var(--border-2);background:none;color:var(--text-3);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.add-field-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sortable-header-ghost{opacity:.4;border:1px dashed var(--accent)!important}.sortable-header-chosen{background:var(--surface-2)!important}.sortable-row-ghost{opacity:.4}.sortable-row-chosen td{background:var(--accent-soft)!important}[data-dnd-dragging]{opacity:.4}.group-row td{background:var(--surface);padding:6px 12px;font-size:10px;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--border)}.pt-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.pt-lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--r-lg);box-shadow:0 0 40px #00000080}.pt-lightbox-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.7;transition:opacity var(--t-fast)}.pt-lightbox-close:hover{opacity:1}.pt-expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.pt-expand-modal{width:560px;max-height:85vh;overflow-y:auto;background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:24px;box-shadow:0 24px 64px #000c;transform:scale(.96);opacity:0;transition:transform .2s ease,opacity .2s ease}.pt-expand-overlay.open .pt-expand-modal{transform:scale(1);opacity:1}.sp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sp-title{font-size:14px;font-weight:600;color:var(--text)}.sp-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:18px}.sp-close:hover{color:var(--text)}.sp-field{margin-bottom:12px}.sp-label{font-family:var(--pt-font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.sp-value{font-size:12px;color:var(--text-2);padding:6px 8px;background:#1c1c1c;border-radius:var(--r);min-height:28px;word-break:break-word}.sp-history{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.sp-hist-item{display:flex;gap:8px;padding:6px 0;font-size:10px;color:var(--text-3);border-bottom:1px solid rgba(56,56,56,.3)}.sp-hist-item:last-child{border-bottom:none}.pt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20001;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.pt-modal-panel{background:#1a1a1a;border:1px solid #333;border-radius:var(--r-lg);padding:20px;min-width:320px;max-width:420px;box-shadow:0 16px 48px #000c}.pt-modal-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.pt-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.pt-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.pt-toast{padding:10px 16px;border-radius:var(--r);font-size:12px;font-family:var(--font);max-width:360px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;pointer-events:auto;animation:pt-toast-in .2s ease}@keyframes pt-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pt-toast--success{background:#3dd68c26;color:var(--green);border-color:#3dd68c4d}.pt-toast--error{background:#e5484d26;color:var(--red);border-color:#e5484d4d}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pt-expand-modal{width:calc(100vw - 32px);max-height:90vh;padding:16px}}@media(max-width:900px){[data-hide-bp="1"]{display:none!important}}@media(max-width:800px){[data-hide-bp="2"]{display:none!important}}@media(max-width:768px){.kanban-board{overflow-x:auto}.cal-grid,.cal-dow{display:none}.cal-mobile-list{display:block;padding:8px 0}.pt-toolbar{overflow-x:auto}}@media(max-width:700px){[data-hide-bp="3"]{display:none!important}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}html,body{height:100%}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}*:not(input):not(textarea):not([contenteditable=true]){caret-color:transparent}#root{position:relative;z-index:1;min-height:100vh}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.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}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);text-align:center}.empty-icon{font-size:32px;color:var(--text-muted);opacity:.4}.empty-title{font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);color:var(--text-secondary)}.empty-sub{font-size:var(--fs-body-sm);color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-card) 25%,var(--surface-elevated) 50%,var(--surface-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form-input{width:100%;background:var(--surface-elevated);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:#01e0b466}.form-input.error{border-color:var(--color-danger)}.form-label{display:block;font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.form-error{font-size:.625rem;color:var(--color-danger);margin-top:var(--space-1)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-primary)}.btn.btn-secondary{border:1px solid var(--outline-variant)}.btn.btn-secondary:hover:not(:disabled){border-color:#01e0b433}.btn.btn-danger{border:1px solid rgba(248,113,113,.2)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm)}.badge-green{background:#4ade801f;color:var(--color-success)}.badge-amber{background:#fbbf241f;color:var(--color-warning)}.badge-red{background:#f871711f;color:var(--color-danger)}.badge-accent{background:#01e0b41f;color:var(--primary)}.badge-indigo{background:#60a5fa1f;color:var(--color-info)}.badge-muted{background:var(--surface-elevated);color:var(--text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.badge-pulse:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 1.5s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-float)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--fs-headline-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal)}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--surface-low);border-left:1px solid var(--outline-variant);z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;overflow:hidden;animation:slideIn var(--transition-slow) ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.drawer-title{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-6)}@media(max-width:768px){.drawer{width:100%}}.app-sidebar{border-right:1px solid var(--outline-variant)}.sidebar-section-label--mt{margin-top:var(--space-4)}.nav-item--btn{border:none;background:none;cursor:pointer;width:100%;text-align:left}.sidebar-user{margin-top:auto;padding:var(--space-4);border-top:1px solid var(--outline-variant)}.sidebar-user-inner{display:flex;align-items:center;gap:var(--space-2)}.sidebar-username{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header--fixed{grid-column:1 / -1;position:fixed;top:0;left:0;right:0;z-index:var(--z-header)}.app-main--studio{padding-top:72px}.app-main--fullheight{margin-left:180px;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.app-main--fullheight{margin-left:48px}}@media(max-width:768px){.app-main--fullheight{margin-left:0}}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);flex-shrink:0;background:linear-gradient(135deg,var(--secondary-container, #145242),var(--primary));color:#00382b}.avatar-md{width:32px;height:32px;font-size:13px}.page-hero{margin-bottom:var(--space-8)}.page-hero-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:var(--space-2)}.page-hero-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-display-lg);text-transform:uppercase;letter-spacing:-.02em;line-height:var(--lh-tight);color:var(--text-primary);margin-bottom:var(--space-2)}.page-hero-subtitle{font-size:var(--fs-body-lg);color:var(--text-secondary)}.stats-row{display:flex;align-items:stretch;background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden}.stat-card{flex:1;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);position:relative;transition:background var(--transition-base)}.stat-card:hover{background:var(--surface-elevated)}.stat-card+.stat-card:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:#ffffff12}.stat-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.stat-value{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-display-md);line-height:var(--lh-tight)}.stat-value--accent{color:var(--primary)}.stat-value--info{color:var(--color-info)}.stat-value--warning{color:var(--color-warning)}.stat-value--success{color:var(--color-success)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.section-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.section-count{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.filter-bar{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{color:var(--text-secondary);background:var(--surface-elevated)}.filter-pill--active{background:#01e0b41a;color:var(--primary)}.filter-count{font-family:var(--font-mono);font-size:.55rem;background:var(--surface-elevated);padding:1px 5px;border-radius:var(--radius-full)}.filter-pill--active .filter-count{background:#01e0b426;color:var(--primary)}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px)and (max-width:1024px){.hide-tablet{display:none!important}}@media(min-width:1025px){.hide-desktop{display:none!important}}.section-title{font-size:var(--fs-headline-sm)}.btn.btn-primary{background:var(--primary-container);color:#00382b}.btn.btn-primary:hover:not(:disabled){background:var(--primary-dim)}.btn.btn-secondary{background:var(--surface-elevated);color:var(--text-primary)}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover:not(:disabled){background:var(--surface-elevated);color:var(--text-primary)}.btn.btn-danger{background:#f8717126;color:var(--color-danger)}.badge-active{background:#01e0b426;color:var(--primary)}.badge-pending{background:#fbbf241a;color:var(--color-warning)}.badge-error{background:#f871711a;color:var(--color-danger)}.badge-final{background:#60a5fa1a;color:var(--color-info)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);position:relative;z-index:1;min-height:100vh}.login-input{width:100%;background:var(--surface-elevated);border:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-primary);outline:none;transition:all var(--transition-base);box-sizing:border-box}.login-error-box{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--color-danger);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.login-spinner{width:16px;height:16px;border-width:2px;border-color:#00382b4d;border-top-color:#00382b}.field-error{font-family:var(--font-mono);font-size:11px;color:var(--color-danger);margin-top:4px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:var(--space-6)}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:var(--space-4)}}.project-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden;transition:all var(--transition-base);cursor:pointer;position:relative;display:flex;flex-direction:column}.project-card:hover{border-color:#01e0b440;transform:translateY(-2px);box-shadow:var(--shadow-float),0 0 20px #01e0b447,0 0 40px #01e0b41f}.project-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden}.project-thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s ease}.project-card:hover .project-thumb-bg{transform:scale(1.05)}.project-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--surface-card) 0%,rgba(33,33,33,.2) 60%,transparent 100%)}.project-thumb .unread-dot{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.project-body{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.project-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.project-name{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;line-height:var(--lh-snug);letter-spacing:-.02em;color:var(--text-primary)}.project-arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.project-card:hover .project-arrow{color:var(--primary);background:#01e0b41a}.project-client{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-secondary)}.project-meta{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.project-meta-item{display:flex;align-items:center;gap:var(--space-1)}.project-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--outline-variant);margin-top:auto}.project-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.project-badges{display:flex;align-items:center;gap:var(--space-2)}.thumb-eclipse{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460)}.thumb-neon{background:linear-gradient(135deg,#0d0d0d,#1b0a28,#2d1b4e,#1a0533,#01e0b4 120%)}.thumb-archvis{background:linear-gradient(135deg,#111,#1a1f16,#2a331e,#3a4528)}.thumb-product{background:linear-gradient(135deg,#0e0e10,#1a1a1e,#252530,#2e2e3a)}.thumb-docu{background:linear-gradient(135deg,#0d0f0e,#182018,#1e2d1e,#243524)}.thumb-motion{background:linear-gradient(135deg,#10090d,#201520,#301a30,#3a1f3a)}.section-header-right{display:flex;align-items:center;gap:var(--space-4)}:root{--surface-base: #111111;--surface-low: #181818;--surface-card: #212121;--surface-elevated: #2a2a2a;--surface-highest: #333333;--surface-variant: #383838;--primary: #01e0b4;--primary-container: #00e0b4;--primary-dim: #48fdcf;--secondary: #97d3bd;--secondary-container:#145242;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--text-disabled: #505050;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--outline-variant: rgba(255, 255, 255, .08);--font-sans: "Poppins", sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-display-lg: 3.5rem;--fs-display-md: 2.5rem;--fs-headline-lg: 1.875rem;--fs-headline-sm: 1.25rem;--fs-body-lg: 1rem;--fs-body-sm: .875rem;--fs-label-lg: .75rem;--fs-label-sm: .625rem;--fw-regular: 400;--fw-semibold: 600;--fw-black: 900;--lh-tight: 1;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.6;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-card: 0 20px 40px rgba(0, 0, 0, .5);--shadow-float: 0px 24px 48px rgba(0, 0, 0, .4), 0px 0px 20px rgba(1, 224, 180, .02);--shadow-intense: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-glow-primary:0 0 8px rgba(1, 224, 180, .6);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--z-base: 1;--z-sidebar: 100;--z-header: 200;--z-modal: 500;--z-toast: 900;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--bp-mobile: 768px;--bp-tablet: 1024px}.anno-toolbar{position:absolute;top:calc(var(--space-16) + var(--space-4));right:var(--space-8);left:auto;bottom:auto;transform:none;display:flex;align-items:center;gap:var(--space-1);padding:4px 3px;background:#212121e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);box-shadow:-10px 10px 10px #0000004d;z-index:20;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:visible}.anno-toolbar__drag{display:flex;align-items:center;justify-content:center;width:16px;height:24px;color:var(--text-disabled);font-size:12px;cursor:grab;flex-shrink:0;border-radius:var(--radius-xs);transition:color var(--transition-fast)}.anno-toolbar__drag:hover{color:var(--text-muted)}.anno-toolbar__drag:active{cursor:grabbing}.anno-toolbar__toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--primary);font-size:15px;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.anno-toolbar__toggle:hover{background:var(--surface-elevated)}.anno-toolbar__body{display:flex;align-items:center;gap:var(--space-1);overflow:visible;max-width:500px;transition:max-width .25s ease,opacity .2s ease;opacity:1}.anno-toolbar__body--collapsed{max-width:0;opacity:0;padding:0;margin:0;gap:0;overflow:hidden}.anno-toolbar__sep{width:1px;height:20px;background:#ffffff1f;margin:0 var(--space-1);flex-shrink:0}.anno-toolbar__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:15px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.anno-toolbar__btn:hover{color:var(--text-primary);background:var(--surface-elevated)}.anno-toolbar__btn--active{color:var(--primary);background:#01e0b41f;border-color:#01e0b44d}.anno-toolbar__sub-arrow{font-size:10px;margin-left:-2px;opacity:.6}.anno-toolbar__draw-wrap{position:relative}.anno-toolbar__draw-dd{display:none;position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:4px;z-index:30;box-shadow:var(--shadow-float)}.anno-toolbar__draw-dd--open{display:flex;flex-direction:row;gap:2px}.anno-toolbar__draw-opt{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.anno-toolbar__draw-opt i{font-size:15px}.anno-toolbar__draw-opt:hover{background:var(--surface-elevated);color:var(--text-primary)}.anno-toolbar__draw-opt--active{color:var(--primary);background:#01e0b41f}.anno-toolbar__color-wrap{position:relative}.anno-toolbar__color-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.anno-toolbar__color-btn:hover{background:var(--surface-elevated)}.anno-toolbar__swatch{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.15);pointer-events:none}.anno-toolbar__color-dd{display:none;position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-2);gap:var(--space-2);flex-wrap:wrap;width:116px;z-index:30;box-shadow:var(--shadow-float)}.anno-toolbar__color-dd--open{display:flex}.anno-toolbar__color-opt{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast);flex-shrink:0}.anno-toolbar__color-opt:hover,.anno-toolbar__color-opt--active{border-color:var(--text-primary)}.anno-toolbar__thick-wrap{position:relative}.anno-toolbar__thick-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.anno-toolbar__thick-btn:hover{background:var(--surface-elevated)}.anno-toolbar__thick-line{height:1px;width:14px;background:var(--text-muted);border-radius:var(--radius-full);pointer-events:none;transition:height .1s ease}.anno-toolbar__thick-pop{display:none;position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-4);width:168px;z-index:30;box-shadow:var(--shadow-float)}.anno-toolbar__thick-pop--open{display:block}.anno-toolbar__thick-preview{height:16px;margin-bottom:var(--space-3);display:flex;align-items:center}.anno-toolbar__thick-preview-line{width:100%;background:var(--text-secondary);border-radius:var(--radius-full);height:2px;transition:height .1s ease}.anno-toolbar__thick-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-highest);border-radius:var(--radius-full);outline:none}.anno-toolbar__thick-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.annotation-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;touch-action:none}.annotation-wrap--draw{cursor:crosshair}.annotation-wrap--pin{cursor:cell}.annotation-wrap--cursor,.annotation-wrap--readonly{pointer-events:none}.annotation-canvas-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.page-container{padding-top:var(--space-2)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--fs-label-lg);color:var(--text-muted);margin-bottom:var(--space-4)}.tab-bar{display:flex;align-items:stretch;background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-base);position:relative}.tab-item:hover{color:var(--text-primary);background:transparent}.tab-item--active{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.tab-item i{font-size:16px}.tab-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;background:var(--surface-elevated);color:var(--text-muted);padding:1px 6px;border-radius:var(--radius-full)}.tab-item--active .tab-badge{background:#01e0b426;color:var(--primary)}@media(max-width:768px){.tab-item span:not(.tab-badge){display:none}.tab-item{padding:var(--space-3) var(--space-2)}}.tab-panel{display:none;animation:fadeIn var(--transition-base)}.tab-panel--active{display:block;padding-top:0}.videos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.videos-header-left{display:flex;align-items:center;gap:var(--space-3)}.video-list{display:flex;flex-direction:column;gap:var(--space-2)}.video-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--outline-variant);transition:all var(--transition-base);cursor:pointer}.video-row:hover{background:var(--surface-elevated);border-color:#01e0b433;transform:translate(4px)}.video-thumb{width:120px;min-width:120px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0}.video-thumb-bg{width:100%;height:100%}.video-thumb-duration{position:absolute;bottom:4px;right:4px;font-family:var(--font-mono);font-size:.55rem;font-weight:700;background:#000000bf;color:var(--text-primary);padding:1px 5px;border-radius:var(--radius-xs)}.video-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.video-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-label-sm);color:var(--text-muted)}.video-meta-item{display:flex;align-items:center;gap:3px}.video-meta-item i{font-size:12px}.video-row-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.video-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.video-row:hover .video-arrow{color:var(--primary);background:#01e0b41a}@media(max-width:768px){.video-thumb{width:80px;min-width:80px}.video-row{gap:var(--space-3)}.video-row-right .badge,.video-row-right .video-duration-label{display:none}}.frameboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.frameboard-toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.frameboard-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.size-toggle{display:inline-flex;align-items:center;gap:0;background:var(--surface-card);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);overflow:hidden}.size-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.size-btn:hover{color:var(--text-primary);background:var(--surface-elevated)}.size-btn--active{color:var(--primary);background:#01e0b41a}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.frame-grid--sm{grid-template-columns:repeat(4,1fr)}.frame-grid--lg{grid-template-columns:repeat(2,1fr)}.frame-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.frame-card:hover{border-color:#01e0b440;transform:translateY(-2px);box-shadow:var(--shadow-float)}.frame-card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden}.frame-card-thumb-bg{width:100%;height:100%;transition:transform .6s ease}.frame-card:hover .frame-card-thumb-bg{transform:scale(1.05)}.frame-card-number{position:absolute;top:var(--space-2);left:var(--space-2);font-family:var(--font-mono);font-size:.55rem;font-weight:700;background:#000000b3;color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-xs)}.frame-card-version{position:absolute;top:var(--space-2);right:var(--space-2)}.frame-card-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.frame-card-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-card-desc{font-family:var(--font-sans);font-size:var(--fs-label-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.frame-grid{grid-template-columns:repeat(2,1fr)}.frame-grid--sm{grid-template-columns:repeat(3,1fr)}.frame-grid--lg{grid-template-columns:1fr}}@media(max-width:768px){.frame-grid,.frame-grid--sm{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.frame-grid--lg{grid-template-columns:1fr}}.tracker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.tracker-header-left{display:flex;align-items:center;gap:var(--space-3)}.teable-status{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--outline-variant)}.teable-status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.teable-status--connected .teable-status-dot{background:var(--color-success);box-shadow:0 0 6px #4ade8080}.teable-status--connected{color:var(--color-success)}.tracker-table-wrap{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden}.tracker-table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.tracker-table thead{background:var(--surface-elevated)}.tracker-table th{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--outline-variant)}.tracker-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--outline-variant);white-space:nowrap}.tracker-table tbody tr{transition:background var(--transition-fast)}.tracker-table tbody tr:hover{background:var(--surface-elevated)}.tracker-table tbody tr:last-child td{border-bottom:none}.tracker-shot-name{font-weight:var(--fw-semibold)}.tracker-shot-num{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.tracker-mono{font-family:var(--font-mono);font-size:var(--fs-label-lg)}.tracker-check{color:var(--color-success);font-size:16px}.tracker-pending{color:var(--text-disabled);font-size:16px}.tracker-status-dropdown{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--outline-variant);border-radius:var(--radius-md);position:absolute;z-index:10;top:100%;left:0;min-width:180px;box-shadow:0 4px 16px #0006}.tracker-status-option{background:none;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.tracker-status-option:hover{opacity:.8}@media(max-width:768px){.tracker-table-wrap{overflow-x:auto}.tracker-table{min-width:640px}}.cal-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.cal-nav-label{font-size:var(--fs-headline-sm);font-weight:var(--fw-semibold);color:var(--text-primary);min-width:180px;text-align:center}.cal-grid-wrap{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-elevated);border-bottom:1px solid var(--outline-variant)}.cal-grid-day-name{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-cell{min-height:80px;padding:var(--space-1);border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);position:relative}.cal-cell:nth-child(7n){border-right:none}.cal-cell--other{opacity:.35}.cal-cell--today{background:#60a5fa0f}.cal-cell-num{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);padding:2px 4px;margin-bottom:2px}.cal-cell-num--today{background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);font-weight:700}.cal-event{padding:2px 4px;border-radius:var(--radius-sm);margin-bottom:2px;cursor:default;overflow:hidden}.cal-event-title{font-size:10px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-type{font-size:9px;opacity:.7}.cal-list{margin-top:var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);padding:var(--space-4)}.cal-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--outline-variant)}.cal-list-item:last-child{border-bottom:none}.cal-list-date{min-width:80px;color:var(--text-muted);font-size:var(--fs-label-lg)}.cal-list-title{flex:1;font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}@media(max-width:768px){.cal-cell{min-height:50px}.cal-event-title{font-size:9px}}.fthumb-01{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 40%,#16213e,#0f3460)}.fthumb-02{background:linear-gradient(135deg,#0d0d0d,#15151f,#1e1e3a 60%,#2a1a40)}.fthumb-03{background:linear-gradient(135deg,#0a0e0c,#121e18 40%,#1a2e24,#0a3020)}.fthumb-04{background:linear-gradient(135deg,#10090d,#1a1218 40%,#281a24,#361e30)}.fthumb-05{background:linear-gradient(135deg,#0e0e10,#1a1a20,#22222e 60%,#2a2a3a)}.fthumb-06{background:linear-gradient(135deg,#0d0f0e,#141e16 40%,#1a2a1e,#203420)}.vthumb-hero{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460)}.vthumb-prod{background:linear-gradient(135deg,#0d0d0d,#15151f,#1e1e3a,#2a1a40)}.vthumb-end{background:linear-gradient(135deg,#0a0e0c,#121e18,#1a2e24,#0a3020)}.vthumb-bts{background:linear-gradient(135deg,#10090d,#1a1218,#281a24,#361e30)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:calc(var(--z-modal) - 1)}.overlay--active{display:block}.settings-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--surface-low);border-left:1px solid var(--outline-variant);z-index:var(--z-modal);flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow);overflow:hidden}.settings-drawer--open{display:flex;transform:translate(0)}.settings-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.settings-drawer-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.settings-drawer-title i{font-size:16px;color:var(--text-muted)}.settings-drawer-body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.settings-drawer-body::-webkit-scrollbar{width:4px}.settings-drawer-body::-webkit-scrollbar-track{background:transparent}.settings-drawer-body::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.drawer-section-title{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-4)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.toggle-row+.toggle-row{border-top:1px solid var(--outline-variant)}.toggle-label{font-size:var(--fs-body-sm);color:var(--text-primary)}.toggle-label small{display:block;font-size:var(--fs-label-lg);color:var(--text-muted);margin-top:1px}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--surface-elevated);transition:background var(--transition-base);cursor:pointer}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition-base),background var(--transition-base)}.toggle-switch input:checked+.toggle-track{background:#01e0b440}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px);background:var(--primary)}.toggle-conditional{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-slow)}.toggle-conditional--visible{max-height:120px;opacity:1}.drawer-input{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);transition:border-color var(--transition-fast);outline:none}.drawer-input:focus{border-bottom-color:var(--primary)}.drawer-input::placeholder{color:var(--text-muted)}.danger-zone{background:#f871710a;border:1px solid rgba(248,113,113,.15);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.danger-zone-title{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-danger)}.danger-zone-desc{font-size:var(--fs-label-lg);color:var(--text-muted)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);align-items:center;justify-content:center;padding:var(--space-6)}.modal-overlay--active{display:flex}.modal-box{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-card);animation:modalIn var(--transition-slow) ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.modal-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.modal-title i{font-size:16px;color:var(--text-muted)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--outline-variant);flex-shrink:0}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.form-input{padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);transition:border-color var(--transition-fast);outline:none;width:100%}.form-input:focus{border-bottom-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.form-select{padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);transition:border-color var(--transition-fast);outline:none;width:100%;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'%3E%3Cpath fill='%2384948d' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.form-select:focus{border-bottom-color:var(--primary)}.form-select option{background:var(--surface-card)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.radio-item:hover{background:var(--surface-highest)}.radio-item input[type=radio]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.radio-item-label{flex:1}.radio-item-title{font-size:var(--fs-body-sm);color:var(--text-primary);font-weight:var(--fw-semibold)}.radio-item-desc{font-size:var(--fs-label-lg);color:var(--text-muted)}.video-check-list{display:flex;flex-direction:column;gap:var(--space-2)}.video-check-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-elevated);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.video-check-item:hover{background:var(--surface-highest)}.video-check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.video-check-name{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-primary);flex:1}.url-result-box{display:none}.url-result-box--active{display:flex;flex-direction:column;gap:var(--space-4)}.url-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-sm);border:1px solid rgba(1,224,180,.2)}.url-display-text{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-copy-btn{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-label-lg);font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--primary);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);transition:background var(--transition-fast);white-space:nowrap}.url-copy-btn:hover{background:#01e0b41a}.url-copy-btn i{font-size:14px}.dropbox-modal .modal-box{max-width:560px}.dropbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) 0}.dropbox-loading-icon{width:56px;height:56px;background:#01e0b414;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.dropbox-loading-icon i{font-size:24px;color:var(--primary)}.dropbox-loading-text{font-size:var(--fs-body-sm);color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--surface-elevated);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dropbox-results{display:none;flex-direction:column;gap:var(--space-4)}.dropbox-results--active{display:flex}.dropbox-folder{display:flex;flex-direction:column;gap:var(--space-2)}.dropbox-folder-name{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-2);border-bottom:1px solid var(--outline-variant)}.dropbox-folder-name i{font-size:14px}.dropbox-file-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.dropbox-file-row:hover{background:var(--surface-elevated)}.dropbox-file-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.dropbox-file-icon{width:32px;height:32px;background:var(--surface-elevated);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropbox-file-icon i{font-size:14px;color:var(--text-muted)}.dropbox-file-info{flex:1;min-width:0}.dropbox-file-name{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropbox-file-size{font-size:var(--fs-label-sm);color:var(--text-muted);font-family:var(--font-mono)}.badge-new{background:#01e0b426;color:var(--primary);font-family:var(--font-mono);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:var(--radius-xs)}.badge-imported{background:#84948d1f;color:var(--text-muted);font-family:var(--font-mono);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:var(--radius-xs)}.import-progress{display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-8) 0 var(--space-4)}.import-progress--active{display:flex}.import-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-body-sm);color:var(--text-secondary)}.import-progress-pct{font-family:var(--font-mono);font-weight:700;color:var(--primary)}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;flex-direction:row}.lightbox--active{display:flex}.lightbox-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0}.lightbox-top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);position:absolute;top:0;left:0;right:0;z-index:20;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%)}.lightbox-counter{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-muted)}.lightbox-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:60px var(--space-10) 80px;position:relative}.lightbox-frame-img{position:relative;width:100%;max-width:min(80vw,calc(100vh - 180px) * 16 / 9);aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);overflow:visible;box-shadow:0 20px 60px #0009}.lightbox-frame-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden}.lb-pin.lb-pin--highlighted{box-shadow:0 0 0 4px var(--primary),0 2px 12px #0009;transform:translate(-50%,-50%) scale(1.2)}.lb-pin.lb-pin--dragging{cursor:grabbing;z-index:10;transform:translate(-50%,-50%) scale(1.15)}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all var(--transition-fast);z-index:10}.lightbox-arrow:hover{background:#01e0b426;border-color:#01e0b44d;color:var(--primary)}.lightbox-arrow--prev{left:var(--space-6)}.lightbox-arrow--next{right:var(--space-6)}.lightbox-panel{width:380px;flex-shrink:0;background:var(--surface-card);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.lb-panel-top{flex:1;overflow-y:auto;display:flex;flex-direction:column}.lb-panel-top::-webkit-scrollbar{width:3px}.lb-panel-top::-webkit-scrollbar-track{background:transparent}.lb-panel-top::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.lb-meta{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.lb-frame-title-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.lightbox-frame-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);flex:1}.lb-edit-btn{width:22px;height:22px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0}.lb-edit-btn:hover{opacity:1;color:var(--primary)}.lb-frame-title-input{width:100%;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-primary);background:var(--surface-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);padding:3px var(--space-2);font-family:var(--font-sans);outline:none;margin-bottom:var(--space-1)}.lb-frame-title-input:focus{border-color:var(--primary)}.lb-frame-tc-row{display:flex;align-items:center;gap:var(--space-2)}.lightbox-frame-tc{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);flex:1}.lb-frame-desc{font-size:var(--fs-label-lg);color:var(--text-muted);line-height:var(--lh-normal);margin-top:var(--space-2)}.lb-frame-desc-input{width:100%;font-size:var(--fs-label-lg);color:var(--text-secondary);background:var(--surface-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);padding:var(--space-2);font-family:var(--font-sans);outline:none;resize:vertical;min-height:48px;margin-top:var(--space-2);line-height:var(--lh-normal)}.lb-frame-desc-input:focus{border-color:var(--primary)}.lb-versions-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.lb-version-btn{flex:1;padding:var(--space-1) 0;background:var(--surface-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center}.lb-version-btn:hover{color:var(--text-primary);background:var(--surface-highest)}.lb-version-btn--active{background:#01e0b41f;border-color:#01e0b44d;color:var(--primary)}.lb-compare-btn{padding:var(--space-1) var(--space-3);background:var(--surface-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.lb-compare-btn:hover{color:var(--text-secondary)}.lb-compare-btn--active{background:#01e0b41a;border-color:#01e0b440;color:var(--primary)}.lb-section-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-5) var(--space-2)}.lb-pin-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.lb-pin-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background var(--transition-fast)}.lb-pin-item:hover{background:var(--surface-elevated)}.lb-pin-item--highlighted{background:var(--surface-elevated);border-left:3px solid var(--primary)}.lb-pin-num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--surface-base);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;margin-top:1px}.lb-pin-text{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-normal);flex:1}.lb-pin-edit-btn{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0;padding:2px}.lb-pin-edit-btn:hover{opacity:1;color:var(--primary)}.pin-ctx-menu{position:fixed;z-index:1000;min-width:180px;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--space-1) 0;box-shadow:var(--shadow-float);display:none}.pin-ctx-menu--open{display:block}.lb-comments-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.lb-panel-bottom{flex-shrink:0;padding:var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.comment-input-wrap{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--surface-elevated);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);padding:var(--space-3)}.comment-textarea{flex:1;background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-normal);resize:none;outline:none;min-height:36px;max-height:80px;overflow-y:auto}.comment-textarea::placeholder{color:var(--text-muted)}.comment-send-btn{width:32px;height:32px;background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--surface-base);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity var(--transition-fast)}.comment-send-btn:hover{opacity:.85}.comment-send-btn i{font-size:14px}@media(max-width:768px){.lightbox-panel{display:none}.settings-drawer{width:100vw}}.ov-cinema{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-intense);min-height:360px;display:flex;flex-direction:column}.ov-cinema-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#0a0a0a,#0d1f1a 40%,#0a2a20 70%,#01e0b4 200%)}.ov-cinema-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 50%,transparent 100%)}.ov-cinema-header{position:relative;z-index:10;padding:2rem}.ov-cinema-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:var(--space-3)}.ov-cinema-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:3rem;text-transform:uppercase;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary)}.ov-cinema-client{font-size:var(--fs-body-lg);color:var(--text-secondary);margin-top:var(--space-2)}.ov-cinema-footer{position:relative;z-index:10;padding:2rem;margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4)}.ov-cinema-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.ov-cinema-date{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.ov-cinema-date i{font-size:14px;color:var(--text-disabled)}.ov-cinema-sep{width:100%;height:1px;background:#ffffff14}.ov-cinema-progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.ov-cinema-progress-text{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.ov-cinema-progress-value{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--primary)}@media(max-width:768px){.ov-cinema{min-height:380px}.ov-cinema-title{font-size:var(--fs-display-md)}.ov-cinema-header,.ov-cinema-footer{padding:var(--space-6)}}.ov-bento{margin-top:calc(-1 * var(--space-4));display:grid;grid-template-columns:75fr 25fr;gap:var(--space-6)}.ov-bento-right{display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:1024px){.ov-bento{grid-template-columns:1fr}}.ov-card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--outline-variant)}.ov-card-head-left{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.ov-card-head-left i{font-size:16px;color:var(--text-muted)}.ov-card-link{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);color:var(--primary);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:opacity var(--transition-fast)}.ov-card-link:hover{opacity:.7}.ov-video-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden}.ov-video-preview-bg{width:100%;height:100%}.ov-video-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--surface-card) 0%,transparent 60%)}.ov-video-body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.ov-video-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.ov-video-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ov-video-footer{padding:0 var(--space-5) var(--space-4);border-top:1px solid var(--outline-variant);padding-top:0}.ov-act-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);transition:background var(--transition-fast)}.ov-act-item:hover{background:var(--surface-elevated)}.ov-act-item+.ov-act-item{border-top:1px solid var(--outline-variant)}.ov-act-body{flex:1;min-width:0}.ov-act-text{font-size:var(--fs-body-sm);color:var(--text-primary);line-height:var(--lh-normal)}.ov-act-text strong{font-weight:var(--fw-semibold)}.ov-act-hl{color:var(--primary)}.ov-act-time{font-family:var(--font-mono);font-size:var(--fs-label-sm);color:var(--text-muted)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.vr-mockup{--player-max-h: calc(100vh - 220px) ;position:fixed;top:72px;left:180px;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.vr-mockup{left:48px}}@media(max-width:768px){.vr-mockup{left:0}}.vr-mockup .feedback-list{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.feedback-header-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.feedback-header-count{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.feedback-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.feedback-item:hover{background:#ffffff05}.feedback-checkbox{width:20px;height:20px;border-radius:var(--radius-xs);border:2px solid var(--text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-top:1px}.feedback-checkbox--done{background:var(--primary);border-color:var(--primary);color:#00382b;font-size:12px}.feedback-text{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.feedback-text--done{text-decoration:line-through;opacity:.5}.feedback-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:2px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.info-link-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm)}.info-link-name{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.info-link-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.download-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-float);z-index:100;overflow:hidden;display:none;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1) both}.download-dropdown.is-open{display:block}@media(max-width:900px){.vr-mockup .review-layout{flex-direction:column}.vr-mockup .right-panel{width:100%;min-width:0;max-height:45vh;border-left:none;border-top:1px solid var(--outline-variant)}.vr-mockup .player-column{overflow-y:auto}}:root{--player-max-h: calc(100vh - 220px) }.tab-content{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.tab-content--active{display:flex}.comment-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);flex-shrink:0;border-bottom:1px solid var(--outline-variant)}.comment-panel-header-left{display:flex;align-items:center;gap:var(--space-3)}.comment-filter-pills{display:flex;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--fs-label-lg)}.filter-pill-sm{padding:3px 10px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);transition:all var(--transition-fast)}.filter-pill-sm:hover{color:var(--text-secondary);background:var(--surface-elevated)}.filter-pill-sm--active{background:#01e0b41f;color:var(--primary)}.panel-tabs{display:flex;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);color:var(--text-muted);border:none;background:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.panel-tab:hover{color:var(--text-primary)}.panel-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--fs-label-lg);color:var(--text-muted);padding:var(--space-3) var(--space-5);flex-shrink:0}.breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--text-disabled);font-size:.6rem}.breadcrumb-current{color:var(--text-secondary)}.ws-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ws-dot--connected{background:var(--color-success)}.ws-dot--disconnected{background:var(--color-danger)}.ws-dot--reconnecting{background:var(--color-warning);animation:pulse-ws 1s ease-in-out infinite}@keyframes pulse-ws{0%,to{opacity:1}50%{opacity:.4}}.download-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-float);z-index:100;overflow:hidden}.download-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.download-option:hover{background:var(--surface-elevated)}.download-option-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;flex-shrink:0}.download-option-label{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.download-option-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.feedback-list{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.info-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.info-section{display:flex;flex-direction:column;gap:var(--space-2)}.info-label{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.info-value{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-primary);font-weight:var(--fw-semibold)}.info-sub{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);line-height:var(--lh-relaxed)}.info-version-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm)}.info-version-item--active{background:#01e0b40f;border-color:#01e0b433}.info-version-name{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.info-version-item--active .info-version-name{color:var(--primary)}.info-version-date{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.breadcrumb--topbar{background:#1119;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);justify-content:space-between;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--outline-variant);margin:0}.breadcrumb-left{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-label-lg);padding:0;margin:0;transition:color var(--transition-fast)}.breadcrumb-btn:hover{color:var(--primary)}.breadcrumb-btn--back{display:flex;align-items:center;gap:4px}.breadcrumb-current--title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.breadcrumb-version{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--primary)}.ws-status-row{display:flex;align-items:center;gap:var(--space-3)}.ws-status{display:flex;align-items:center;gap:6px;font-size:.7rem;padding:2px 10px;border-radius:4px}.ws-status--disconnected{color:var(--color-danger);background:#f871711a}.ws-status--reconnecting{color:var(--color-warning);background:#fbbf241a}.ws-reconnect-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:inherit;padding:0}.player-overlay-btn{position:absolute;top:10px;z-index:30;padding:4px 10px;width:auto}.player-overlay-btn--right{right:10px}.player-overlay-btn--left{left:10px}.player-overlay-btn--screenshot{background:#00000080;border-radius:6px;font-size:.75rem;display:flex;align-items:center;gap:6px;border:none;color:var(--text-primary);cursor:pointer}.feedback-list--compact{flex:none;max-height:200px;overflow:auto}.info-label--mb{margin-bottom:8px}.feedback-item--clickable{cursor:pointer}.feedback-body-wrap{flex:1;min-width:0}.ctrl-btn--internals-active{background:#fbbf241a;color:var(--color-warning)}.empty-state--panel{padding:var(--space-8) var(--space-4)}.spinner-xs{width:10px;height:10px}@keyframes pulse-live{0%,to{box-shadow:0 0 #f8717180}50%{box-shadow:0 0 0 5px #f8717100}}@keyframes pulse-online{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 4px #4ade8000}}@keyframes typing-b{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.cw-live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);animation:pulse-live 1.2s ease-in-out infinite;flex-shrink:0}.cw-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-xs);background:#f871711f;border:1px solid rgba(248,113,113,.3);font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-danger);white-space:nowrap}.cw-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);flex-shrink:0;animation:pulse-live 1.2s ease-in-out infinite}.session-with{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);white-space:nowrap}.client-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-top:60px}.client-header--cw{position:fixed;top:0;left:0;right:0;height:60px;background:#111111eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant);z-index:var(--z-header);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 var(--space-6);gap:var(--space-4)}.client-video-name{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.client-header-sep{color:var(--text-disabled);font-size:var(--fs-label-lg);flex-shrink:0}.app-main--cw{margin-left:180px;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.app-main--cw{margin-left:48px}}@media(max-width:768px){.app-main--cw{margin-left:0}}.video-breadcrumb-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--outline-variant);background:#1119}.breadcrumb-live{color:var(--color-danger);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:6px}.session-duration{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.session-duration i{color:var(--primary)}.session-timer{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);letter-spacing:.06em}.cw-layout{display:flex;flex:1;overflow:hidden;min-height:0}.cw-player-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--outline-variant)}.cw-player-inner{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-5) var(--space-3);gap:var(--space-3);overflow-y:auto;min-height:0}.video-title-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;width:100%}.video-title-left{display:flex;flex-direction:column;gap:2px}.video-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary)}.video-project-name{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.video-title-badges{display:flex;align-items:center;gap:var(--space-2)}.sync-indicator{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;color:var(--color-success);background:#0000008c;padding:2px 8px;border-radius:var(--radius-xs)}.sync-dot{width:5px;height:5px;border-radius:50%;background:var(--color-success);animation:pulse-live 1.2s ease-in-out infinite}.pres-pill{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:3px var(--space-3) 3px 3px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);transition:border-color var(--transition-fast)}.pres-pill:hover{border-color:#ffffff26}.toggle-wrap{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.toggle-track{width:40px;height:22px;border-radius:var(--radius-full);background:var(--primary);position:relative;transition:background var(--transition-base);flex-shrink:0}.toggle-track.off{background:var(--surface-highest)}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform var(--transition-base)}.toggle-track:not(.off) .toggle-thumb{transform:translate(18px)}.pres-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.reaction-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--surface-low);border-top:1px solid var(--outline-variant);flex-shrink:0}.reaction-bar-label{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:var(--space-1);flex-shrink:0}.reaction-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--outline-variant);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-label-lg);cursor:pointer;transition:all var(--transition-fast)}.reaction-btn:hover{background:var(--surface-elevated);border-color:#01e0b433;color:var(--text-primary)}.cw-right-panel{width:360px;min-width:320px;background:var(--surface-low);border-left:1px solid var(--outline-variant);display:flex;flex-direction:column;overflow:hidden}.panel-tab{padding:var(--space-3);font-family:var(--font-mono);font-weight:700;font-size:var(--fs-label-lg);text-transform:uppercase;letter-spacing:.08em}.panel-tab:hover{background:transparent}.tab-pane{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.tab-pane--active{display:flex}.participants-pane{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.pane-header-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.pane-header-count{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.participant-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--outline-variant);transition:background var(--transition-fast)}.participant-item:hover{background:#ffffff05}.participant-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);flex-shrink:0}.participant-info{flex:1;min-width:0}.participant-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.participant-detail{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:1px}.participant-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.participant-status-dot--online{background:var(--color-success);box-shadow:0 0 6px #4ade8080;animation:pulse-online 2s ease-in-out infinite}.participant-status-dot--away{background:var(--color-warning)}.badge-host{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:#01e0b41a;border:1px solid rgba(1,224,180,.25);padding:1px 6px;border-radius:var(--radius-xs)}.badge-guest{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--surface-card);border:1px solid var(--outline-variant);padding:1px 6px;border-radius:var(--radius-xs)}.participants-invite{padding:var(--space-4) var(--space-5);flex-shrink:0;border-top:1px solid var(--outline-variant)}.invite-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-bottom:var(--space-3)}.invite-link-row{display:flex;gap:var(--space-2);align-items:center}.invite-link-input{flex:1;background:var(--surface-elevated);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-controls{padding:var(--space-4) var(--space-5);border-top:1px solid var(--outline-variant);flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3)}.session-controls-title{font-family:var(--font-mono);font-size:var(--fs-label-lg);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-1)}.session-toggle-row{display:flex;align-items:center;justify-content:space-between}.session-toggle-label{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-secondary)}.chat-pane-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--outline-variant);flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2)}.chat-participants{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.chat-participant{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.chat-participant-avatar{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border:1px solid var(--outline-variant)}.chat-participant-online{width:5px;height:5px;border-radius:50%;background:var(--color-success);flex-shrink:0}.chat-participant-sep{width:1px;height:10px;background:var(--outline-variant)}.chat-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.chat-system{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-1) 0}.chat-msg{display:flex;gap:var(--space-2);align-items:flex-start}.chat-msg--self{flex-direction:row-reverse}.chat-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.chat-bubble{max-width:75%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--outline-variant)}.chat-msg--self .chat-bubble{background:#01e0b414;border-color:#01e0b433}.chat-author{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-muted);margin-bottom:3px}.chat-msg--self .chat-author{display:none}.chat-text{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:1.5}.chat-msg--self .chat-text{color:var(--text-primary)}.chat-time{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:3px;text-align:right}.chat-tc-ref{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;color:var(--primary);background:#01e0b414;border:1px solid rgba(1,224,180,.2);padding:1px 6px;border-radius:var(--radius-full);cursor:pointer;margin-top:4px}.typing-row{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:2px 0}.typing-dots{display:flex;gap:3px}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.typing-dot:nth-child(1){animation:typing-b .8s ease-in-out infinite 0s}.typing-dot:nth-child(2){animation:typing-b .8s ease-in-out infinite .2s}.typing-dot:nth-child(3){animation:typing-b .8s ease-in-out infinite .4s}.chat-footer{flex-shrink:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--outline-variant);background:var(--surface-card);display:flex;align-items:center;gap:var(--space-2)}.chat-input{flex:1;background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}.chat-input:focus{outline:none;border-bottom-color:var(--primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary-container);border:none;color:#00382b;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-base)}.chat-send-btn:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.cw-participant-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:#01e0b414;border:1px solid rgba(1,224,180,.15);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);white-space:nowrap}.cw-participant-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.copy-feedback{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;color:var(--color-success);background:#000000d9;border:1px solid rgba(74,222,128,.3);padding:3px 10px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:20}.copy-feedback.show{opacity:1}.breadcrumb-right-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.cw-copy-btn{position:relative}.cw-player-wrap{width:100%;position:relative}.cw-sync-indicator{position:absolute;bottom:52px;right:var(--space-4);z-index:10}.cw-online-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#01e0b41a;border:1px solid rgba(1,224,180,.2);color:var(--primary)}.cw-avatar-studio{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#145242,var(--primary));color:#00382b;font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cw-avatar-client{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-toggle-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cw-error-icon{font-size:48px;color:var(--text-disabled)}.cw-error-text{color:var(--text-secondary);font-size:var(--fs-body-sm)}.cw-host-label{position:absolute;left:50%;transform:translate(-50%);bottom:calc(52px + var(--space-3));z-index:10;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#0000008c;padding:3px 10px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none}.cw-live-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full);background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--color-danger)}.cw-live-dot--sm{width:5px;height:5px;border-radius:50%;background:var(--color-danger);flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){.cw-right-panel{width:clamp(300px,28vw,400px)}}@media(max-width:768px){.cw-layout{flex-direction:column}.cw-right-panel{width:100%;min-width:0;max-height:40vh;border-left:none;border-top:1px solid var(--outline-variant)}}.error-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;z-index:1;min-height:100vh}.error-icon-wrap:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:transparent;border:1px solid transparent}.error-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--surface-elevated);border:1px solid var(--outline-variant);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.error-cta-btn:hover{background:var(--surface-elevated);color:var(--text-primary);border-color:#01e0b433}:root{--player-max-h: calc(100vh - 250px) }.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-header-left{display:flex;align-items:center;gap:var(--space-3)}.panel-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.panel-comment-count{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:#01e0b41f;color:var(--primary)}.comment-input-name{width:100%;background:var(--surface-elevated);border:none;border-bottom:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);margin-bottom:var(--space-2);transition:all var(--transition-base)}.comment-input-name:focus{outline:none;border-bottom-color:var(--primary)}.comment-input-name::placeholder{color:var(--text-muted)}.approval-area{flex-shrink:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--outline-variant);background:var(--surface-low)}.approval-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);display:block}.approval-btns{display:flex;gap:var(--space-2)}.btn-approve{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0;border-radius:var(--radius-md);background:#4ade801a;border:1px solid rgba(74,222,128,.25);color:var(--color-success);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;cursor:pointer;transition:all var(--transition-base)}.btn-approve:hover{background:var(--color-success);border-color:var(--color-success);color:#001a00}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-changes{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0;border-radius:var(--radius-md);background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--color-danger);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;cursor:pointer;transition:all var(--transition-base)}.btn-changes:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-changes:disabled{opacity:.5;cursor:not-allowed}.approval-status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.approval-status-banner--approved{background:#4ade8014;border:1px solid rgba(74,222,128,.2);color:var(--color-success)}.approval-status-banner--changes{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:var(--color-danger)}.approval-status-banner i{font-size:20px}.approval-status-text{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.video-selector{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--outline-variant);flex-shrink:0;scrollbar-width:none}.video-selector::-webkit-scrollbar{display:none}.video-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.video-pill:hover{color:var(--text-primary);border-color:#ffffff26}.video-pill--active{background:#01e0b41a;border-color:#01e0b44d;color:var(--primary)}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.welcome-card{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:480px;width:100%;text-align:center;animation:welcomeIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes welcomeIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-lg);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2)}.welcome-subtitle{font-size:var(--fs-body-sm);color:var(--text-muted);margin-bottom:var(--space-8);line-height:var(--lh-relaxed)}.btn-download{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--outline-variant);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-download:hover{border-color:#01e0b44d;color:var(--primary)}.client-loading{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:16px}.client-loading-text{color:var(--text-muted);font-size:var(--fs-body-sm)}.client-name-label{font-size:var(--fs-label-lg);color:var(--text-muted);white-space:nowrap}.client-welcome{padding:var(--space-3) var(--space-5);background:#01e0b40a;border-bottom:1px solid var(--outline-variant);font-size:var(--fs-body-sm);color:var(--text-secondary);flex-shrink:0}.player-wrapper--processing{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.player-processing-text{font-size:var(--fs-body-sm);color:var(--text-muted);text-align:center;padding:0 var(--space-8)}.video-pill-thumb{width:20px;height:14px;object-fit:cover;border-radius:2px}.signature-body{font-size:var(--fs-body-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--lh-relaxed)}.signature-form-group{margin-bottom:var(--space-4)}.signature-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.signature-btn{flex:1;justify-content:center}.client-name-badge{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);color:var(--text-secondary)}.client-online-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse 2s ease-in-out infinite}.client-version-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-xs);background:#01e0b41f;color:var(--primary)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);flex-shrink:0;background:linear-gradient(135deg,var(--secondary-container),var(--primary));color:#00382b}.avatar-sm{width:22px;height:22px;font-size:9px}.welcome-isotipo{width:28px;height:64px;fill:var(--primary);margin:0 auto var(--space-6);filter:drop-shadow(0 0 12px rgba(1,224,180,.5))}.welcome-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-md)}.welcome-meta-item{display:flex;flex-direction:column;align-items:center;gap:2px}.welcome-meta-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.welcome-meta-value{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary)}.welcome-meta-sep{width:1px;height:32px;background:var(--outline-variant)}.password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.password-card{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:440px;width:100%;text-align:center;animation:welcomeIn .35s cubic-bezier(.16,1,.3,1) both}.password-lock-icon{width:56px;height:56px;border-radius:50%;background:#01e0b414;border:1px solid rgba(1,224,180,.15);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--primary);font-size:24px}.password-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2)}.password-subtitle{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}.password-input-wrap{position:relative;margin-bottom:var(--space-4)}.password-input{width:100%;background:var(--surface-elevated);border:none;border-bottom:2px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);text-align:center;letter-spacing:.15em;transition:all var(--transition-base);box-sizing:border-box}.password-input:focus{outline:none;border-bottom-color:var(--primary);background:var(--surface-highest)}.password-input::placeholder{color:var(--text-muted);letter-spacing:.05em}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-secondary)}.password-error{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--color-danger);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.approval-signature{width:100%;background:var(--surface-elevated);border:none;border-bottom:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);margin-bottom:var(--space-3);transition:all var(--transition-base)}.approval-signature:focus{outline:none;border-bottom-color:var(--primary)}.approval-signature::placeholder{color:var(--text-muted)}.download-wrapper{position:relative}.download-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-float);z-index:100;overflow:hidden;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1) both}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.download-dropdown-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--outline-variant)}.download-dropdown-title{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.download-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left;color:var(--text-secondary)}.download-option:hover{background:var(--surface-elevated);color:var(--text-primary)}.download-option i{font-size:16px;color:var(--primary);flex-shrink:0}.download-option-info{display:flex;flex-direction:column;gap:1px}.download-option-name{font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:inherit}.download-option-size{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.view-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid var(--outline-variant);background:#1119}.view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.view-tab:hover{color:var(--text-secondary);background:#ffffff05}.view-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.view-tab i{font-size:16px}.fb-layout{display:flex;flex:1;overflow:hidden;width:100%}.fb-main{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.fb-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fb-title-area{display:flex;align-items:baseline;gap:var(--space-4)}.fb-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary)}.fb-count{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.fb-grid--sm{grid-template-columns:repeat(4,1fr)}.fb-grid--lg{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.fb-grid{grid-template-columns:repeat(2,1fr)}.fb-grid--sm{grid-template-columns:repeat(3,1fr)}.fb-grid--lg{grid-template-columns:1fr}}@media(max-width:700px){.fb-grid,.fb-grid--sm{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.fb-grid--lg{grid-template-columns:1fr}}.fb-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.fb-card:hover{border-color:#01e0b440;transform:translateY(-2px);box-shadow:var(--shadow-float)}.fb-card--selected{border-color:var(--primary);box-shadow:0 0 16px #01e0b440}.fb-card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden}.fb-card-bg{width:100%;height:100%;transition:transform .6s ease}.fb-card:hover .fb-card-bg{transform:scale(1.05)}.fb-card-number{position:absolute;top:var(--space-2);left:var(--space-2);font-family:var(--font-mono);font-size:.55rem;font-weight:700;background:#000000b3;color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-xs)}.fb-card-comment-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--primary);background:#000000b3;padding:2px 6px;border-radius:var(--radius-xs)}.fb-card-comment-badge i{font-size:10px}.fb-card-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.fb-card-name{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-card-desc{font-family:var(--font-sans);font-size:var(--fs-label-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:calc(var(--z-modal) + 100);flex-direction:row}.fb-lightbox--active{display:flex}.fb-lightbox-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0}.fb-lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);position:absolute;top:0;left:0;right:0;z-index:20;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%)}.fb-lightbox-counter{font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-muted)}.fb-lightbox-close{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--transition-fast)}.fb-lightbox-close:hover{color:var(--text-primary)}.fb-lightbox-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:60px var(--space-10) 80px;position:relative}.fb-lightbox-frame-img{position:relative;width:100%;max-width:min(80vw,calc(100vh - 180px) * 16 / 9);aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);overflow:visible;box-shadow:0 20px 60px #0009}.fb-lightbox-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden}.lb-pins-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.lb-pin{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--surface-base);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:var(--font-mono);border:2px solid rgba(0,0,0,.35);box-shadow:0 2px 8px #00000080;transform:translate(-50%,-50%);cursor:move;pointer-events:auto;transition:box-shadow var(--transition-fast),transform var(--transition-fast);z-index:6}.lb-pin:hover{transform:translate(-50%,-50%) scale(1.18)}.lb-pin--highlighted{box-shadow:0 0 0 4px var(--primary),0 2px 12px #0009;transform:translate(-50%,-50%) scale(1.2)}.lb-pin--dragging{cursor:grabbing;z-index:10;transform:translate(-50%,-50%) scale(1.15)}.lb-pin--locked{opacity:.5;cursor:not-allowed}.fb-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all var(--transition-fast);z-index:10}.fb-lightbox-arrow:hover{background:#01e0b426;border-color:#01e0b44d;color:var(--primary)}.fb-lightbox-arrow--prev{left:var(--space-6)}.fb-lightbox-arrow--next{right:var(--space-6)}.lb-compare-line{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius-lg);overflow:hidden;display:none;z-index:7}.lb-compare-line--active{display:block}.lb-compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--primary);box-shadow:var(--shadow-glow-primary)}.lb-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:var(--primary);border:2px solid rgba(0,0,0,.4);border-radius:50%;cursor:ew-resize;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--surface-base)}.lb-compare-label{position:absolute;top:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-label-sm);color:#ffffffa6;background:#0000008c;padding:2px 7px;border-radius:var(--radius-xs)}.lb-compare-label--left{left:var(--space-3)}.lb-compare-label--right{right:var(--space-3)}.fb-lightbox-panel{width:380px;flex-shrink:0;background:var(--surface-card);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.fb-lb-panel-top{flex:1;overflow-y:auto;display:flex;flex-direction:column}.fb-lb-panel-top::-webkit-scrollbar{width:3px}.fb-lb-panel-top::-webkit-scrollbar-track{background:transparent}.fb-lb-panel-top::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:var(--radius-full)}.fb-lb-meta{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.fb-lb-frame-title{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.fb-lb-frame-tc{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted)}.fb-lb-versions-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.fb-lb-version-btn{flex:1;padding:var(--space-1) 0;background:var(--surface-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center}.fb-lb-version-btn:hover{color:var(--text-primary);background:var(--surface-highest)}.fb-lb-version-btn--active{background:#01e0b41f;border-color:#01e0b44d;color:var(--primary)}.fb-lb-compare-btn{padding:var(--space-1) var(--space-3);background:var(--surface-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.fb-lb-compare-btn:hover{color:var(--text-secondary)}.fb-lb-compare-btn--active{background:#01e0b41a;border-color:#01e0b440;color:var(--primary)}.fb-lb-section-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-5) var(--space-2)}.fb-lb-pin-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.fb-lb-pin-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background var(--transition-fast),border-left-color var(--transition-fast)}.fb-lb-pin-item:hover{background:var(--surface-elevated)}.fb-lb-pin-item--highlighted{background:var(--surface-elevated);border-left:3px solid var(--primary)}.fb-lb-pin-num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--surface-base);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;margin-top:1px}.fb-lb-pin-text{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-normal);flex:1}.fb-lb-comments-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.lb-comment{display:flex;gap:var(--space-3)}.lb-comment-body{flex:1;background:var(--surface-elevated);border-radius:var(--radius-sm);padding:var(--space-3)}.lb-comment-author{font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-1)}.lb-comment-text{font-size:var(--fs-body-sm);color:var(--text-primary);line-height:var(--lh-normal)}.lb-comment-time{font-family:var(--font-mono);font-size:var(--fs-label-sm);color:var(--text-muted);margin-top:var(--space-1)}.fb-lb-panel-bottom{flex-shrink:0;padding:var(--space-4) var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.fb-lb-input-wrap{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--surface-elevated);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);padding:var(--space-3)}.fb-lb-textarea{flex:1;background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-normal);resize:none;outline:none;min-height:36px;max-height:80px}.fb-lb-textarea::placeholder{color:var(--text-muted)}.fb-lb-send{width:32px;height:32px;background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--surface-base);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity var(--transition-fast)}.fb-lb-send:hover{opacity:.85}.fb-lb-send i{font-size:14px}.lb-pin-edit-area{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.lb-pin-edit-textarea{width:100%;background:var(--surface-elevated);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);padding:var(--space-2);resize:none;outline:none;min-height:48px;line-height:var(--lh-normal)}.lb-pin-edit-textarea:focus{border-color:var(--primary)}.lb-pin-edit-actions{display:flex;gap:var(--space-2)}.lb-pin-save-btn{padding:2px var(--space-3);background:var(--primary-container);border:none;border-radius:var(--radius-xs);color:#00382b;font-family:var(--font-sans);font-size:var(--fs-label-lg);font-weight:var(--fw-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.lb-pin-save-btn:hover{opacity:.85}.lb-pin-cancel-btn{padding:2px var(--space-3);background:transparent;border:1px solid var(--outline-variant);border-radius:var(--radius-xs);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-label-lg);cursor:pointer;transition:all var(--transition-fast)}.lb-pin-cancel-btn:hover{color:var(--text-primary)}.fb-lb-pin-edit-btn{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0;padding:2px}.fb-lb-pin-edit-btn:hover{opacity:1;color:var(--primary)}.pin-ctx-menu{position:fixed;z-index:1000;min-width:180px;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:var(--space-1) 0;box-shadow:var(--shadow-float)}.pin-ctx-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--fs-body-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:all var(--transition-fast)}.pin-ctx-item:hover{background:var(--surface-elevated);color:var(--text-primary)}.pin-ctx-danger{color:var(--color-danger)}.pin-ctx-danger:hover{background:#f871711a;color:var(--color-danger)}.pin-ctx-sep{height:1px;background:var(--outline-variant);margin:var(--space-1) 0}.fb-size-toggle{display:flex;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);overflow:hidden}.fb-size-btn{padding:var(--space-1) var(--space-3);background:transparent;border:none;font-family:var(--font-mono);font-size:var(--fs-label-sm);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em}.fb-size-btn:hover{color:var(--text-secondary)}.fb-size-btn--active{background:var(--surface-elevated);color:var(--primary)}.fb-size-btn+.fb-size-btn{border-left:1px solid var(--outline-variant)}.fthumb-01{background:linear-gradient(135deg,#141420,#1e2038,#1f2d4a,#172f5a)}.fthumb-02{background:linear-gradient(135deg,#0d0d0d,#1b0a28,#2d1b4e,#0f3460)}.fthumb-03{background:linear-gradient(135deg,#111,#1a1f16,#2a331e,#3a4528)}.fthumb-04{background:linear-gradient(135deg,#0e0e10,#1a1a1e,#252530,#2e2e3a)}.fthumb-05{background:linear-gradient(135deg,#0a0a0a,#16213e,#1a1a2e,#0f3460)}.fthumb-06{background:linear-gradient(135deg,#10090d,#201520,#301a30,#1a1a2e)}.fthumb-07{background:linear-gradient(135deg,#0d0f0e,#182018,#1e2d1e,#243524)}.fthumb-08{background:linear-gradient(135deg,#111,#1a1a2e,#252530,#0f3460)}@media(max-width:900px){.review-layout{flex-direction:column}.right-panel{width:100%;min-width:0;max-height:50vh;border-left:none;border-top:1px solid var(--outline-variant)}.player-column,.fb-main{overflow-y:auto}}@media(max-width:768px){.fb-lightbox-panel{display:none}}@media(max-width:600px){.client-header{padding:0 var(--space-4)}.client-project-label,.client-name-badge{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.login-card{width:100%;max-width:400px;background:#212121b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(1,224,180,.12);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-float),0 0 60px #01e0b40a;animation:cardIn .5s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.login-isotipo{width:28px;height:auto;fill:#fff;flex-shrink:0}.login-wordmark{width:180px;fill:var(--text-primary)}.login-product-name{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);text-align:center;margin-top:var(--space-1)}.login-product-name span{color:var(--primary)}.login-divider{height:1px;background:var(--outline-variant);margin:var(--space-6) 0}.login-form-group{margin-bottom:var(--space-4)}.login-label{display:block;font-family:var(--font-mono);font-size:var(--fs-label-lg);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.login-input-wrap{position:relative}.login-input{width:100%;background:var(--surface-elevated);border:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-primary);outline:none;transition:all var(--transition-base)}.login-input:focus{background:var(--surface-highest);border-bottom-color:var(--primary)}.login-input::placeholder{color:var(--text-disabled)}.login-input.error{border-bottom-color:var(--color-danger);background:#f871710f}.login-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-disabled);pointer-events:none;transition:color var(--transition-fast)}.login-input-wrap:focus-within .login-input-icon{color:var(--primary)}.login-input.error~.login-input-icon{color:var(--color-danger)}.pw-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-disabled);font-size:16px;cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);border-radius:var(--radius-xs)}.pw-toggle:hover{color:var(--text-secondary)}.login-error{display:none;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--color-danger);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.login-error.visible{display:flex}.login-error i{font-size:14px;flex-shrink:0}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--primary-container);color:#00382b;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;margin-top:var(--space-2)}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff26,#fff0 60%);opacity:0;transition:opacity var(--transition-base)}.login-btn:hover:before{opacity:1}.login-btn:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.01)}.login-btn:active{transform:scale(.99)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-btn .spinner{display:none;width:16px;height:16px;border:2px solid rgba(0,56,43,.3);border-top-color:#00382b;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.login-btn.loading .spinner{display:block}.login-btn.loading .btn-text{display:none}.login-btn.loading .btn-loading-text{display:inline}.btn-loading-text{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-forgot{display:block;text-align:center;font-size:var(--fs-label-lg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--space-4);text-decoration:none;transition:color var(--transition-fast)}.login-forgot:hover{color:var(--primary)}.login-footer{position:relative;z-index:1;text-align:center;padding:var(--space-6) var(--space-4);font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-disabled)}@media(max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}}.remote-cursor{position:absolute;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:5}.remote-cursor-dot{width:8px;height:8px;border-radius:50%;border:2px solid #fff;flex-shrink:0}.remote-cursor-label{font-family:var(--font-mono);font-size:9px;background:#000000a6;padding:1px 6px;border-radius:var(--radius-xs)}.pres-toggle-track{width:28px;height:16px;border-radius:var(--radius-full);background:var(--primary);position:relative;transition:background var(--transition-base);flex-shrink:0}.pres-toggle-track.off{background:var(--surface-highest)}.pres-toggle-thumb{width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform var(--transition-base)}.pres-toggle-track:not(.off) .pres-toggle-thumb{transform:translate(12px)}.timeline-cursor-guest{position:absolute;top:-5px;width:8px;height:14px;border-radius:2px;transform:translate(-50%);cursor:pointer}.cw-session-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--outline-variant);background:var(--surface-card);flex-shrink:0}.cw-estudio-body{display:flex;flex-direction:column;height:calc(100vh - 72px);overflow:hidden}.cw-estudio-mockup .controls-bar{background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.client-header{height:60px;background:#111111eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;padding:0 var(--space-6);gap:var(--space-4)}.client-header-left{display:flex;align-items:center}.client-isotipo{width:16px;height:40px;fill:var(--text-primary);flex-shrink:0}.client-header-center{display:flex;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.client-project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-video-name{white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.host-cursor{position:absolute;bottom:38%;left:55%;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:5}.host-cursor-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);border:2px solid #fff;box-shadow:0 0 6px #4ade8099;flex-shrink:0}.host-cursor-label{font-family:var(--font-mono);font-size:9px;color:var(--color-success);background:#000000a6;padding:1px 6px;border-radius:var(--radius-xs)}.play-circle-disabled{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.play-btn-disabled{width:60px;height:60px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:24px;opacity:.25;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:not-allowed}.host-controls-label{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--space-12) + var(--space-6));z-index:10;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:#0000008c;padding:3px 10px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none}.timeline-cursor-host{position:absolute;top:-4px;width:8px;height:12px;border-radius:2px;background:#4ade8080;border:1px solid var(--color-success);transform:translate(-50%)}.cw-cliente-mockup .controls-bar{background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);opacity:.3;pointer-events:none}.session-ended-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);align-items:center;justify-content:center}.session-ended-overlay.show{display:flex}.session-ended-card{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:380px;text-align:center}.session-ended-icon{width:56px;height:56px;border-radius:50%;background:#f871711f;border:1px solid rgba(248,113,113,.25);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-danger)}.session-ended-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-sm);text-transform:uppercase;color:var(--text-primary);line-height:var(--lh-tight);letter-spacing:-.02em}.session-ended-sub{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.error-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;z-index:1}.error-card{width:100%;max-width:500px;text-align:center;animation:errorCardIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes errorCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.error-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12)}.error-isotipo{width:16px;height:38px;fill:var(--text-muted);flex-shrink:0}.error-brand{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-body-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.error-icon-wrap{width:96px;height:96px;border-radius:50%;background:var(--surface-card);border:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-8);position:relative}.error-icon-wrap:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:transparent;border:1px solid transparent;transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.error-icon-wrap--invalid:before{border-color:#f871714d;box-shadow:0 0 24px #f871711f}.error-icon-wrap--expired:before{border-color:#fbbf244d;box-shadow:0 0 24px #fbbf241f}.error-icon-wrap--maxviews:before{border-color:#60a5fa4d;box-shadow:0 0 24px #60a5fa1f}.error-icon{font-size:36px;line-height:1}.error-icon--invalid{color:var(--color-danger)}.error-icon--expired{color:var(--color-warning)}.error-icon--maxviews{color:var(--color-info)}.error-title{font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-headline-lg);text-transform:uppercase;letter-spacing:-.02em;line-height:var(--lh-snug);color:var(--text-primary);margin-bottom:var(--space-4)}.error-subtitle{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-3);max-width:380px;margin-left:auto;margin-right:auto}.error-hint{font-family:var(--font-mono);font-size:var(--fs-label-lg);color:var(--text-muted);line-height:var(--lh-relaxed);margin-bottom:var(--space-10)}.error-hint a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.error-hint a:hover{color:var(--primary-dim)}.error-divider{height:1px;background:var(--outline-variant);margin:var(--space-8) 0}.error-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.error-variant{display:none}.error-variant.active{display:block}.error-footer{position:relative;z-index:1;text-align:center;padding:var(--space-5) var(--space-8);border-top:1px solid var(--outline-variant);font-family:var(--font-sans);font-weight:var(--fw-black);font-style:italic;font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--text-disabled)}.demo-bar{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;gap:var(--space-1);background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:var(--radius-full);padding:var(--space-1)}.demo-btn{padding:5px var(--space-4);border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.demo-btn:hover{color:var(--text-secondary)}.demo-btn--active{background:var(--surface-elevated);color:var(--text-primary)}@media(max-width:480px){.error-card{padding:0}.error-title{font-size:var(--fs-headline-sm)}.error-icon-wrap{width:80px;height:80px}.error-icon{font-size:28px}}