:root{--tf-background:#1A1A1A;--tf-foreground:#EAEAEA;--tf-card:#1E1E1E;--tf-card-elevated:#252525;--tf-card-border:#2A2A2A;--tf-amber:#FFB800;--tf-orange:#FF4D00;--tf-gradient:linear-gradient(135deg,#FF4D00,#FFB800);--tf-accent-rgb:255,184,0;--tf-muted:#333333;--tf-muted-fg:#888888;--tf-text:var(--tf-foreground);--tf-border:var(--tf-card-border);--tf-surface:var(--tf-card);--tf-surface-elevated:var(--tf-card-elevated);--tf-surface-secondary:color-mix(in srgb,var(--tf-card) 88%,var(--tf-muted) 12%);--tf-text-secondary:var(--tf-muted-fg);--tf-muted-foreground:var(--tf-muted-fg);--tf-accent:var(--tf-amber);--tf-glass-bg:var(--tf-card);--tf-glass-border:rgba(60,60,60,0.5);--tf-success:#4ADE80;--tf-error:#EF4444;--tf-warning:#F59E0B;--tf-live:#EF4444;--tf-radius-sm:8px;--tf-radius-md:12px;--tf-radius-lg:16px;--tf-radius-xl:20px;--tf-radius-full:9999px;--tf-font-display:"Sora","Space Grotesk","Plus Jakarta Sans","Avenir Next","Segoe UI",sans-serif;--tf-font-sans:"Manrope","Sora","Space Grotesk","Plus Jakarta Sans","Avenir Next","Segoe UI",sans-serif;--tf-font-mono:"JetBrains Mono","IBM Plex Mono","Fira Code",monospace;--tf-tracking-tight:-0.015em;--tf-tracking-wide:0.05em;--tf-line-height-compact:1.2;--tf-line-height-normal:1.45;--tf-shadow-sm:0 2px 8px rgba(0,0,0,0.3);--tf-shadow-md:0 4px 16px rgba(0,0,0,0.4);--tf-shadow-lg:0 8px 32px rgba(0,0,0,0.5);--tf-shadow-glow:0 0 20px rgba(var(--tf-accent-rgb),0.3);--tf-transition-fast:100ms cubic-bezier(0.34,1.56,0.64,1);--tf-transition-normal:200ms ease-out;--tf-transition-slow:300ms ease-out}body.strimq-ui,body.strimq-ui *,body.strimq-ui :after,body.strimq-ui :before{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.theme-aurora,body.theme-aurora{--tf-amber:#80ffd3;--tf-orange:#6ea8ff;--tf-gradient:linear-gradient(135deg,#6ea8ff,#80ffd3);--tf-accent-rgb:128,255,211;--tf-shadow-glow:0 0 20px rgba(128,255,211,0.25)}.theme-neon,body.theme-neon{--tf-amber:#39ff14;--tf-orange:#ff4ecd;--tf-gradient:linear-gradient(135deg,#ff4ecd,#39ff14);--tf-accent-rgb:57,255,20;--tf-shadow-glow:0 0 20px rgba(57,255,20,0.3)}.theme-sunset,body.theme-sunset{--tf-amber:#fb923c;--tf-orange:#f472b6;--tf-gradient:linear-gradient(135deg,#f472b6,#fb923c);--tf-accent-rgb:251,146,60;--tf-shadow-glow:0 0 20px rgba(251,146,60,0.3)}.theme-ocean,body.theme-ocean{--tf-amber:#38bdf8;--tf-orange:#818cf8;--tf-gradient:linear-gradient(135deg,#818cf8,#38bdf8);--tf-accent-rgb:56,189,248;--tf-shadow-glow:0 0 20px rgba(56,189,248,0.3)}.theme-forest,body.theme-forest{--tf-amber:#34d399;--tf-orange:#a3e635;--tf-gradient:linear-gradient(135deg,#a3e635,#34d399);--tf-accent-rgb:52,211,153;--tf-shadow-glow:0 0 20px rgba(52,211,153,0.3)}.theme-cherry,body.theme-cherry{--tf-amber:#f87171;--tf-orange:#fb7185;--tf-gradient:linear-gradient(135deg,#fb7185,#f87171);--tf-accent-rgb:248,113,113;--tf-shadow-glow:0 0 20px rgba(248,113,113,0.3)}.theme-midnight,body.theme-midnight{--tf-amber:#94a3b8;--tf-orange:#64748b;--tf-gradient:linear-gradient(135deg,#64748b,#94a3b8);--tf-accent-rgb:148,163,184;--tf-shadow-glow:0 0 20px rgba(148,163,184,0.2)}.theme-onyx,body.theme-onyx{--tf-amber:#c7d2fe;--tf-orange:#f472b6;--tf-gradient:linear-gradient(135deg,#f472b6,#c7d2fe);--tf-accent-rgb:199,210,254;--tf-shadow-glow:0 0 20px rgba(199,210,254,0.3)}.theme-royal,body.theme-royal{--tf-amber:#fbbf24;--tf-orange:#a855f7;--tf-gradient:linear-gradient(135deg,#a855f7,#fbbf24);--tf-accent-rgb:168,85,247;--tf-shadow-glow:0 0 25px rgba(168,85,247,0.3)}.theme-ember,body.theme-ember{--tf-amber:#fcd34d;--tf-orange:#ef4444;--tf-gradient:linear-gradient(135deg,#ef4444,#fcd34d);--tf-accent-rgb:239,68,68;--tf-shadow-glow:0 0 25px rgba(239,68,68,0.3)}.theme-arctic,body.theme-arctic{--tf-amber:#e0f2fe;--tf-orange:#0ea5e9;--tf-gradient:linear-gradient(135deg,#0ea5e9,#e0f2fe);--tf-accent-rgb:14,165,233;--tf-shadow-glow:0 0 25px rgba(14,165,233,0.3)}.theme-lavender,body.theme-lavender{--tf-amber:#e9d5ff;--tf-orange:#a78bfa;--tf-gradient:linear-gradient(135deg,#a78bfa,#e9d5ff);--tf-accent-rgb:167,139,250;--tf-shadow-glow:0 0 25px rgba(167,139,250,0.3)}.theme-light,body.theme-light{--tf-amber:#f59e0b;--tf-orange:#ea580c;--tf-gradient:linear-gradient(135deg,#ea580c,#f59e0b);--tf-accent-rgb:245,158,11;--tf-background:#fafafa;--tf-foreground:#171717;--tf-card:#ffffff;--tf-card-elevated:#f8f8f8;--tf-card-border:#e5e5e5;--tf-muted:#f5f5f5;--tf-muted-fg:#737373;--tf-shadow-glow:0 4px 20px rgba(0,0,0,0.08)}@media (prefers-color-scheme:light){.theme-auto,body.theme-auto{--tf-amber:#f59e0b;--tf-orange:#ea580c;--tf-gradient:linear-gradient(135deg,#ea580c,#f59e0b);--tf-accent-rgb:245,158,11;--tf-background:#fafafa;--tf-foreground:#171717;--tf-card:#ffffff;--tf-card-elevated:#f8f8f8;--tf-card-border:#e5e5e5;--tf-muted:#f5f5f5;--tf-muted-fg:#737373;--tf-shadow-glow:0 4px 20px rgba(0,0,0,0.08)}}.theme-pearl,body.theme-pearl{--tf-amber:#14b8a6;--tf-orange:#0891b2;--tf-gradient:linear-gradient(135deg,#0891b2,#14b8a6);--tf-accent-rgb:20,184,166;--tf-background:#f8fafc;--tf-foreground:#0f172a;--tf-card:#ffffff;--tf-card-elevated:#f1f5f9;--tf-card-border:#e2e8f0;--tf-muted:#f1f5f9;--tf-muted-fg:#64748b;--tf-shadow-glow:0 4px 20px rgba(20,184,166,0.1)}.theme-rose,body.theme-rose{--tf-amber:#fb7185;--tf-orange:#e11d48;--tf-gradient:linear-gradient(135deg,#e11d48,#fb7185);--tf-accent-rgb:251,113,133;--tf-background:#fff1f2;--tf-foreground:#1f2937;--tf-card:#ffffff;--tf-card-elevated:#fff7f8;--tf-card-border:#fecdd3;--tf-muted:#ffe4e6;--tf-muted-fg:#9f1239;--tf-shadow-glow:0 4px 20px rgba(251,113,133,0.15)}.theme-mint,body.theme-mint{--tf-amber:#34d399;--tf-orange:#059669;--tf-gradient:linear-gradient(135deg,#059669,#34d399);--tf-accent-rgb:52,211,153;--tf-background:#ecfdf5;--tf-foreground:#1f2937;--tf-card:#ffffff;--tf-card-elevated:#f3fcf8;--tf-card-border:#a7f3d0;--tf-muted:#d1fae5;--tf-muted-fg:#047857;--tf-shadow-glow:0 4px 20px rgba(52,211,153,0.15)}.theme-sand,body.theme-sand{--tf-amber:#fbbf24;--tf-orange:#d97706;--tf-gradient:linear-gradient(135deg,#d97706,#fbbf24);--tf-accent-rgb:251,191,36;--tf-background:#fefce8;--tf-foreground:#1c1917;--tf-card:#ffffff;--tf-card-elevated:#fffcf0;--tf-card-border:#fde68a;--tf-muted:#fef9c3;--tf-muted-fg:#92400e;--tf-shadow-glow:0 4px 20px rgba(251,191,36,0.15)}.tf-light{--tf-background:#F5F5F5;--tf-foreground:#1A1A1A;--tf-card:#FFFFFF;--tf-card-elevated:#FAFAFA;--tf-card-border:#E5E5E5;--tf-muted:#F0F0F0;--tf-muted-fg:#666666;--tf-glass-bg:var(--tf-card);--tf-glass-border:rgba(200,200,200,0.5)}.tf-root{font-family:var(--tf-font-sans);background:var(--tf-background);color:var(--tf-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--tf-line-height-normal);letter-spacing:.01em}@keyframes tf-pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes tf-vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tf-vinyl-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tf-bar-dance{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes tf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tf-expand-pill{0%{width:48px}to{width:280px}}@keyframes tf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tf-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tf-osd-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.tf-animate-pulse{animation:tf-pulse-glow 2s ease-in-out infinite}.tf-animate-vinyl{animation:tf-vinyl-spin 3s linear infinite}.tf-animate-vinyl-slow{animation:tf-vinyl-spin-slow 8s linear infinite}.tf-animate-float{animation:tf-float 3s ease-in-out infinite}.tf-animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);background-size:200% 100%;animation:tf-shimmer 1.5s infinite}.tf-animate-slide-in{animation:tf-slide-in .3s ease-out forwards}.tf-animate-osd{animation:tf-osd-fade 1.5s ease-in-out forwards}@keyframes tf-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tf-icon-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tf-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes tf-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tf-icon-float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-3px) translateX(1px)}}@keyframes tf-icon-wave{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes tf-icon-sparkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes tf-icon-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.tf-icon{transition:transform .2s ease,filter .2s ease}.tf-icon:hover{filter:brightness(1.2)}.tf-icon-spin{animation:tf-icon-spin 1s linear infinite}.tf-icon-spin-slow{animation:tf-icon-spin-slow 8s linear infinite}.tf-icon-pulse{animation:tf-icon-pulse 2s ease-in-out infinite}.tf-icon-bounce{animation:tf-icon-bounce 1s ease-in-out infinite}.tf-icon-float{animation:tf-icon-float 3s ease-in-out infinite}.tf-icon-wiggle{animation:tf-icon-wiggle .5s ease-in-out}.tf-icon-wave{animation:tf-icon-wave 2s ease-in-out infinite}.tf-icon-wave-1{animation-delay:0s}.tf-icon-wave-2{animation-delay:.3s}.tf-icon-wave-3{animation-delay:.1s}.tf-icon-wave-4{animation-delay:.4s}.tf-icon-sparkle{animation:tf-icon-sparkle 1.5s ease-in-out infinite}.tf-icon-sparkle-1{animation-delay:0s}.tf-icon-sparkle-2{animation-delay:.5s}.tf-icon-check polyline{stroke-dasharray:20;stroke-dashoffset:20;animation:tf-icon-check-draw .4s ease-out forwards}@keyframes tf-icon-check-draw{to{stroke-dashoffset:0}}.tf-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--tf-font-sans);font-weight:500;border:none;cursor:pointer;transition:transform var(--tf-transition-fast),box-shadow var(--tf-transition-normal);outline:none}.tf-btn:active{transform:scale(.95)}.tf-btn:focus-visible{box-shadow:0 0 0 2px var(--tf-amber)}.tf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tf-btn-primary{background:var(--tf-gradient);color:#000;box-shadow:var(--tf-shadow-glow)}.tf-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.tf-btn-primary svg{stroke:#000}.tf-btn-primary svg [fill=currentColor]{fill:#000}.tf-btn-primary svg [stroke=currentColor]{stroke:#000}.tf-btn-secondary{background:var(--tf-card);color:var(--tf-foreground);border:1px solid var(--tf-card-border);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1)}.tf-btn-secondary:hover:not(:disabled){background:var(--tf-card-elevated);border-color:#3A3A3A}.tf-btn-ghost{background:transparent;color:var(--tf-muted-fg)}.tf-btn-ghost:hover:not(:disabled){color:var(--tf-foreground);background:rgba(255,255,255,.05)}.tf-btn-control{background:var(--tf-background);color:var(--tf-foreground);border:2px solid var(--tf-muted);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 -1px 0 rgba(255,255,255,.1)}.tf-btn-control:hover:not(:disabled){border-color:#444}.tf-btn-control:active{box-shadow:inset 0 2px 8px rgba(0,0,0,.5)}.tf-btn-control.active{border-color:var(--tf-amber);box-shadow:0 0 12px rgba(var(--tf-accent-rgb),.3)}.tf-btn-sm{height:28px;padding:0 12px;font-size:12px;border-radius:var(--tf-radius-sm)}.tf-btn-md{height:36px;padding:0 16px;font-size:13px;border-radius:var(--tf-radius-md)}.tf-btn-lg{height:44px;padding:0 24px;font-size:14px;border-radius:var(--tf-radius-lg)}.tf-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--tf-radius-md)}.tf-btn-icon-sm{width:28px;height:28px;padding:0;border-radius:var(--tf-radius-sm)}.tf-glass{background:var(--tf-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--tf-glass-border)}.tf-card{background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);transition:transform var(--tf-transition-normal),box-shadow var(--tf-transition-normal)}.tf-card:hover{transform:translateY(-2px);box-shadow:var(--tf-shadow-lg);border-color:#3A3A3A}.tf-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none}.tf-progress{height:4px;background:var(--tf-muted);overflow:hidden}.tf-progress,.tf-progress-fill{border-radius:var(--tf-radius-full)}.tf-progress-fill{height:100%;background:var(--tf-gradient);transition:width .1s linear}.tf-progress-border{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--tf-muted);cursor:pointer;transition:height .15s ease}.tf-progress-border:hover{height:6px}.tf-progress-border .tf-progress-fill{position:absolute;left:0;top:0;bottom:0}.tf-visualizer{display:flex;align-items:flex-end;gap:2px;height:16px}.tf-visualizer-bar{width:3px;background:var(--tf-gradient);border-radius:2px;transition:height .1s ease}.tf-grain:before{content:"";position:absolute;inset: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.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay;border-radius:inherit}.tf-led{width:8px;height:8px;border-radius:50%}.tf-led-active{background:var(--tf-success);box-shadow:0 0 8px var(--tf-success)}.tf-led-inactive{background:var(--tf-muted-fg)}.tf-led-error{background:var(--tf-error);box-shadow:0 0 8px var(--tf-error)}.tf-led-live{background:var(--tf-live);box-shadow:0 0 8px var(--tf-live);animation:tf-pulse-glow 1s ease-in-out infinite}.tf-badge-live{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);border-radius:var(--tf-radius-full);font-size:10px;font-weight:700;color:var(--tf-live);text-transform:uppercase;letter-spacing:.5px}.tf-scrollbar::-webkit-scrollbar{width:6px;height:6px}.tf-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.tf-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.tf-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.tf-gradient-text{background:var(--tf-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tf-hover-lift{transition:transform var(--tf-transition-normal),box-shadow var(--tf-transition-normal)}.tf-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--tf-shadow-md)}.tf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-mono{font-family:var(--tf-font-mono)}.tf-focus-ring:focus-visible{outline:2px solid var(--tf-amber);outline-offset:2px}.tf-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}.tf-skip-link{position:absolute;top:-40px;left:0;background:var(--tf-amber);color:#000;padding:8px 16px;z-index:10000;text-decoration:none;font-weight:600;border-radius:var(--tf-radius-sm)}.tf-skip-link:focus{top:8px;left:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tf-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tf-hide-scrollbar::-webkit-scrollbar{display:none}.tf-tooltip{position:relative}.tf-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;margin-bottom:4px;background:var(--tf-background);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-sm);font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--tf-transition-fast);z-index:100}.tf-tooltip:hover:after{opacity:1}.tf-kbd{display:inline-block;padding:2px 6px;font-family:var(--tf-font-mono);font-size:11px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:4px;box-shadow:0 1px 0 var(--tf-card-border)}.tf-popup{width:380px;min-height:400px;max-height:600px;background:#141414;border-radius:var(--tf-radius-lg);overflow:hidden;font-family:var(--tf-font-sans);color:var(--tf-foreground)}.tf-header{justify-content:space-between;padding:10px 12px;background:var(--tf-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--tf-card-border)}.tf-header,.tf-header-brand{display:flex;align-items:center}.tf-header-brand{gap:8px}.tf-header-title{font-size:14px;font-weight:700;color:var(--tf-foreground)}.connection-indicator,.tf-header-actions{display:flex;align-items:center;gap:4px}.connection-indicator{justify-content:center;padding:0 6px;height:28px;flex-shrink:0}.connection-indicator .latency-text{font-size:10px;color:var(--tf-muted-foreground);font-weight:500}.tf-dot{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%}.tf-dot.active{background:var(--tf-success);box-shadow:0 0 4px var(--tf-success)}.tf-bulk-actions{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--tf-border);background:var(--tf-surface-elevated)}.tf-bulk-actions .tf-btn{flex:1 1;justify-content:center;gap:5px;font-size:11px;font-weight:500;height:28px;padding:0 8px;border-radius:var(--tf-radius-sm);background:var(--tf-card);color:var(--tf-foreground);border:1px solid var(--tf-card-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.tf-bulk-actions .tf-btn:hover:not(:disabled){background:var(--tf-card-elevated);border-color:var(--tf-card-border);color:var(--tf-foreground)}.tf-bulk-actions .tf-btn:focus-visible{box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.35)}.tf-bulk-actions .tf-btn span{display:none}.theme-light .tf-bulk-actions,.theme-mint .tf-bulk-actions,.theme-pearl .tf-bulk-actions,.theme-rose .tf-bulk-actions,.theme-sand .tf-bulk-actions,body.theme-light .tf-bulk-actions,body.theme-mint .tf-bulk-actions,body.theme-pearl .tf-bulk-actions,body.theme-rose .tf-bulk-actions,body.theme-sand .tf-bulk-actions{border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);margin:8px 8px 2px;background:var(--tf-card);box-shadow:0 1px 2px rgba(0,0,0,.06)}.theme-light .tf-bulk-actions .tf-btn,.theme-mint .tf-bulk-actions .tf-btn,.theme-pearl .tf-bulk-actions .tf-btn,.theme-rose .tf-bulk-actions .tf-btn,.theme-sand .tf-bulk-actions .tf-btn,body.theme-light .tf-bulk-actions .tf-btn,body.theme-mint .tf-bulk-actions .tf-btn,body.theme-pearl .tf-bulk-actions .tf-btn,body.theme-rose .tf-bulk-actions .tf-btn,body.theme-sand .tf-bulk-actions .tf-btn{background:var(--tf-card-elevated);border-color:var(--tf-card-border);color:var(--tf-foreground)}@media (prefers-color-scheme:light){.theme-auto .tf-bulk-actions,body.theme-auto .tf-bulk-actions{border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);margin:8px 8px 2px;background:var(--tf-card);box-shadow:0 1px 2px rgba(0,0,0,.06)}.theme-auto .tf-bulk-actions .tf-btn,body.theme-auto .tf-bulk-actions .tf-btn{background:var(--tf-card-elevated);border-color:var(--tf-card-border);color:var(--tf-foreground)}}@media (min-width:340px){.tf-bulk-actions .tf-btn span{display:inline}}.tf-list{padding:8px;display:flex;flex-direction:column;gap:6px}.tf-empty{padding:40px 16px;text-align:center}.tf-empty-icon{font-size:32px;margin-bottom:12px}.tf-empty p{margin:0;font-size:13px;color:var(--tf-foreground)}.tf-empty-hint{margin-top:4px!important;font-size:11px!important;color:var(--tf-muted-fg)!important}.tf-sidebar{position:fixed;top:0;right:0;width:280px;height:100%;background:var(--tf-background);border-left:1px solid var(--tf-card-border);transform:translateX(100%);transition:transform var(--tf-transition-normal);z-index:100;overflow-y:auto;padding:12px}.tf-sidebar.open{transform:translateX(0)}.tf-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}.tf-toolbar{display:grid;grid-gap:8px;gap:8px;grid-auto-flow:row}.tf-label{font-size:11px;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.5px}.tf-checkbox{width:14px;height:14px;accent-color:var(--tf-amber);cursor:pointer}.tf-spacer{flex:1 1}.tf-content{display:flex;flex-direction:column;flex:1 1;min-height:0;position:relative}.tf-popup-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--tf-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--tf-card-border)}.tf-header-top{padding:12px 16px}.tf-header-filters,.tf-header-top{display:flex;align-items:center;justify-content:space-between}.tf-header-filters{padding:0 16px 12px}.tf-filter-group{display:flex;align-items:center;gap:4px}.tf-media-card{position:relative;border-radius:var(--tf-radius-lg);background:var(--tf-card);border:1px solid var(--tf-card-border);overflow:hidden;transition:all var(--tf-transition-normal)}.tf-card-artwork-bg{position:absolute;inset:0;background-size:cover;background-position:50%;filter:blur(20px);transform:scale(1.2);pointer-events:none;opacity:0;transition:opacity .6s ease-out}.tf-card-artwork-bg.playing{opacity:1;animation:artwork-pulse 4s ease-in-out infinite}@keyframes artwork-pulse{0%,to{opacity:.2}50%{opacity:.65}}.tf-media-card:hover{border-color:#3A3A3A;box-shadow:var(--tf-shadow-lg)}.tf-media-card.active{border-color:rgba(var(--tf-accent-rgb),.4)}.tf-card-progress{position:absolute;top:0;left:0;height:2px;background:var(--tf-gradient);transition:width .1s linear}.tf-card-main{display:flex;align-items:center;gap:10px;padding:10px 12px}.tf-card-thumb{position:relative;flex-shrink:0;width:48px;height:48px;border-radius:var(--tf-radius-md);overflow:hidden;cursor:pointer;border:2px solid var(--tf-card-border);transition:border-color var(--tf-transition-normal)}.tf-card-thumb.playing{border-color:var(--tf-amber);animation:tf-pulse-glow 2s ease-in-out infinite}.tf-card-thumb img{width:100%;height:100%;object-fit:cover}.tf-card-thumb-placeholder{width:100%;height:100%;background:radial-gradient(circle at 30% 25%,rgba(var(--tf-accent-rgb),.2),transparent 58%),linear-gradient(145deg,color-mix(in srgb,var(--tf-card-elevated) 86%,black 14%),var(--tf-muted));display:flex;align-items:center;justify-content:center;font-size:20px}.tf-card-thumb-placeholder svg{opacity:.92;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.tf-card-visualizer{bottom:2px;right:2px;padding:2px;background:rgba(0,0,0,.7)}.tf-card-live,.tf-card-visualizer{position:absolute;border-radius:3px}.tf-card-live{top:2px;left:2px;display:inline-flex;align-items:center;gap:3px;padding:1px 5px;background:#EF4444;font-size:8px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:.2px}.tf-card-live-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.tf-card-pip-badge{bottom:2px;left:2px;background:var(--tf-amber)}.tf-card-ad-badge,.tf-card-pip-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border-radius:3px;color:black}.tf-card-ad-badge{top:2px;right:2px;background:#FBBF24}.tf-card-loading-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);border-radius:inherit;color:white;z-index:3}.tf-card-dormant-badge{left:2px;background:#6B7280}.tf-card-dormant-badge,.tf-card-unstable-badge{position:absolute;top:2px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border-radius:3px;color:white}.tf-card-unstable-badge{left:20px;background:#F59E0B}.tf-card-injection-badge{position:absolute;top:2px;left:40px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:#3B82F6;border-radius:3px;color:white}.tf-card-info{flex:1 1;min-width:0;overflow:hidden}.tf-card-title{font-size:12px;font-weight:600;color:var(--tf-foreground);white-space:nowrap;margin:0;cursor:pointer;display:inline-block;padding-right:20px}.tf-card-info:hover .tf-card-title{color:var(--tf-amber);animation:marquee 5s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.tf-card-source{font-size:10px;color:var(--tf-muted-fg)}.tf-card-controls{display:flex;align-items:center;gap:2px}.tf-card-progress-bar{position:relative;height:6px;margin:0 12px;background:var(--tf-muted);border-radius:var(--tf-radius-full);cursor:pointer}.tf-card-progress-bar:hover{height:8px}.tf-card-progress-fill{height:100%;background:var(--tf-gradient);border-radius:var(--tf-radius-full)}.tf-participant-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);border:1.5px solid var(--tf-card,#1a1a1a);z-index:2;pointer-events:auto;cursor:default;transition:left .5s ease;box-shadow:0 0 3px rgba(0,0,0,.5);overflow:hidden}.tf-participant-dot-avatar{width:100%;height:100%;display:block;object-fit:cover}.tf-card-progress-tooltip{position:absolute;bottom:100%;transform:translateX(-50%);margin-bottom:4px;padding:2px 6px;background:var(--tf-background);border:1px solid var(--tf-card-border);border-radius:4px;color:var(--tf-foreground);white-space:nowrap}.tf-card-progress-tooltip,.tf-card-time{font-size:10px;font-family:var(--tf-font-mono)}.tf-card-time{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 8px;color:var(--tf-muted-fg)}.tf-live-btn{background:#e53935;color:#fff;border:none;display:inline-flex;align-items:center;gap:4px;border-radius:3px;font-size:10px;font-weight:700;padding:2px 6px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.2px}.tf-live-btn:hover{background:#f44336}.tf-live-btn-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.tf-card-nav-inline{display:flex;align-items:center;gap:4px}.tf-card-nav-inline .tf-card-nav-count{font-size:10px;min-width:32px;text-align:center}.tf-card-expanded{padding:6px 12px;border-top:1px solid var(--tf-card-border);display:flex;align-items:center;gap:4px;animation:expandSlideIn .2s cubic-bezier(.4,0,.2,1);transform-origin:top}@keyframes expandSlideIn{0%{opacity:0;transform:translateY(-8px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.tf-card-slider-sm{width:50px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tf-muted);border-radius:var(--tf-radius-full);cursor:pointer}.tf-card-slider-sm::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--tf-amber);cursor:pointer}.tf-card-slider-sm::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--tf-amber);border:none}.tf-card-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-top:1px solid var(--tf-card-border)}.tf-card-nav-count{font-size:11px;color:var(--tf-muted-fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tf-card-row{display:flex;align-items:center;gap:8px}.tf-card-slider{flex:1 1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tf-muted);border-radius:var(--tf-radius-full);cursor:pointer}.tf-card-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--tf-amber);cursor:pointer;box-shadow:0 2px 6px rgba(var(--tf-accent-rgb),.4);-webkit-transition:transform .15s ease;transition:transform .15s ease}.tf-card-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tf-card-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--tf-amber);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(var(--tf-accent-rgb),.4)}.tf-card-volume-label{font-size:10px;font-family:var(--tf-font-mono);color:var(--tf-muted-fg);width:32px;text-align:right}.tf-card-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--tf-background);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);overflow:hidden;z-index:100;min-width:80px}.tf-card-menu button{display:block;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--tf-foreground);font-size:11px;text-align:left;cursor:pointer}.tf-card-menu button:hover{background:var(--tf-muted)}.tf-card-menu button.active{color:var(--tf-amber)}.tf-media-list{padding:12px;display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.tf-media-empty{padding:32px 16px;text-align:center;color:var(--tf-muted-fg)}.tf-media-empty p{margin:0;font-size:13px}.tf-media-empty p+p{margin-top:4px;font-size:11px}.tf-popup-footer{border-top:1px solid var(--tf-card-border);padding:12px 16px;background:var(--tf-card)}.tf-popup-footer-content{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--tf-muted-fg)}.tf-popup-status{display:flex;align-items:center;gap:6px}.tf-popup-status .tf-led{width:6px;height:6px}.tf-overlay-idle{width:56px;height:56px;border-radius:var(--tf-radius-lg);background:var(--tf-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--tf-glass-border);box-shadow:var(--tf-shadow-lg);cursor:pointer;overflow:hidden;transition:transform var(--tf-transition-normal),box-shadow var(--tf-transition-normal)}.tf-overlay-idle:hover{transform:scale(1.05);box-shadow:var(--tf-shadow-glow)}.tf-overlay-idle.playing{animation:tf-vinyl-spin-slow 8s linear infinite}.tf-overlay-idle img{width:100%;height:100%;object-fit:cover}.tf-overlay-idle .tf-visualizer{position:absolute;bottom:4px;left:50%;transform:translateX(-50%)}.tf-overlay-expanded{border-radius:var(--tf-radius-xl);background:var(--tf-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--tf-glass-border);box-shadow:var(--tf-shadow-lg);overflow:hidden;transition:all var(--tf-transition-slow)}.tf-overlay-pill{height:48px;display:flex;align-items:center;padding:4px;gap:8px}.tf-overlay-pill-thumb{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 2px var(--tf-muted)}.tf-overlay-pill-thumb.playing{animation:tf-vinyl-spin 3s linear infinite;box-shadow:0 0 0 2px var(--tf-amber)}.tf-overlay-pill-thumb img{width:100%;height:100%;object-fit:cover}.tf-overlay-pill-info{flex:1 1;min-width:0;overflow:hidden}.tf-overlay-pill-title{font-size:12px;font-weight:500;color:var(--tf-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-overlay-pill-progress{display:flex;align-items:center;gap:4px;margin-top:2px}.tf-overlay-pill-time{font-size:9px;font-family:var(--tf-font-mono);color:var(--tf-muted-fg)}.tf-overlay-pill-bar{flex:1 1;height:2px;background:var(--tf-muted);border-radius:var(--tf-radius-full);overflow:hidden}.tf-overlay-pill-bar-fill{height:100%;background:var(--tf-gradient)}.tf-overlay-pill-controls{display:flex;align-items:center;gap:2px}.tf-overlay-glow{position:absolute;inset:-8px;border-radius:inherit;background:var(--tf-gradient);opacity:.15;filter:blur(12px);z-index:-1;pointer-events:none}.tf-pip-window{width:320px;border-radius:var(--tf-radius-xl);background:var(--tf-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--tf-glass-border);box-shadow:var(--tf-shadow-lg);overflow:hidden;position:relative}.tf-pip-content{display:flex;align-items:center;gap:12px;padding:12px}.tf-pip-thumb{width:64px;height:64px;border-radius:var(--tf-radius-md);overflow:hidden;flex-shrink:0;box-shadow:0 0 0 2px var(--tf-muted)}.tf-pip-thumb.playing{box-shadow:0 0 0 2px var(--tf-amber)}.tf-pip-thumb img{width:100%;height:100%;object-fit:cover}.tf-pip-info{flex:1 1;min-width:0}.tf-pip-title{font-size:14px;font-weight:600;color:var(--tf-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.tf-pip-artist{font-size:12px;color:var(--tf-muted-fg);margin:2px 0 0}.tf-pip-controls{display:flex;align-items:center;gap:4px;margin-top:8px}.tf-pip-time{font-size:11px;font-family:var(--tf-font-mono);color:var(--tf-muted-fg);text-align:right;margin-top:4px}.tf-pip-progress-border{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--tf-muted);cursor:pointer;transition:height .15s ease}.tf-pip-progress-border:hover{height:6px}.tf-pip-progress-fill{height:100%;background:var(--tf-gradient);transition:width .1s linear}.tf-pip-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--tf-card);border:1px solid var(--tf-card-border);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--tf-transition-normal)}.tf-pip-window:hover .tf-pip-close{opacity:1}.tf-pip-source{position:absolute;top:8px;right:40px;font-size:9px;font-weight:500;color:rgba(136,136,136,.6);text-transform:uppercase;letter-spacing:.5px}.tf-tv-container{width:100%;height:100vh;background:#0A0A0A;position:relative;overflow:hidden}.tf-tv-header{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);z-index:10}.tf-tv-header,.tf-tv-title{display:flex;align-items:center}.tf-tv-title{gap:12px}.tf-tv-title h1{font-size:18px;font-weight:700;color:var(--tf-foreground);margin:0}.tf-tv-grid{display:grid;grid-gap:8px;gap:8px;padding:80px 24px 24px;height:100%;box-sizing:border-box}.tf-tv-grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.tf-tv-grid-3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.tf-tv-grid-4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.tf-tv-tile{position:relative;border-radius:var(--tf-radius-md);overflow:hidden;background:var(--tf-card);border:1px solid var(--tf-card-border)}.tf-tv-tile.active{border-color:var(--tf-amber);box-shadow:0 0 20px rgba(var(--tf-accent-rgb),.3)}.tf-tv-tile iframe,.tf-tv-tile video{width:100%;height:100%;object-fit:contain}.tf-tv-tile-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:rgba(0,0,0,.7);border-radius:var(--tf-radius-sm);font-size:11px;color:var(--tf-foreground)}.tf-tv-tile-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--tf-transition-normal)}.tf-tv-tile:hover .tf-tv-tile-controls{opacity:1}.tf-tv-cctv .tf-tv-header{opacity:0;transition:opacity var(--tf-transition-normal)}.tf-tv-cctv:hover .tf-tv-header{opacity:1}.tf-tv-cctv .tf-tv-tile-label{font-family:var(--tf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1px}.tf-settings{max-width:640px;margin:0 auto;background:#141414;border-radius:var(--tf-radius-xl);overflow:hidden;border:1px solid var(--tf-card-border)}.tf-settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--tf-card-border)}.tf-settings-header-left{display:flex;align-items:center;gap:16px}.tf-settings-header h1{font-size:18px;font-weight:700;margin:0}.tf-settings-header p{font-size:12px;color:var(--tf-muted-fg);margin:4px 0 0}.tf-settings-body{display:flex}.tf-settings-nav{width:180px;padding:16px;border-right:1px solid var(--tf-card-border)}.tf-settings-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:var(--tf-radius-md);background:transparent;border:none;color:var(--tf-muted-fg);font-size:13px;cursor:pointer;transition:all var(--tf-transition-normal)}.tf-settings-nav-item:hover{color:var(--tf-foreground);background:var(--tf-card)}.tf-settings-nav-item.active{color:var(--tf-foreground);background:rgba(var(--tf-accent-rgb),.15)}.tf-settings-content{flex:1 1;padding:24px;max-height:500px;overflow-y:auto}.tf-settings-section{margin-bottom:24px}.tf-settings-section h3{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--tf-foreground)}.tf-settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--tf-card-border)}.tf-settings-row:last-child{border-bottom:none}.tf-settings-label{font-size:13px;color:var(--tf-foreground)}.tf-settings-desc{font-size:11px;color:var(--tf-muted-fg);margin-top:2px}.tf-settings-page{max-width:640px;margin:24px auto;background:#141414;border-radius:var(--tf-radius-xl);overflow:hidden;border:1px solid var(--tf-card-border);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.tf-settings-sidebar{width:160px;padding:12px;border-right:1px solid var(--tf-card-border);background:rgba(0,0,0,.2)}.tf-settings-section-title{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--tf-foreground)}.tf-settings-section-title:not(:first-child){margin-top:24px}.tf-settings-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.tf-settings-theme-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:transparent;border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);color:var(--tf-foreground);font-size:12px;cursor:pointer;transition:all var(--tf-transition-normal)}.tf-settings-theme-btn:hover{border-color:var(--tf-muted);background:var(--tf-card)}.tf-settings-theme-btn.active{border-color:var(--tf-amber);background:rgba(var(--tf-accent-rgb),.1)}.tf-settings-select{width:100%;padding:10px 12px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-size:13px;cursor:pointer;outline:none;transition:border-color var(--tf-transition-normal)}.tf-settings-select:focus{border-color:var(--tf-amber)}.tf-settings-checkbox-group{display:flex;flex-direction:column;gap:8px}.tf-settings-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tf-foreground);cursor:pointer}.tf-settings-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--tf-amber);cursor:pointer}.tf-settings-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.tf-settings-checkbox input[type=checkbox]:disabled+span{opacity:.5}.tf-settings-feature-card{padding:16px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);margin-bottom:16px}.tf-settings-hint{font-size:11px;color:var(--tf-muted-fg);margin:4px 0 0 28px}.tf-tv-metrics{display:flex;gap:12px;margin-bottom:12px}.tf-tv-metric{flex:1 1;text-align:center;padding:8px;background:var(--tf-muted);border-radius:var(--tf-radius-md)}.tf-tv-metric-value{display:block;font-size:18px;font-weight:700;color:var(--tf-foreground)}.tf-tv-metric-label{display:block;font-size:10px;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.5px}.tf-tv-actions{display:flex;gap:6px;flex-wrap:wrap}.tf-tv-actions .tf-btn{flex:1 1;min-width:70px}.popup-app{display:flex;flex-direction:column;overflow:hidden}.tf-main{flex:1 1;overflow-y:auto;padding:8px;min-height:0}.tf-recovery-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md)}.tf-recovery-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tf-recovery-title{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--tf-muted-fg)}.tf-recovery-note{font-size:11px;line-height:1.35;color:var(--tf-muted-fg);padding:8px;border-radius:var(--tf-radius-sm);background:var(--tf-muted)}.tf-recovery-note.warning{color:var(--tf-amber);border:1px solid rgba(var(--tf-accent-rgb),.25)}.tf-recovery-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:var(--tf-radius-sm);background:var(--tf-muted)}.tf-recovery-item-main{min-width:0;flex:1 1}.tf-recovery-item-title{font-size:12px;font-weight:600;color:var(--tf-foreground)}.tf-recovery-item-subtitle,.tf-recovery-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-recovery-item-subtitle{margin-top:2px;font-size:11px;color:var(--tf-muted-fg)}.tf-recovery-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.tf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}.tf-loading-spinner{font-size:48px;animation:tf-pulse-glow 1.5s ease-in-out infinite}.tf-loading p{margin:12px 0 0;font-size:13px;color:var(--tf-muted-fg)}.tf-hidden-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--tf-card-border)}.tf-hidden-item:last-child{border-bottom:none}.tf-hidden-title{flex:1 1;font-size:12px;color:var(--tf-muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-resizer{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;opacity:.3;transition:opacity var(--tf-transition-normal)}.tf-resizer:hover{opacity:.7}.tf-resizer:before{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid var(--tf-muted-fg);border-bottom:2px solid var(--tf-muted-fg)}.tf-toggle{position:relative;width:44px;height:24px;background:var(--tf-muted);border-radius:var(--tf-radius-full);cursor:pointer;transition:background var(--tf-transition-normal)}.tf-toggle.active{background:var(--tf-gradient)}.tf-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform var(--tf-transition-fast)}.tf-toggle.active:after{transform:translateX(20px)}.tf-select{padding:8px 12px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-size:13px;cursor:pointer;outline:none}.tf-select:focus{border-color:var(--tf-amber)}.tf-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.tf-theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border);background:transparent;cursor:pointer;transition:all var(--tf-transition-normal)}.tf-theme-option:hover{border-color:#3A3A3A}.tf-theme-option.active{border-color:var(--tf-amber);background:rgba(var(--tf-accent-rgb),.1)}.tf-theme-swatch{width:24px;height:24px;border-radius:50%}.tf-theme-label{font-size:11px;color:var(--tf-foreground)}.tf-playground{width:100vw;height:100vh;background:var(--tf-background);display:flex;flex-direction:column;overflow:hidden}.tf-playground-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tf-card);border-bottom:1px solid var(--tf-card-border);flex-shrink:0}.tf-playground-brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}.tf-playground-count{font-size:12px;color:var(--tf-muted-fg);font-weight:400}.tf-playground-actions{display:flex;align-items:center;gap:8px}.tf-playground-canvas{flex:1 1;position:relative;overflow:hidden}.tf-playground-canvas.grid{overflow-y:auto}.tf-playground-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tf-playground-empty-icon{font-size:48px;margin-bottom:16px}.tf-playground-empty p{margin:0;font-size:16px}.tf-playground-empty-hint{margin-top:8px!important;font-size:13px!important;color:var(--tf-muted-fg)!important}.tf-playground-tile{background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.tf-playground-tile.active{box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.3)}.tf-playground-tile.active,.tf-playground-tile:hover{border-color:var(--tf-amber)}.tf-playground-video{flex:1 1;background:#000;position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}.tf-playground-video video{width:100%;height:100%;object-fit:contain}.tf-playground-error,.tf-playground-idle,.tf-playground-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--tf-muted-fg)}.tf-playground-error span{font-size:24px}.tf-playground-playing{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:rgba(0,0,0,.7);border-radius:999px}.tf-playground-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,0,0,.5);gap:8px}.tf-playground-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.tf-playground-controls{display:flex;gap:4px;flex-shrink:0}.tf-playground-resize{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--tf-amber) 50%);opacity:0;transition:opacity .2s}.tf-playground-tile:hover .tf-playground-resize{opacity:.6}.tf-playground-resize:hover{opacity:1!important}.tf-spinner{width:24px;height:24px;border:2px solid var(--tf-muted);border-top-color:var(--tf-amber);border-radius:50%;animation:tf-spin .8s linear infinite}@keyframes tf-spin{to{transform:rotate(1turn)}}.tf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;min-height:160px}.tf-empty-state-icon{margin-bottom:12px;opacity:.9}.tf-empty-state-title{margin:0;font-size:14px;font-weight:500;color:var(--tf-text)}.tf-empty-state-hint{margin:6px 0 0;font-size:12px;color:var(--tf-muted-fg)}body:has(.opt-page){margin:0}.opt-page{min-height:100vh;max-height:100vh;overflow:hidden;background:radial-gradient(1200px 520px at 110% -10%,rgba(var(--tf-accent-rgb),.14),transparent 64%),radial-gradient(880px 420px at -15% 110%,rgba(var(--tf-accent-rgb),.08),transparent 70%),var(--tf-background);color:var(--tf-foreground);display:flex;flex-direction:column}.opt-header{justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--tf-card) 90%,rgba(var(--tf-accent-rgb),.08)),var(--tf-card));border-bottom:1px solid color-mix(in srgb,var(--tf-card-border) 86%,rgba(var(--tf-accent-rgb),.24));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.opt-brand,.opt-header{display:flex;align-items:center}.opt-brand{gap:12px}.opt-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(var(--tf-accent-rgb),.26),transparent 62%),var(--tf-background);border:1px solid color-mix(in srgb,var(--tf-card-border) 78%,rgba(var(--tf-accent-rgb),.24));border-radius:var(--tf-radius-md)}.opt-brand h1{margin:0;font-size:18px;font-weight:700;color:var(--tf-foreground)}.opt-brand p{margin:0;font-size:12px;color:var(--tf-muted-fg)}.opt-header-actions{display:flex;align-items:center;gap:8px}.opt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--tf-radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.opt-btn.primary{background:var(--tf-gradient);color:#000}.opt-btn.primary:hover{filter:brightness(1.1)}.opt-btn.ghost{background:var(--tf-background);color:var(--tf-foreground);border:1px solid var(--tf-card-border)}.opt-btn.ghost:hover{background:var(--tf-muted)}.opt-body{display:flex;flex:1 1;max-width:1140px;width:100%;margin:0 auto;padding:22px 24px 24px;gap:20px;overflow:hidden}.opt-nav{width:200px;flex-shrink:0;align-self:flex-start;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid color-mix(in srgb,var(--tf-card-border) 84%,rgba(var(--tf-accent-rgb),.2));border-radius:var(--tf-radius-lg);background:linear-gradient(170deg,color-mix(in srgb,var(--tf-card) 90%,rgba(var(--tf-accent-rgb),.08)),color-mix(in srgb,var(--tf-card) 98%,transparent));height:-moz-fit-content;height:fit-content;box-shadow:0 14px 34px rgba(0,0,0,.18)}.opt-nav-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid transparent;border-radius:var(--tf-radius-md);background:transparent;color:var(--tf-muted-fg);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;min-height:40px}.opt-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opt-nav-item:hover{color:var(--tf-foreground);background:color-mix(in srgb,var(--tf-card) 76%,transparent);border-color:color-mix(in srgb,var(--tf-card-border) 72%,transparent)}.opt-nav-item.locked{opacity:.88;border-color:color-mix(in srgb,var(--tf-card-border) 86%,transparent)}.opt-nav-item.locked:not(.active){color:var(--tf-muted-fg)}.opt-nav-badge{font-size:10px;line-height:1;padding:4px 6px;border-radius:999px;border:1px solid rgba(var(--tf-accent-rgb),.35);background:rgba(var(--tf-accent-rgb),.18);color:var(--tf-amber);text-transform:uppercase;letter-spacing:.35px}.opt-nav-badges{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.opt-nav-badge-upcoming{border-color:rgba(56,189,248,.48);background:rgba(56,189,248,.14);color:#22d3ee}.opt-nav-item.active{color:var(--tf-amber);background:color-mix(in srgb,var(--tf-card) 58%,rgba(var(--tf-accent-rgb),.24));border:1px solid rgba(var(--tf-accent-rgb),.3);box-shadow:inset 2px 0 0 rgba(var(--tf-accent-rgb),.72),0 6px 20px rgba(0,0,0,.2)}.opt-content{flex:1 1;min-width:0;overflow-y:auto;padding-right:8px}.opt-content::-webkit-scrollbar{width:6px}.opt-content::-webkit-scrollbar-track{background:transparent}.opt-content::-webkit-scrollbar-thumb{background:var(--tf-card-border);border-radius:3px}.opt-content::-webkit-scrollbar-thumb:hover{background:var(--tf-muted-fg)}.opt-group{margin-bottom:24px}.opt-group h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.5px}.opt-group-title{gap:7px}.opt-feature-note,.opt-group-title{display:inline-flex;align-items:center}.opt-feature-note{flex-wrap:wrap;gap:8px;padding:9px 12px;border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border);background:rgba(var(--tf-accent-rgb),.08);font-size:12px;line-height:1.4}.opt-feature-note,.opt-feature-note strong{color:var(--tf-foreground)}.opt-feature-note-upcoming{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.1)}.opt-feature-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border:1px solid transparent}.opt-feature-chip-upcoming{color:#22d3ee;border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.16)}.opt-upcoming-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.opt-upcoming-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(56,189,248,.2);background:rgba(56,189,248,.08);font-size:12px;color:var(--tf-foreground)}.opt-upcoming-item:before{content:"•";color:#22d3ee;font-size:12px;line-height:1}.opt-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.opt-theme{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--tf-card-border) 88%,rgba(var(--tf-accent-rgb),.18));border-radius:var(--tf-radius-md);background:linear-gradient(150deg,rgba(255,255,255,.02),rgba(255,255,255,0)),color-mix(in srgb,var(--tf-card) 92%,transparent);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background-color .18s ease;text-align:left;position:relative;overflow:hidden}.opt-theme:after{content:"";position:absolute;inset:auto -12% -46% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(var(--tf-accent-rgb),.2),transparent 62%);opacity:0;transition:opacity .18s ease;pointer-events:none}.opt-theme:hover{border-color:color-mix(in srgb,var(--tf-card-border) 62%,rgba(var(--tf-accent-rgb),.44));transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.2)}.opt-theme:hover:after{opacity:1}.opt-theme.active{border-color:rgba(var(--tf-accent-rgb),.62);background:linear-gradient(160deg,rgba(var(--tf-accent-rgb),.16),rgba(var(--tf-accent-rgb),.06)),var(--tf-card);box-shadow:inset 0 0 0 1px rgba(var(--tf-accent-rgb),.16),0 14px 30px rgba(0,0,0,.24)}.opt-theme-header{display:flex;align-items:center;gap:10px;min-width:0}.opt-theme-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.opt-theme-preview{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.25)}.opt-theme-name{font-size:12px;font-weight:700;color:var(--tf-foreground)}.opt-theme-desc{font-size:11px;color:var(--tf-muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-theme-state{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--tf-radius-full);padding:3px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(var(--tf-accent-rgb),.46);background:rgba(var(--tf-accent-rgb),.18);color:var(--tf-amber)}.opt-theme-stripe{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.opt-theme-stripe span{height:7px;border-radius:var(--tf-radius-full);opacity:.92}.opt-theme-group{margin-bottom:20px}.opt-theme-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.opt-theme-group-count{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tf-muted-fg);border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,rgba(var(--tf-accent-rgb),.24));border-radius:var(--tf-radius-full);padding:4px 8px;background:color-mix(in srgb,var(--tf-card) 90%,transparent)}.opt-theme-group-sub{margin:0 0 12px;font-size:12px;color:var(--tf-muted-fg)}.opt-appearance-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:stretch;grid-gap:14px;gap:14px;margin-bottom:6px;background:radial-gradient(160% 220% at 0 0,rgba(var(--tf-accent-rgb),.18),transparent 56%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,0)),var(--tf-card)}.opt-appearance-hero-copy h3{margin:8px 0 7px;font-size:20px;font-weight:700;color:var(--tf-foreground);letter-spacing:.01em;text-transform:none}.opt-appearance-hero-copy p{margin:0;font-size:12px;line-height:1.55;color:var(--tf-muted-fg);max-width:56ch}.opt-appearance-hero-tag{display:inline-flex;align-items:center;border-radius:var(--tf-radius-full);padding:4px 10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;border:1px solid rgba(var(--tf-accent-rgb),.36);background:rgba(var(--tf-accent-rgb),.14);color:var(--tf-amber)}.opt-appearance-hero-tag.light{border-color:rgba(var(--tf-accent-rgb),.42);background:rgba(var(--tf-accent-rgb),.2)}.opt-appearance-hero-actions{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.opt-appearance-current{display:inline-flex;align-items:center;border-radius:var(--tf-radius-full);padding:5px 10px;font-size:11px;border:1px solid color-mix(in srgb,var(--tf-card-border) 72%,rgba(var(--tf-accent-rgb),.32));background:color-mix(in srgb,var(--tf-card) 90%,transparent);color:var(--tf-foreground)}.opt-appearance-hero-preview{border-radius:var(--tf-radius-md);padding:1px;min-height:142px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.opt-appearance-preview-shell{height:100%;border-radius:calc(var(--tf-radius-md) - 1px);background:rgba(0,0,0,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);padding:12px;display:flex;flex-direction:column;justify-content:center;gap:9px}.opt-appearance-preview-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:3px 7px;border-radius:var(--tf-radius-full);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08)}.opt-appearance-preview-bar{height:8px;border-radius:var(--tf-radius-full);background:rgba(255,255,255,.2)}.opt-appearance-preview-bar.small{width:68%}.opt-appearance-preview-dot-row{display:inline-flex;gap:6px}.opt-appearance-preview-dot-row span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.68)}.opt-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 40px 10px 12px;background:linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--tf-foreground) 74%,transparent) 50%) calc(100% - 18px) calc(50% - 3px) /6px 6px no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--tf-foreground) 74%,transparent) 50%,transparent 50%) calc(100% - 13px) calc(50% - 3px) /6px 6px no-repeat,linear-gradient(170deg,color-mix(in srgb,var(--tf-card) 96%,rgba(var(--tf-accent-rgb),.08)),color-mix(in srgb,var(--tf-card) 90%,transparent));border:1px solid color-mix(in srgb,var(--tf-card-border) 84%,rgba(var(--tf-accent-rgb),.22));border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-size:13px;cursor:pointer;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.opt-select:hover{border-color:color-mix(in srgb,var(--tf-card-border) 64%,rgba(var(--tf-accent-rgb),.38))}.opt-select:focus{border-color:rgba(var(--tf-accent-rgb),.55);box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.16)}.opt-select:disabled{opacity:.6;cursor:not-allowed}.opt-select optgroup,.opt-select option{background:var(--tf-card);color:var(--tf-foreground)}@media (max-width:768px){.opt-header{flex-direction:column;align-items:flex-start;gap:12px}.opt-header-actions{width:100%;justify-content:space-between}.opt-body{flex-direction:column;padding:16px}.opt-nav{width:100%;flex-direction:row;overflow-x:auto;gap:8px;padding:0 0 8px;border:none;border-radius:0;background:transparent}.opt-nav-item{white-space:nowrap;flex-shrink:0}.opt-themes{grid-template-columns:repeat(2,1fr)}.opt-appearance-hero{grid-template-columns:1fr}.opt-appearance-hero-preview{min-height:116px}.opt-theme-group-head{align-items:flex-start;flex-direction:column;gap:6px}}@media (max-width:480px){.opt-header{padding:12px 16px}.opt-brand h1{font-size:16px}.opt-brand p{font-size:11px}.opt-btn{padding:6px 12px;font-size:12px}.opt-body{padding:12px}.opt-nav{gap:4px}.opt-nav-item{padding:8px 12px;font-size:12px}.opt-themes{grid-template-columns:1fr}.opt-theme{padding:12px}.opt-appearance-hero-copy h3{font-size:18px}.opt-appearance-current{width:100%;justify-content:center}.ai-models-list{gap:8px}.ai-model-card{padding:12px}.ai-model-header{flex-direction:column;align-items:flex-start;gap:4px}.ai-stats{grid-template-columns:repeat(2,1fr)}}.opt-check{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:13px}.opt-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--tf-amber);cursor:pointer}.opt-check input:disabled{opacity:.5;cursor:not-allowed}.opt-check input:disabled+span{opacity:.5}.opt-card{padding:16px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);margin-bottom:16px}.opt-features-modern{display:flex;flex-direction:column;gap:14px}.opt-features-modern>.opt-group{margin:0;padding:14px;border-radius:calc(var(--tf-radius-lg) + 2px);border:1px solid color-mix(in srgb,var(--tf-card-border) 72%,rgba(var(--tf-accent-rgb),.28));background:radial-gradient(130% 130% at 0 0,rgba(var(--tf-accent-rgb),.09),transparent 56%),linear-gradient(155deg,color-mix(in srgb,var(--tf-card) 94%,rgba(var(--tf-accent-rgb),.05)),var(--tf-card));box-shadow:0 10px 28px rgba(0,0,0,.22)}.opt-features-modern .opt-group .opt-group{margin:10px 0 0;padding:10px;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,rgba(var(--tf-accent-rgb),.2));background:color-mix(in srgb,var(--tf-card) 92%,rgba(var(--tf-accent-rgb),.05))}.opt-features-modern .opt-group h3{margin:0 0 10px}.opt-features-modern .opt-card{margin:0 0 10px;border-radius:calc(var(--tf-radius-lg) + 1px);border:1px solid color-mix(in srgb,var(--tf-card-border) 72%,rgba(var(--tf-accent-rgb),.3));background:linear-gradient(160deg,rgba(255,255,255,.02),rgba(255,255,255,0)),color-mix(in srgb,var(--tf-card) 96%,rgba(var(--tf-accent-rgb),.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.opt-features-modern .opt-card:last-child{margin-bottom:0}.opt-features-modern .opt-check{gap:12px;align-items:center;min-height:54px;padding:0}.opt-features-modern .opt-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tf-card-border) 80%,rgba(var(--tf-accent-rgb),.32));background:color-mix(in srgb,var(--tf-card) 88%,rgba(var(--tf-overlay-rgb),.2));position:relative;margin:0;flex-shrink:0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.opt-features-modern .opt-check input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(255,255,255,.74));box-shadow:0 2px 6px rgba(0,0,0,.28);transition:transform .18s ease}.opt-features-modern .opt-check input[type=checkbox]:checked{background:linear-gradient(120deg,rgba(var(--tf-accent-rgb),.86),color-mix(in srgb,var(--tf-amber) 82%,rgba(var(--tf-accent-rgb),.6)));border-color:rgba(var(--tf-accent-rgb),.7);box-shadow:0 0 0 1px rgba(var(--tf-accent-rgb),.25)}.opt-features-modern .opt-check input[type=checkbox]:checked:before{transform:translateX(20px)}.opt-features-modern .opt-check input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--tf-accent-rgb),.2)}.opt-features-modern .opt-check input[type=checkbox]:disabled{opacity:.45}.opt-features-modern .opt-check-content{display:flex;flex-direction:column;gap:4px}.opt-features-modern .opt-check-content strong{font-size:14px;line-height:1.2;color:var(--tf-foreground)}.opt-features-modern .opt-check-content p{margin:0;color:var(--tf-muted-fg);font-size:12px;line-height:1.45}.opt-features-modern .opt-card:has(.opt-check input[type=checkbox]:checked){border-color:rgba(var(--tf-accent-rgb),.55);background:radial-gradient(140% 140% at 0 0,rgba(var(--tf-accent-rgb),.14),transparent 58%),color-mix(in srgb,var(--tf-card) 90%,rgba(var(--tf-accent-rgb),.08))}.opt-features-modern .opt-select{height:42px;padding:8px 40px 8px 12px;font-size:13px;font-weight:600;border-width:1px;background:linear-gradient(45deg,transparent 50%,rgba(var(--tf-accent-rgb),.82) 50%) calc(100% - 18px) calc(50% - 3px) /6px 6px no-repeat,linear-gradient(135deg,rgba(var(--tf-accent-rgb),.82) 50%,transparent 50%) calc(100% - 13px) calc(50% - 3px) /6px 6px no-repeat,linear-gradient(165deg,color-mix(in srgb,var(--tf-card) 92%,rgba(var(--tf-accent-rgb),.11)),color-mix(in srgb,var(--tf-card) 86%,rgba(var(--tf-accent-rgb),.06)))}.opt-features-modern .opt-select:hover{border-color:rgba(var(--tf-accent-rgb),.5)}.opt-features-modern .opt-select:focus{box-shadow:0 0 0 3px rgba(var(--tf-accent-rgb),.2)}.opt-features-modern .opt-slider-group{margin:0 0 10px;padding:10px 12px;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,rgba(var(--tf-accent-rgb),.22));background:color-mix(in srgb,var(--tf-card) 94%,rgba(var(--tf-accent-rgb),.05))}.opt-features-modern .opt-slider-group:last-child{margin-bottom:0}.opt-features-modern .opt-slider{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--tf-accent-rgb),.46),color-mix(in srgb,var(--tf-card) 76%,rgba(var(--tf-overlay-rgb),.25)))}.opt-features-modern .opt-slider::-webkit-slider-thumb{width:16px;height:16px;border:2px solid rgba(255,255,255,.32)}.opt-features-modern .opt-info{margin:0;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 78%,rgba(var(--tf-accent-rgb),.3));background:linear-gradient(160deg,rgba(var(--tf-accent-rgb),.12),rgba(var(--tf-accent-rgb),.04)),color-mix(in srgb,var(--tf-card) 94%,transparent)}.opt-dashboard{display:flex;flex-direction:column;gap:14px}.opt-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:18px;gap:18px;overflow:hidden;position:relative;background:radial-gradient(120% 120% at 0 0,rgba(var(--tf-accent-rgb),.14),transparent 54%),linear-gradient(160deg,rgba(255,255,255,.02),rgba(255,255,255,0))}.opt-dashboard-hero:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(var(--tf-accent-rgb),.22);pointer-events:none}.opt-dashboard-hero-text{min-width:0;z-index:1}.opt-dashboard-hero h3{margin:8px 0;font-size:20px;color:var(--tf-foreground)}.opt-dashboard-hero p{margin:0 0 16px;color:var(--tf-muted-fg);font-size:13px;line-height:1.5;max-width:58ch}.opt-dashboard-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:var(--tf-radius-full);font-size:10px;letter-spacing:.08em;font-weight:700;background:rgba(var(--tf-accent-rgb),.18);color:var(--tf-amber);border:1px solid rgba(var(--tf-accent-rgb),.32)}.opt-dashboard-hero-actions{display:flex;align-items:center;gap:8px}.opt-dashboard-orb{width:100%;min-height:170px;border-radius:14px;background:radial-gradient(120% 120% at 60% 30%,rgba(var(--tf-accent-rgb),.22),rgba(0,0,0,0));border:1px solid rgba(var(--tf-accent-rgb),.24);z-index:1}.opt-dashboard-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.opt-dashboard-usage-card{padding:14px;border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));min-width:0}.opt-dashboard-usage-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.opt-dashboard-usage-head span{color:var(--tf-muted-fg);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.opt-dashboard-usage-head strong{color:var(--tf-foreground);font-size:13px}.opt-dashboard-progress-track{height:8px;border-radius:var(--tf-radius-full);background:rgba(255,255,255,.08);overflow:hidden}.opt-dashboard-progress-fill{height:100%;border-radius:inherit;background:var(--tf-gradient);box-shadow:0 0 18px rgba(var(--tf-accent-rgb),.32);transition:width .32s ease}.opt-dashboard-usage-card small{display:block;margin-top:8px;font-size:11px;color:var(--tf-muted-fg)}.opt-dashboard-active-split{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--tf-muted-fg)}.opt-dashboard-filters{display:flex;flex-direction:column;gap:8px}.opt-dashboard-filters h3{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.06em}.opt-dashboard-filter-row{display:flex;gap:8px;flex-wrap:wrap}.opt-dashboard-filter-btn{display:inline-flex;align-items:center;gap:6px}.opt-dashboard-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:12px;gap:12px}.opt-dashboard-session-card{margin:0;padding:14px;border-color:color-mix(in srgb,var(--tf-card-border) 68%,rgba(var(--tf-accent-rgb),.3));background:radial-gradient(120% 120% at 0 0,rgba(var(--tf-accent-rgb),.1),transparent 54%),linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.opt-dashboard-session-card:hover{border-color:rgba(var(--tf-accent-rgb),.34);box-shadow:0 10px 28px rgba(0,0,0,.3);transform:translateY(-1px)}.opt-dashboard-session-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.opt-dashboard-session-head{display:flex;align-items:flex-start;gap:12px;min-width:0}.opt-dashboard-session-title{min-width:0}.opt-dashboard-session-preview{position:relative;width:84px;height:56px;flex:0 0 84px;border-radius:var(--tf-radius-sm);overflow:hidden;border:1px solid color-mix(in srgb,var(--tf-card-border) 78%,var(--tf-amber) 22%);background:linear-gradient(135deg,rgba(var(--tf-accent-rgb),.25) 0,color-mix(in srgb,var(--tf-orange) 24%,transparent) 100%)}.opt-dashboard-session-preview img{display:block;width:100%;height:100%;object-fit:cover}.opt-dashboard-session-preview-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.1em;color:color-mix(in srgb,var(--tf-foreground) 76%,var(--tf-amber) 24%);text-transform:uppercase;background:radial-gradient(circle at 20% 30%,rgba(var(--tf-accent-rgb),.28) 0,transparent 58%),linear-gradient(145deg,rgba(0,0,0,.28),transparent)}.opt-dashboard-session-top h4{margin:6px 0 4px;font-size:14px;line-height:1.35;color:var(--tf-foreground)}.opt-dashboard-session-top p{margin:0;font-size:12px;color:var(--tf-muted-fg)}.opt-dashboard-status{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:3px 8px;border-radius:var(--tf-radius-full);font-size:10px;font-weight:700;letter-spacing:.08em;border:1px solid transparent}.opt-dashboard-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.95}.opt-dashboard-status.active{color:#fff;background:rgba(74,222,128,.24);border-color:rgba(74,222,128,.45)}.opt-dashboard-status.ended{color:var(--tf-muted-fg);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.opt-dashboard-code{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:5px 8px;border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border);background:rgba(255,255,255,.03);color:var(--tf-amber);font-family:var(--tf-font-mono);font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(var(--tf-accent-rgb),.16)}.opt-dashboard-session-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.opt-dashboard-meta-item{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--tf-radius-full);font-size:11px;color:var(--tf-muted-fg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);gap:6px}.opt-dashboard-member-stack{gap:6px;margin-right:4px;padding:0;border:0}.opt-dashboard-member-avatar,.opt-dashboard-member-stack{display:inline-flex;align-items:center;background:transparent}.opt-dashboard-member-avatar{width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:0;color:var(--tf-muted-fg);justify-content:center;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;box-sizing:border-box;transform:translateZ(0)}.opt-dashboard-member-avatar+.opt-dashboard-member-avatar{margin-left:0}.opt-dashboard-member-avatar.more{width:auto;min-width:0;flex:0 0 auto;padding:0 4px;border-radius:var(--tf-radius-full);background:transparent;color:var(--tf-muted-fg)}.opt-dashboard-member-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.opt-dashboard-member-fallback{line-height:1}.opt-dashboard-session-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.opt-dashboard-session-actions .opt-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;border-radius:var(--tf-radius-full);border-color:color-mix(in srgb,var(--tf-card-border) 66%,rgba(var(--tf-accent-rgb),.3));background:color-mix(in srgb,var(--tf-card) 88%,rgba(var(--tf-accent-rgb),.12))}.opt-dashboard-delete-btn{color:var(--tf-error);border-color:color-mix(in srgb,var(--tf-error) 40%,var(--tf-card-border));background:color-mix(in srgb,var(--tf-error) 10%,transparent)}.opt-dashboard-delete-btn:hover:not(:disabled){background:color-mix(in srgb,var(--tf-error) 12%,transparent)}.opt-dashboard-live-controls{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--tf-radius-full);background:color-mix(in srgb,var(--tf-card) 80%,rgba(var(--tf-accent-rgb),.08));border:1px solid var(--tf-card-border)}.opt-dashboard-empty{text-align:center;padding:26px 18px}.opt-dashboard-empty h3,.opt-dashboard-empty h4{margin:0 0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--tf-foreground)}.opt-dashboard-empty p{margin:0 0 14px;font-size:13px;color:var(--tf-muted-fg)}.opt-dashboard-error strong{color:var(--tf-error);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.opt-dashboard-error p{margin:6px 0 0;color:var(--tf-muted-fg);font-size:12px}.opt-hint{font-size:11px;color:var(--tf-muted-fg);margin:4px 0 0 28px}.opt-admin-dashboard{gap:12px}.opt-admin-hero{align-items:stretch}.opt-admin-hero-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:14px;min-width:240px;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 74%,rgba(var(--tf-accent-rgb),.24));background:radial-gradient(130% 130% at 0 0,rgba(var(--tf-accent-rgb),.1),transparent 58%),linear-gradient(165deg,color-mix(in srgb,var(--tf-card) 92%,rgba(var(--tf-accent-rgb),.05)),var(--tf-card))}.opt-admin-usage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.opt-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;min-width:0}.opt-admin-panel{min-width:0}.opt-admin-panel-wide{grid-column:1/-1}.opt-admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.opt-admin-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 8px;border-radius:var(--tf-radius-full);border:1px solid color-mix(in srgb,var(--tf-card-border) 66%,rgba(var(--tf-accent-rgb),.4));background:color-mix(in srgb,var(--tf-card) 84%,rgba(var(--tf-accent-rgb),.16));color:var(--tf-foreground);font-size:12px;font-weight:700}.opt-admin-hint{margin-left:0}.opt-admin-search{min-width:260px;max-width:520px}.opt-admin-scroll{min-height:0;overflow:auto;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 72%,rgba(var(--tf-accent-rgb),.2));background:color-mix(in srgb,var(--tf-card) 90%,rgba(var(--tf-accent-rgb),.04));padding:8px}.opt-admin-scroll-lg{max-height:360px}.opt-admin-scroll-md{max-height:300px}.opt-admin-list{display:flex;flex-direction:column;gap:8px}.opt-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;grid-gap:10px;gap:10px;padding:10px;border-radius:var(--tf-radius-md);border:1px solid color-mix(in srgb,var(--tf-card-border) 70%,rgba(var(--tf-accent-rgb),.24));background:linear-gradient(150deg,color-mix(in srgb,var(--tf-card) 90%,rgba(var(--tf-accent-rgb),.08)),color-mix(in srgb,var(--tf-card) 94%,rgba(var(--tf-accent-rgb),.02)))}.opt-admin-row-main{min-width:0;display:flex;flex-direction:column;gap:6px}.opt-admin-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.opt-admin-row-title h4{margin:0;font-size:13px;line-height:1.35;color:var(--tf-foreground)}.opt-admin-row-subtitle{margin:0;font-size:12px;color:var(--tf-muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opt-admin-row-actions,.opt-admin-row-meta{display:flex;flex-wrap:wrap;gap:6px}.opt-admin-row-actions{align-items:center;justify-content:flex-end}.opt-admin-row-actions .opt-select{min-width:106px;height:30px}.opt-admin-row-actions .opt-btn{height:30px;padding:0 10px}.opt-admin-row-compact{grid-template-columns:minmax(0,1fr) auto}.opt-admin-row-stack{grid-template-columns:minmax(0,1fr)}.opt-admin-event-data{margin:0;font-family:var(--tf-font-mono);font-size:11px;color:var(--tf-muted-fg);white-space:pre-wrap;word-break:break-word}.opt-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--tf-card-border) 72%,rgba(var(--tf-accent-rgb),.22))}.opt-admin-pagination-label{font-size:11px;color:var(--tf-muted-fg)}.opt-admin-pagination-controls{display:inline-flex;align-items:center;gap:6px}.opt-admin-pagination-controls .opt-btn{height:28px;padding:0 10px}.opt-admin-pagination-page{min-width:54px;text-align:center;font-size:11px;color:var(--tf-foreground)}@media (max-width:1100px){.opt-admin-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opt-admin-grid{grid-template-columns:minmax(0,1fr)}.opt-admin-panel-wide{grid-column:auto}}@media (max-width:700px){.opt-admin-row,.opt-admin-usage-grid{grid-template-columns:minmax(0,1fr)}.opt-admin-row-actions{justify-content:flex-start}.opt-admin-search{min-width:100%;max-width:100%}.opt-admin-pagination{align-items:flex-start;flex-direction:column}}.opt-slider-group{margin:16px 0}.opt-slider-group label{display:block;font-size:13px;color:var(--tf-foreground);margin-bottom:8px}.opt-slider-group label strong{color:var(--tf-amber);font-weight:600}.opt-slider{width:100%;height:6px;border-radius:3px;background:var(--tf-card);outline:none;cursor:pointer;-webkit-appearance:none}.opt-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--tf-amber);cursor:pointer;border:2px solid var(--tf-background);box-shadow:0 2px 6px rgba(0,0,0,.3)}.opt-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--tf-amber);cursor:pointer;border:2px solid var(--tf-background)}.opt-slider-hint{display:block;font-size:10px;color:var(--tf-muted-fg);margin-top:4px}.opt-size-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.opt-size-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:128px;padding:12px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease;color:var(--tf-foreground);font-size:12px}.opt-size-btn:hover{border-color:rgba(var(--tf-accent-rgb),.45);background:rgba(var(--tf-accent-rgb),.06);transform:translateY(-1px)}.opt-size-btn:focus-visible{outline:2px solid rgba(var(--tf-accent-rgb),.45);outline-offset:1px}.opt-size-btn.active{border-color:var(--tf-amber);background:rgba(var(--tf-accent-rgb),.14);box-shadow:0 0 0 1px rgba(var(--tf-accent-rgb),.28),0 8px 18px rgba(0,0,0,.08)}.opt-size-state{display:inline-flex;align-items:center;gap:5px;min-height:14px;font-size:10px;font-weight:600;line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--tf-muted-fg)}.opt-size-btn.active .opt-size-state{color:var(--tf-amber)}.opt-size-preview{border-radius:10px;border:1px solid rgba(var(--tf-accent-rgb),.28);background:linear-gradient(135deg,rgba(var(--tf-accent-rgb),.2),rgba(var(--tf-accent-rgb),.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.opt-size-btn.active .opt-size-preview{border-color:rgba(var(--tf-accent-rgb),.6);background:linear-gradient(135deg,rgba(var(--tf-accent-rgb),.4),rgba(var(--tf-accent-rgb),.18))}.opt-size-preview.small{width:32px;height:32px}.opt-size-preview.medium{width:48px;height:48px}.opt-size-preview.large{width:64px;height:64px}.opt-size-label{font-size:12px;font-weight:600;color:var(--tf-foreground)}.opt-layout-builder-group{margin-top:10px}body.strimq-layout-dragging,body.strimq-layout-dragging *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}body.strimq-layout-dragging .opt-layout-hidden-component,body.strimq-layout-dragging .opt-layout-preview-draggable.editable{cursor:-webkit-grabbing!important;cursor:grabbing!important}.opt-layout-family-tabs,.opt-layout-surface-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.opt-layout-family-tab,.opt-layout-surface-tab{border:1px solid var(--tf-card-border);background:var(--tf-card);color:var(--tf-foreground);border-radius:999px;padding:6px 12px;font-size:11px;cursor:pointer;transition:all .15s ease}.opt-layout-family-tab:hover,.opt-layout-surface-tab:hover{border-color:rgba(var(--tf-accent-rgb),.5)}.opt-layout-family-tab.active,.opt-layout-surface-tab.active{border-color:rgba(var(--tf-accent-rgb),.55);background:rgba(var(--tf-accent-rgb),.12);color:var(--tf-amber)}.opt-layout-toolbar{margin-top:10px;display:flex;justify-content:flex-end}.opt-layout-preview-toggle{border:1px solid var(--tf-card-border);background:var(--tf-card);color:var(--tf-foreground);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.opt-layout-preview-toggle:hover{border-color:rgba(var(--tf-accent-rgb),.5);background:rgba(var(--tf-accent-rgb),.1)}.opt-layout-workspace{margin-top:12px;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);grid-gap:12px;gap:12px}.opt-layout-workspace.preview-hidden{grid-template-columns:1fr}.opt-layout-composer,.opt-layout-preview{border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);background:var(--tf-card);padding:12px}.opt-layout-preview{margin-top:12px}.opt-layout-composer{max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:10px}.opt-layout-preview-header{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.opt-layout-preview-header strong{font-size:12px;color:var(--tf-foreground)}.opt-layout-preview-header span{font-size:11px;color:var(--tf-muted-fg)}.opt-layout-surface-preview{border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,transparent 18%);border-radius:12px;background:color-mix(in srgb,var(--tf-card) 88%,transparent 12%);padding:12px;min-height:200px;display:flex;align-items:center;justify-content:center}.opt-layout-real-preview-card{width:100%;max-width:420px}.opt-layout-real-preview-card .tf-media-card{margin:0}.opt-layout-real-preview-card .opt-layout-preview-draggable.control{display:inline-flex;border-radius:10px;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.opt-layout-real-preview-card .opt-layout-preview-draggable.control.editable{cursor:-webkit-grab;cursor:grab}.opt-layout-real-preview-card .opt-layout-preview-draggable.control.dragging{opacity:.62;transform:scale(.97)}.opt-layout-real-preview-card .opt-layout-preview-draggable.control.drag-over{box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.58)}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=preview]{display:block;border-radius:12px;transition:box-shadow .15s ease,opacity .15s ease,transform .15s ease}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=preview].editable{cursor:-webkit-grab;cursor:grab}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=preview].drag-over{box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.58)}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=preview].dragging{opacity:.68}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=artworkBg]{position:absolute;inset:0;display:block;border-radius:inherit;pointer-events:none;z-index:1}.opt-layout-real-preview-card .opt-layout-preview-draggable.element[data-control-id=artworkBg].drag-over{box-shadow:inset 0 0 0 2px rgba(var(--tf-accent-rgb),.62)}.opt-layout-overlay-preview{width:100%}.opt-layout-overlay-stage{width:100%;display:flex;justify-content:center;align-items:center;padding:4px 0}.opt-layout-overlay-size-note{display:block;margin-top:8px;text-align:center;font-size:10px;color:var(--tf-muted-fg)}.opt-layout-preview-draggable.control{display:inline-flex;border-radius:10px;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.opt-layout-preview-draggable.editable{pointer-events:auto}.opt-layout-preview-draggable.control.editable{cursor:-webkit-grab;cursor:grab}.opt-layout-preview-draggable.control.dragging{opacity:.58;transform:scale(.97)}.opt-layout-preview-draggable.control.drag-over{box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.58)}.opt-layout-preview-row-drag-over{box-shadow:inset 0 0 0 1px rgba(var(--tf-accent-rgb),.54);border-radius:10px}.opt-layout-overlay-stage .intab-shell{position:relative;left:auto!important;top:auto!important;z-index:1;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:var(--tf-text,#fff);-webkit-user-select:none;-moz-user-select:none;user-select:none;direction:ltr!important;text-align:left!important;zoom:1!important;transform:none!important}.opt-layout-overlay-stage .intab-shell.size-small{font-size:10px}.opt-layout-overlay-stage .intab-shell.size-medium{font-size:12px}.opt-layout-overlay-stage .intab-shell.size-large{font-size:14px}.opt-layout-overlay-stage .intab-row{display:flex;align-items:center;gap:.5em}.opt-layout-overlay-stage .intab-compact{background:var(--tf-card,#1A1A1A);border:1px solid var(--tf-card-border,#333);border-radius:2em;box-shadow:0 4px 20px rgba(0,0,0,.4);padding:.5em;width:31.67em;overflow:hidden;position:relative}.opt-layout-overlay-stage .intab-artwork-bg{position:absolute;inset:0;background-size:cover;background-position:50%;filter:blur(15px);transform:scale(1.3);pointer-events:none;opacity:0;transition:opacity .6s ease-out}.opt-layout-overlay-stage .intab-artwork-bg.playing{opacity:1;animation:opt-layout-artwork-pulse 4s ease-in-out infinite}@keyframes opt-layout-artwork-pulse{0%,to{opacity:.2}50%{opacity:.65}}.opt-layout-overlay-stage .intab-thumb{width:3em;height:3em;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--tf-card-border,#333);display:flex;align-items:center;justify-content:center;background:var(--tf-gradient,linear-gradient(135deg,#FF4D00,#FFB800))}.opt-layout-overlay-stage .intab-thumb img{width:100%;height:100%;object-fit:cover}.opt-layout-overlay-stage .intab-info{min-width:0;flex:2.5 1;overflow:hidden}.opt-layout-overlay-stage .intab-info.compact-hidden-preview{flex:1 1}.opt-layout-overlay-stage .intab-title{font-size:11px;font-weight:500;white-space:nowrap;display:block;overflow:hidden}.opt-layout-overlay-stage .intab-title>span{display:inline-block;padding-right:20px}.opt-layout-overlay-stage .intab-progress-bar{height:4px;background:var(--tf-card,#333);border-radius:2px;overflow:hidden;margin-top:4px}.opt-layout-overlay-stage .intab-progress-bar.full{margin:0 0 6px;height:5px}.opt-layout-overlay-stage .intab-progress-fill{height:100%;background:var(--tf-gradient,linear-gradient(90deg,#FF4D00,#FFB800));transition:width .1s}.opt-layout-overlay-stage .intab-time,.opt-layout-overlay-stage .intab-time-full{display:flex;justify-content:space-between}.opt-layout-overlay-stage .intab-time{margin-top:2px}.opt-layout-overlay-stage .intab-time-full{margin-bottom:4px}.opt-layout-overlay-stage .intab-time span,.opt-layout-overlay-stage .intab-time-full span{font-size:9px;color:var(--tf-muted-fg,#888);font-family:monospace}.opt-layout-overlay-stage .intab-actions-row,.opt-layout-overlay-stage .intab-controls,.opt-layout-overlay-stage .intab-controls-full{display:flex;align-items:center;pointer-events:auto}.opt-layout-overlay-stage .intab-controls{gap:2px}.opt-layout-overlay-stage .intab-controls-full{justify-content:center;gap:6px;margin-bottom:6px}.opt-layout-overlay-stage .intab-actions-row{justify-content:center;gap:2px}.opt-layout-overlay-stage .intab-full{width:20em;background:var(--tf-card,#1A1A1A);border:1px solid var(--tf-card-border,#333);border-radius:1.33em;box-shadow:0 4px 20px rgba(0,0,0,.4);padding:.83em;overflow:hidden;position:relative}.opt-layout-overlay-stage .intab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:500;gap:4px}.opt-layout-overlay-stage .intab-header>div{display:flex;gap:2px;flex-shrink:0}.opt-layout-overlay-stage .intab-title-link{white-space:nowrap;overflow:hidden;flex:1 1;min-width:0;display:flex;align-items:center;gap:6px}.opt-layout-overlay-stage .intab-title-link>span:first-child{display:inline-block;overflow:hidden}.opt-layout-overlay-stage .intab-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--tf-muted-fg,#aaa)}.opt-layout-overlay-stage .intab-btn svg{width:14px;height:14px}.opt-layout-overlay-stage .intab-btn:hover{background:var(--tf-card,#333);color:var(--tf-text,#fff)}.opt-layout-overlay-stage .intab-btn.sm{width:22px;height:22px}.opt-layout-overlay-stage .intab-btn.lg{width:40px;height:40px}.opt-layout-overlay-stage .intab-btn.primary{background:var(--tf-gradient,linear-gradient(135deg,#FF4D00,#FFB800));color:#000}.opt-layout-overlay-stage .intab-actions-row .intab-btn{width:22px;height:22px;flex-shrink:0}.opt-layout-overlay-stage .intab-volume{flex:1 1;min-width:40px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tf-card,#333);border-radius:2px;cursor:default;max-width:80px}.opt-layout-overlay-stage .intab-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--tf-amber,#FFB800);border-radius:50%}.opt-layout-tv-real{width:100%;max-width:420px}.opt-layout-tv-real .tv-tile{position:relative;border-radius:12px;overflow:hidden;background:var(--tf-card);border:2px solid var(--tf-card-border);box-shadow:0 10px 40px rgba(0,0,0,.4);aspect-ratio:16/9}.opt-layout-tv-real .tv-tile-content{position:relative;width:100%;height:100%}.opt-layout-tv-real .tv-tile-video{position:absolute;inset:0}.opt-layout-tv-real .opt-layout-tv-media{position:relative;width:100%;height:100%;background-size:cover;background-position:50%;filter:saturate(.94) brightness(.85)}.opt-layout-tv-real .tv-tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--tf-overlay-rgb,0,0,0),.8),transparent 50%,rgba(var(--tf-overlay-rgb,0,0,0),.4));opacity:1;pointer-events:none;padding:12px;container-type:inline-size}.opt-layout-tv-real .tv-tile-overlay button,.opt-layout-tv-real .tv-tile-overlay input{pointer-events:auto}.opt-layout-tv-real .tv-tile-top{display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:8px;position:absolute;top:12px;left:12px;right:12px}.opt-layout-tv-real .tv-tile-source{font-size:11px;font-weight:500;color:var(--tf-overlay-text,var(--tf-text));background:rgba(var(--tf-overlay-rgb,0,0,0),.5);padding:4px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.opt-layout-tv-real .tv-tile-top-actions{display:flex;gap:4px;flex-shrink:0;pointer-events:auto}.opt-layout-tv-real .tv-tile-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.opt-layout-tv-real .tv-tile-center-row{display:flex;align-items:center;gap:8px}.opt-layout-tv-real .tv-tile-bottom{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.opt-layout-tv-real .tv-tile-controls{display:flex;align-items:center;gap:8px;pointer-events:auto}.opt-layout-tv-real .tv-btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:default;transition:all .15s;font-family:inherit;font-size:inherit}.opt-layout-tv-real .tv-btn.ghost{width:2.2em;height:2.2em;border-radius:8px;background:transparent;color:var(--tf-muted-fg,#aaa)}.opt-layout-tv-real .tv-btn.ghost:hover{color:var(--tf-text,#fff);background:rgba(var(--tf-overlay-rgb,0,0,0),.3)}.opt-layout-tv-real .tv-btn.ghost.small{width:1.7em;height:1.7em;border-radius:6px}.opt-layout-tv-real .tv-btn.control{width:2.8em;height:2.8em;border-radius:10px;background:var(--tf-card);color:var(--tf-text);border:2px solid var(--tf-card-border)}.opt-layout-tv-real .tv-btn.control.lg{width:3.5em;height:3.5em;border-radius:14px}.opt-layout-tv-real .tv-btn.live{background:#e53935;color:var(--tf-text);font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px}.opt-layout-tv-real .tv-btn svg{width:14px;height:14px}.opt-layout-tv-real .tv-tile-progress{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;margin-bottom:2px;position:relative}.opt-layout-tv-real .tv-tile-progress-fill{height:100%;background:var(--tf-amber);border-radius:3px}.opt-layout-tv-real .tv-tile-volume{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tf-card);border-radius:2px;cursor:default}.opt-layout-tv-real .tv-tile-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--tf-amber);border-radius:50%}.opt-layout-tv-real .opt-layout-preview-empty{color:var(--tf-overlay-text,var(--tf-text));opacity:.78}.opt-layout-preview-btn{width:2.2em;height:2.2em;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--tf-accent-rgb),.34);background:rgba(var(--tf-accent-rgb),.11);color:var(--tf-foreground);flex-shrink:0}.opt-layout-preview-slider{width:6em;height:.5em;border-radius:999px;border:1px solid rgba(var(--tf-accent-rgb),.3);background:linear-gradient(90deg,rgba(var(--tf-accent-rgb),.7) 45%,rgba(var(--tf-accent-rgb),.16) 45%)}.opt-layout-preview-empty{font-size:11px;color:var(--tf-muted-fg)}.opt-layout-preview-fallback{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px dashed rgba(var(--tf-accent-rgb),.45);background:rgba(var(--tf-accent-rgb),.12);color:var(--tf-foreground);font-size:10px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.opt-layout-zone{border:1px solid color-mix(in srgb,var(--tf-card-border) 76%,transparent 24%);border-radius:10px;background:color-mix(in srgb,var(--tf-background) 70%,transparent 30%);padding:10px;display:flex;flex-direction:column;gap:8px}.opt-layout-unused-strip{margin-top:10px}.opt-layout-zone.drag-over{border-color:rgba(var(--tf-accent-rgb),.58);background:rgba(var(--tf-accent-rgb),.12)}.opt-layout-zone-header{display:flex;flex-direction:column;gap:3px}.opt-layout-zone-header strong{font-size:11px;color:var(--tf-foreground)}.opt-layout-zone-header span{font-size:10px;color:var(--tf-muted-fg)}.opt-layout-zone-list{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.opt-layout-zone-list.unused{align-items:stretch}.opt-layout-hidden-component{border:1px dashed rgba(var(--tf-accent-rgb),.34);background:rgba(var(--tf-accent-rgb),.08);color:var(--tf-foreground);border-radius:10px;min-height:38px;min-width:38px;padding:5px;display:inline-flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;transition:border-color .15s ease,background .15s ease,opacity .15s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.opt-layout-hidden-component>*{pointer-events:none}.opt-layout-hidden-component:hover{border-color:rgba(var(--tf-accent-rgb),.55);background:rgba(var(--tf-accent-rgb),.16)}.opt-layout-hidden-component:active{cursor:-webkit-grabbing;cursor:grabbing}.opt-layout-hidden-component.dragging{opacity:.58;transform:scale(.98)}.opt-layout-hidden-component[data-control-id=preview]{padding:4px}.opt-layout-hidden-component[data-control-id=preview] .tf-card-thumb{width:42px;height:42px;border-radius:10px}.opt-layout-hidden-component[data-control-id=artworkBg]{min-width:64px;min-height:44px}.opt-layout-hidden-component[data-control-id=artworkBg] .tf-card-artwork-bg{position:relative;inset:auto;width:56px;height:36px;border-radius:8px;filter:none;transform:none;opacity:1;animation:none}.opt-layout-bg-pill{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tf-muted-fg)}.opt-layout-zone-note{margin:0;font-size:10px;color:var(--tf-muted-fg)}.opt-layout-actions{margin-top:12px;display:flex;gap:8px}.opt-layout-control-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6}.opt-layout-live-pill{font-size:8px;text-transform:uppercase;letter-spacing:.03em;color:#ef4444;font-weight:700}.opt-layout-live-pill,.opt-layout-live-pill *{pointer-events:none}.opt-check-content{display:flex;flex-direction:column;gap:2px}.opt-check-content strong{font-size:13px;color:var(--tf-foreground)}.opt-check-content p{font-size:11px;color:var(--tf-muted-fg);margin:0}.opt-theme.light .opt-theme-preview{border:1px solid rgba(0,0,0,.1)}@media (max-width:640px){.opt-header{flex-direction:column;gap:12px;padding:12px 16px}.opt-header-actions{width:100%;justify-content:flex-end}.opt-body{flex-direction:column;padding:16px;gap:16px}.opt-layout-workspace{grid-template-columns:1fr}.opt-nav{width:100%;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.opt-nav-item{white-space:nowrap;padding:8px 12px}.opt-themes{grid-template-columns:repeat(3,1fr)}.opt-dashboard-hero{grid-template-columns:1fr}.opt-dashboard-orb{min-height:148px}.opt-dashboard-usage-grid{grid-template-columns:1fr}}.popup-main::-webkit-scrollbar,.tf-list::-webkit-scrollbar,.tf-main::-webkit-scrollbar{width:6px}.popup-main::-webkit-scrollbar-track,.tf-list::-webkit-scrollbar-track,.tf-main::-webkit-scrollbar-track{background:transparent}.popup-main::-webkit-scrollbar-thumb,.tf-list::-webkit-scrollbar-thumb,.tf-main::-webkit-scrollbar-thumb{background:var(--tf-gradient,linear-gradient(180deg,#FF4D00,#FFB800));border-radius:3px}.popup-main::-webkit-scrollbar-thumb:hover,.tf-list::-webkit-scrollbar-thumb:hover,.tf-main::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}.tf-logo-svg .tf-logo-screen{fill:url(#tf-logo-gradient)}.tf-logo-svg .tf-logo-pip{fill:var(--tf-card,#1A1A1A)}.tf-logo-svg .tf-logo-stand{fill:var(--tf-muted-fg,#888)}.tf-logo-svg .tf-logo-neck{stroke:var(--tf-muted-fg,#888);stroke-width:2}.tf-hidden-section{margin-top:8px;padding:8px;background:var(--tf-surface-secondary,rgba(0,0,0,.04));border-radius:8px}.tf-hidden-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--tf-text-secondary,#888);margin-bottom:6px}.tf-hidden-header>span{display:inline-flex;align-items:center;gap:6px}.tf-hidden-header .tf-btn{display:inline-flex;align-items:center;gap:4px}.tf-hidden-list{display:flex;flex-direction:column;gap:4px}.tf-hidden-section .tf-hidden-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--tf-surface,rgba(0,0,0,.03));border-radius:6px;font-size:12px}.tf-hidden-section .tf-hidden-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tf-text-secondary,#888)}.ai-warning{padding:12px 16px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.ai-status-banner,.ai-warning{border-radius:var(--tf-radius-md);font-size:12px;margin-bottom:16px}.ai-status-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.ai-status-banner.success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#4ade80}.ai-status-banner .opt-btn{margin-left:auto;padding:4px 10px}.ai-loading-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(var(--tf-accent-rgb),.1);border:1px solid rgba(var(--tf-accent-rgb),.2);border-radius:var(--tf-radius-md);margin-bottom:16px}.ai-loading-info{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.ai-loading-info span:first-child{font-size:12px;color:var(--tf-foreground)}.ai-loading-status{font-size:10px;color:var(--tf-muted-fg)}.ai-download-progress{flex:1 1;height:6px;background:var(--tf-card);border-radius:3px;overflow:hidden}.ai-download-bar{height:100%;background:var(--tf-gradient);border-radius:3px;transition:width .2s ease}.ai-loading-pct{font-size:12px;font-weight:600;color:var(--tf-amber);min-width:36px;text-align:right}.ai-models-list{display:flex;flex-direction:column;gap:12px}.ai-model-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);transition:all .15s}.ai-model-card:hover{border-color:var(--tf-muted-fg)}.ai-model-card.active{border-color:var(--tf-success,#22c55e);background:rgba(34,197,94,.08)}.ai-model-info{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.ai-model-header{display:flex;align-items:center;gap:10px}.ai-model-header strong{font-size:13px;color:var(--tf-foreground)}.ai-model-status{font-size:11px;font-weight:600}.ai-model-desc{font-size:11px;color:var(--tf-muted-fg);margin:0;line-height:1.4}.ai-model-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--tf-muted-fg);margin-top:4px}.ai-model-actions{display:flex;align-items:center;gap:8px;margin-left:16px;flex-shrink:0}.ai-model-ready{font-size:11px;color:var(--tf-success,#22c55e);font-weight:500}.ai-model-card.error{border-color:rgba(239,68,68,.4)}.ai-model-error{color:#ef4444;font-size:11px;margin-top:4px}.online-sync-panel{padding:16px;display:flex;flex-direction:column;gap:16px;height:100%}.online-sync-panel.loading{display:flex;align-items:center;justify-content:center;color:var(--tf-muted-fg)}.online-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tf-card);border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--tf-success);box-shadow:0 0 8px var(--tf-success)}.status-dot.offline{background:var(--tf-muted-fg)}.status-dot.reconnecting{background:var(--tf-amber);animation:pulse-reconnecting 1.5s ease-in-out infinite}@keyframes pulse-reconnecting{0%,to{opacity:1;box-shadow:0 0 4px var(--tf-amber)}50%{opacity:.5;box-shadow:0 0 12px var(--tf-amber)}}.reconnecting-notice{padding:8px 12px;background:rgba(255,184,0,.15);border:1px solid var(--tf-amber);border-radius:var(--tf-radius-md);font-size:12px;color:var(--tf-amber);text-align:center}.status-text{font-size:13px;font-weight:500;color:var(--tf-foreground)}.session-active{display:flex;flex-direction:column;gap:12px;flex:1 1}.session-header{display:flex;align-items:center;justify-content:space-between}.session-header h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--tf-muted-fg)}.copy-btn{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:var(--tf-radius-sm);opacity:.7;transition:opacity var(--tf-transition-fast)}.copy-btn:hover{opacity:1}.session-code{font-family:var(--tf-font-mono);font-size:28px;font-weight:700;letter-spacing:4px;text-align:center;padding:16px;background:var(--tf-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;border:2px dashed var(--tf-card-border);border-radius:var(--tf-radius-md);transition:border-color var(--tf-transition-fast)}.session-code:hover{border-color:var(--tf-amber)}.participants{display:flex;flex-direction:column;gap:8px}.participant-count{font-size:11px;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.5px}.participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:80px;overflow-y:auto}.participant-list li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 10px;background:var(--tf-muted);border-radius:var(--tf-radius-sm)}.participant-list li.host{background:rgba(var(--tf-accent-rgb),.1)}.host-badge{font-size:10px;padding:2px 6px;background:var(--tf-gradient);color:var(--tf-background);border-radius:var(--tf-radius-full);font-weight:600}.leave-btn{margin-top:auto;padding:10px;background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--tf-radius-md);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--tf-transition-fast)}.leave-btn:hover:not(:disabled){background:rgba(239,68,68,.3)}.leave-btn:disabled{opacity:.5;cursor:not-allowed}.session-join{display:flex;flex-direction:column;gap:16px}.join-form{display:flex;gap:8px}.join-form input{flex:1 1;padding:10px 14px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-size:14px;font-family:var(--tf-font-mono);letter-spacing:2px;text-transform:uppercase;text-align:center}.join-form input:focus{outline:none;border-color:var(--tf-amber)}.join-form input::placeholder{letter-spacing:normal;text-transform:none}.join-form button{padding:10px 16px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);color:var(--tf-foreground);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--tf-transition-fast)}.join-form button:hover:not(:disabled){background:var(--tf-card-elevated);border-color:var(--tf-amber)}.join-form button:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;color:var(--tf-muted-fg);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--tf-card-border)}.create-btn{padding:12px;background:var(--tf-gradient);color:var(--tf-background);border:none;border-radius:var(--tf-radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--tf-transition-fast)}.create-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:var(--tf-shadow-glow)}.create-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--tf-radius-sm);color:#ef4444;font-size:12px}.online-sync-compact{display:flex;align-items:center;gap:6px}.online-indicator{font-size:8px;line-height:1}.online-indicator.connected{color:var(--tf-success)}.online-indicator.disconnected{color:var(--tf-muted-fg)}.session-code-badge{font-family:var(--tf-font-mono);font-size:10px;padding:2px 6px;background:var(--tf-card);border-radius:var(--tf-radius-sm);cursor:pointer;opacity:.8}.session-code-badge:hover{opacity:1}.opt-input{width:100%;padding:10px 14px;background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-size:13px;transition:border-color var(--tf-transition-fast)}.opt-input:focus{outline:none;border-color:var(--tf-amber)}.opt-input:disabled{opacity:.5;cursor:not-allowed}.opt-input-group{display:flex;flex-direction:column;gap:6px}.opt-input-group label{font-size:13px;font-weight:500;color:var(--tf-foreground)}.opt-info{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--tf-card);border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border)}.opt-info p{margin:0;font-size:12px;line-height:1.5;color:var(--tf-muted-fg)}.opt-info p strong{color:var(--tf-foreground);display:block;margin-bottom:4px}.opt-shortcut-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.opt-shortcut-meta{min-width:0}.opt-shortcut-meta strong{display:block;font-size:14px;font-weight:600;color:var(--tf-foreground);margin-bottom:4px}.opt-shortcut-meta p{margin:0;font-size:12px;color:var(--tf-muted-fg);line-height:1.35}.opt-shortcut-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--tf-radius-md);border:1px solid var(--tf-card-border);background:var(--tf-card);color:var(--tf-foreground);padding:6px 10px;font-size:12px;font-weight:600;font-family:var(--tf-font-mono)}.opt-shortcut-actions{display:flex;flex-wrap:wrap;gap:10px}@keyframes tf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tf-modal-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tf-modal-overlay{position:fixed;inset:0;background:radial-gradient(1000px 600px at 30% 20%,rgba(var(--tf-accent-rgb),.18),transparent 60%),rgba(2,4,16,.72);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);display:flex;align-items:center;justify-content:center;padding:14px;z-index:2147483000;animation:tf-fade-in .15s ease-out}.tf-modal{background:var(--tf-card);border:1px solid var(--tf-card-border);border-radius:var(--tf-radius-lg);width:min(92vw,640px);max-height:min(90vh,800px);overflow:hidden;box-shadow:var(--tf-shadow-lg);display:flex;flex-direction:column;font-family:var(--tf-font-sans);color:var(--tf-foreground);animation:tf-modal-scale .2s cubic-bezier(.34,1.56,.64,1)}.tf-modal,.tf-modal *{box-sizing:border-box}.tf-share-modal{width:min(92vw,640px);max-height:min(90vh,780px)}.tf-share-modal .tf-modal-content{max-height:min(78vh,700px)}.tf-modal-header{justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--tf-card-border);background:linear-gradient(180deg,rgba(var(--tf-accent-rgb),.08),rgba(var(--tf-accent-rgb),.02))}.tf-modal-header,.tf-modal-title{display:flex;align-items:center;gap:10px}.tf-modal-title{font-size:16px;font-weight:700;letter-spacing:.01em;color:var(--tf-foreground);min-width:0}.tf-modal-title svg{color:var(--tf-amber);flex-shrink:0}.tf-modal-content{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:70vh;font-size:13px}.tf-share-section{display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(165deg,rgba(var(--tf-accent-rgb),.06),rgba(var(--tf-accent-rgb),.01));border:1px solid color-mix(in srgb,var(--tf-card-border) 84%,rgba(var(--tf-accent-rgb),.26));border-radius:12px;min-width:0}.tf-share-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--tf-muted-fg);text-transform:uppercase;letter-spacing:.07em}.tf-share-label svg{color:rgba(var(--tf-accent-rgb),.85);flex-shrink:0}.tf-share-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;grid-gap:8px;gap:8px}.tf-share-input{min-height:38px;padding:9px 11px;background:color-mix(in srgb,var(--tf-muted) 90%,rgba(var(--tf-accent-rgb),.07));border:1px solid color-mix(in srgb,var(--tf-card-border) 80%,rgba(var(--tf-accent-rgb),.25));border-radius:var(--tf-radius-md);color:var(--tf-foreground);font-family:var(--tf-font-mono);font-size:12px;line-height:1.35;outline:none;cursor:text;-webkit-user-select:all;-moz-user-select:all;user-select:all;min-width:0}.tf-share-input::placeholder{color:var(--tf-muted-fg)}.tf-share-input:focus{border-color:rgba(var(--tf-accent-rgb),.68);box-shadow:0 0 0 2px rgba(var(--tf-accent-rgb),.14)}.tf-share-link-btn{width:34px;min-width:34px;height:34px;padding:0}.tf-share-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:color-mix(in srgb,var(--tf-background) 82%,rgba(var(--tf-accent-rgb),.18));border:1px dashed rgba(var(--tf-accent-rgb),.28);border-radius:var(--tf-radius-md);margin-top:2px}.tf-share-qr img{width:130px;height:130px;border-radius:10px;background:#fff;padding:7px}.tf-share-qr p{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;color:var(--tf-muted-fg)}.tf-share-media{display:flex;flex-direction:column;gap:4px;padding:10px;background:color-mix(in srgb,var(--tf-muted) 88%,rgba(var(--tf-accent-rgb),.08));border-radius:var(--tf-radius-md)}.tf-share-media-title{font-size:13px;font-weight:600;color:var(--tf-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-share-media-host{font-size:11px;color:var(--tf-muted-fg)}.tf-share-participants{display:flex;flex-direction:column;gap:6px}.tf-share-participant{display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:color-mix(in srgb,var(--tf-muted) 88%,rgba(var(--tf-accent-rgb),.05));border-radius:var(--tf-radius-md)}.tf-share-participant-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.tf-participant-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--tf-foreground);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-participant-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:var(--tf-radius-full);text-transform:uppercase}.tf-participant-badge.host{background:rgba(var(--tf-accent-rgb),.2);color:var(--tf-amber)}.tf-participant-badge.following{background:rgba(59,130,246,.2);color:#60a5fa}.tf-participant-badge.diverged{background:rgba(168,85,247,.2);color:#c084fc}.tf-share-permissions{display:flex;flex-wrap:wrap;gap:8px}.tf-permission-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--tf-muted);border-radius:var(--tf-radius-md);cursor:pointer;font-size:11px;color:var(--tf-foreground);transition:all var(--tf-transition-fast)}.tf-permission-toggle:hover{background:var(--tf-card-elevated)}.tf-permission-toggle input[type=checkbox]{accent-color:var(--tf-amber)}.tf-share-perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:7px;gap:7px}.tf-share-streamer-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,rgba(var(--tf-accent-rgb),.22));background:color-mix(in srgb,var(--tf-muted) 92%,rgba(var(--tf-accent-rgb),.06))}.tf-share-streamer-mode.active{border-color:rgba(var(--tf-accent-rgb),.58);background:color-mix(in srgb,rgba(var(--tf-accent-rgb),.2) 64%,var(--tf-muted))}.tf-share-streamer-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.tf-share-streamer-title{font-size:12px;font-weight:700;color:var(--tf-foreground)}.tf-share-streamer-copy small,.tf-share-streamer-hint,.tf-share-streamer-readonly{margin:0;font-size:10px;line-height:1.35;color:var(--tf-muted-fg)}.tf-share-streamer-hint,.tf-share-streamer-readonly{display:block}.tf-perm-toggle{display:flex;align-items:center;gap:5px;width:100%;justify-content:flex-start;min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--tf-card-border) 82%,rgba(var(--tf-accent-rgb),.2));border-radius:10px;background:color-mix(in srgb,var(--tf-muted) 90%,rgba(var(--tf-accent-rgb),.06));color:var(--tf-muted-fg);font-size:12px;cursor:pointer;transition:all var(--tf-transition-fast);font-family:inherit}.tf-perm-toggle:hover{background:var(--tf-card-elevated)}.tf-perm-toggle.active{background:rgba(var(--tf-accent-rgb),.17);border-color:rgba(var(--tf-accent-rgb),.65);color:var(--tf-amber);box-shadow:inset 0 0 0 1px rgba(var(--tf-accent-rgb),.22)}.tf-perm-toggle.readonly{cursor:default;opacity:.9}.tf-perm-toggle.readonly:disabled{opacity:.9}.tf-perm-toggle.overridden{box-shadow:inset 0 0 0 1px rgba(var(--tf-accent-rgb),.35)}.tf-perm-toggle-sm{padding:4px 8px;font-size:11px;gap:4px;min-height:30px}.tf-perm-icon{display:flex;align-items:center}.tf-perm-label{font-weight:600;white-space:nowrap}.tf-share-code-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--tf-radius-full);background:rgba(var(--tf-accent-rgb),.19);color:var(--tf-amber);letter-spacing:.08em;font-family:var(--tf-font-mono);flex-shrink:0}.tf-participant-info{display:flex;align-items:center;gap:8px;min-width:0}.tf-participant-avatar{width:24px;height:24px;min-width:24px;border-radius:50%;overflow:hidden;background:rgba(var(--tf-accent-rgb),.16);border:1px solid rgba(var(--tf-accent-rgb),.2);display:inline-flex;align-items:center;justify-content:center}.tf-participant-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.tf-participant-avatar-fallback{font-size:10px;font-weight:700;color:var(--tf-amber);letter-spacing:.2px}.tf-participant-badges{display:flex;gap:4px;flex-shrink:0}.tf-participant-badge.admin{background:rgba(59,130,246,.2);color:#60a5fa}.tf-participant-badge.viewer{background:rgba(var(--tf-muted-fg-raw,150,150,150),.15);color:var(--tf-muted-fg)}.tf-participant-badge.viewer-lock{background:rgba(148,163,184,.18);color:#cbd5e1}.tf-participant-badge.elevated{background:rgba(16,185,129,.2);color:#6ee7b7}.tf-kick-confirm{color:#ef4444!important;background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.4)!important;animation:tf-shake .3s ease-in-out}.tf-participant-actions{display:flex;gap:2px;flex-shrink:0}.tf-participant-perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:5px;gap:5px;padding-left:32px}.tf-participant-elevate-btn{grid-column:1/-1;justify-content:center}.tf-promote-btn:hover{color:#60a5fa!important;background:rgba(59,130,246,.12)!important}@keyframes tf-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.tf-share-end-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;background:linear-gradient(180deg,rgba(239,68,68,.17),rgba(239,68,68,.1))!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;font-weight:700}.tf-share-end-btn:hover{background:linear-gradient(180deg,rgba(239,68,68,.24),rgba(239,68,68,.14))!important}@media (max-width:520px){.tf-share-modal{width:96vw;max-width:96vw}.tf-share-link-row{grid-template-columns:1fr auto auto auto;gap:6px}.tf-share-media-title{white-space:normal;line-height:1.3}.tf-share-perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tf-share-empty{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;color:var(--tf-muted-fg);font-size:13px}.tf-share-indicator{display:inline-flex;align-items:center;gap:4px;animation:tf-pulse 2s ease-in-out infinite}.tf-share-indicator-count{font-size:11px;font-weight:600}.share-sync-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--tf-radius-full);border:1px solid transparent;font-size:10px;font-weight:700;line-height:1;color:#fff;white-space:nowrap}.share-sync-badge.synced{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.45);color:#bbf7d0}.share-sync-badge.diverged{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.45);color:#fde68a}.share-sync-badge-count{font-size:9px;font-weight:700;color:currentColor}.share-sync-badge-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font-size:10px;line-height:1;padding:0}.share-sync-badge-btn svg{width:10px;height:10px}.share-sync-badge-btn:hover{background:rgba(255,255,255,.12)}@keyframes tf-pulse{0%,to{opacity:1}50%{opacity:.7}}.tf-share-position-compare{display:flex;flex-direction:column;gap:6px}.tf-share-pos-row{display:flex;align-items:center;gap:6px;font-size:11px}.tf-share-pos-label{font-weight:600;min-width:32px}.tf-share-pos-time{font-size:10px;color:var(--tf-muted-fg,#999);min-width:80px}.tf-share-pos-bar{flex:1 1;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.tf-share-pos-fill{height:100%;border-radius:2px;transition:width .3s ease}.tf-share-timeline-track{position:relative;height:8px;margin-top:2px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);overflow:visible}.tf-share-timeline-marker{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:999px;border:1.5px solid var(--tf-card,#1a1a1a);box-shadow:0 0 0 1px rgba(0,0,0,.24);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;padding:0;overflow:hidden}.tf-share-timeline-marker-avatar{width:100%;height:100%;display:block;object-fit:cover}.tf-share-timeline-marker:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 1px rgba(245,158,11,.45)}.tf-share-timeline-marker:disabled{cursor:default}.tf-share-timeline-hint{margin-top:4px;font-size:10px;color:var(--tf-muted-fg,#999)}.tf-card-sync-badge{position:absolute;bottom:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border-radius:3px}.tf-card-sync-badge.synced{background:rgba(34,197,94,.85);color:white}.tf-card-sync-badge.diverged{background:rgba(245,158,11,.85);color:white}.tf-user-avatar-btn{width:24px!important;height:24px!important;min-width:24px;min-height:24px;padding:0!important;border:none!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:hidden}.tf-user-avatar-btn:hover:not(:disabled){border:none!important;background:transparent!important;box-shadow:none!important}.tf-user-avatar-btn img{display:block}