:root{--studio-header-height:80px;--studio-page-bg:#f7f8fa;--studio-surface:#fff;--studio-surface-muted:#f9fafb;--studio-surface-subtle:#f9fafb;--studio-surface-raised:#fff;--studio-text:#0f0f10;--studio-text-secondary:#595959;--studio-text-muted:#8c8c8c;--studio-text-tertiary:#8c8c8c;--studio-ink:#262626;--studio-ink-secondary:#323741;--studio-icon-tertiary:#8f95a3;--studio-on-dark:#fff;--studio-danger:#ff4d4f;--studio-help-text:#8ca0bd;--studio-placeholder-text:#bfbfbf;--studio-border:#eaedf2;--studio-border-soft:#eff0f3;--studio-divider:#d9d9d9;--studio-control-border:#d9e4ff;--studio-input-border-muted:#e5e7eb;--studio-primary:#633dff;--studio-primary-soft:#8a63ff;--studio-primary-active:#4725cf;--studio-primary-hover:#4f28dc;--studio-primary-faint:#f3edff;--studio-primary-border-soft:#d8ccff;--studio-save:#6438f5;--studio-save-soft:rgba(100,56,245,0.1);--studio-capsule-bg:#f2f3ff;--studio-capsule-border:#e6e6ff;--studio-chip-bg:#f6f0ff;--studio-warn-text:#d46b08;--studio-warn-bg:#fff7e6;--studio-warn-border:#ffd591;--studio-orange-text:#fa8c16;--studio-orange-bg:#fff7e6;--studio-orange-border:#ffd591;--studio-panel-muted:#f5f5f5;--studio-canvas-bg:#f4f4f5;--studio-timeline-bg:#f3f3f4;--studio-selected-bg:#f3edff;--studio-selected-border:#ceb5ff;--studio-selected-ring:rgba(99,61,255,0.22);--studio-option-active-bg:linear-gradient(90deg,#fff,#f6f0ff);--studio-option-ring:rgba(100,56,245,0.12);--studio-option-badge-bg:#0f0f10;--studio-option-tag-bg:#f0f1f3;--studio-radius-lg:12px;--studio-radius-md:8px;--studio-radius-sm:6px;--studio-shadow-sm:0 1px 1px rgba(156,163,175,0.4);--studio-shadow-md:0 4px 12px rgba(15,23,42,0.06);--studio-shadow-lg:0 8px 24px rgba(15,23,42,0.10);--studio-shadow-xl:0 4px 28px rgba(4,1,135,0.06),0 20px 17.5px rgba(4,1,135,0.08);--studio-footer-shadow:0 -4px 12px rgba(15,23,42,0.04);--studio-spacing-5:20px;--studio-card-shadow-soft:var(--studio-shadow-md);--studio-play-icon:#94a3b8;--studio-play-shadow:0 3px 10px rgba(15,15,16,0.12);--studio-phone-shell-bg:linear-gradient(180deg,rgba(100,56,245,0.22),rgba(255,154,120,0.24));--studio-phone-shadow:0 18px 46px rgba(15,15,16,0.12);--studio-phone-stage-border:rgba(255,255,255,0.48);--studio-phone-stage-bg:radial-gradient(circle at 20% 12%,rgba(255,211,131,0.95),transparent 18%),radial-gradient(circle at 74% 18%,rgba(139,92,246,0.46),transparent 22%),linear-gradient(160deg,#d7ecff,#f7d4d5 46%,#d9dff4);--studio-phone-label:rgba(15,15,16,0.68);--studio-live-scene-bg:radial-gradient(circle at 18% 18%,rgba(255,215,132,0.88),transparent 5%),radial-gradient(circle at 82% 18%,rgba(255,242,203,0.78),transparent 7%),linear-gradient(90deg,rgba(58,94,146,0.74) 0 26%,transparent 26% 74%,rgba(240,171,137,0.7) 74%),linear-gradient(180deg,#2d334b,#7b7895 50%,#dcc5bb);--studio-live-skin:#ffd7bd;--studio-live-hair:#4d2d27;--studio-live-suit:#26314f;--studio-live-accent:#ff5c35;--studio-template-card-shadow:0 12px 26px rgba(69,44,137,0.12);--studio-preview-layer-border:rgba(100,56,245,0.24);--studio-preview-layer-shadow:0 6px 16px rgba(15,15,16,0.08);--studio-template-hover-bg:rgba(255,255,255,0.88);--studio-storyboard-bg:#f2f0ff;--studio-storyboard-border:#d8d4ff;--studio-storyboard-column-bg:#f0efff;--studio-add-border:#c7a8ff;--studio-drag-handle:#cbd5e1;--studio-timeline-chip-bg:#f6f7fb;--studio-timeline-mark:#b7beca;--studio-timeline-clip-orange-text:#7a4100;--studio-timeline-clip-orange-bg:#ffe4b2;--studio-timeline-clip-orange-border:#ffb84d;--studio-timeline-clip-purple-text:#5f3dc4;--studio-timeline-clip-purple-bg:#e9d8ff;--studio-timeline-clip-purple-border:#b197fc;--studio-filmstrip-bg:repeating-linear-gradient(90deg,rgba(15,15,16,0.2) 0 1px,transparent 1px 12px),linear-gradient(90deg,#d8d4ff,#f6f0ff);--studio-audio-clip-bg:repeating-linear-gradient(90deg,rgba(138,99,255,0.35) 0 2px,transparent 2px 6px),#eadcff;--studio-overlay-scrim:rgba(15,15,16,0.45);--studio-drawer-scrim:rgba(15,15,16,0.16);--studio-dialog-scrim:rgba(15,15,16,0.28);--studio-overlay-shadow:var(--studio-shadow-xl);--studio-popover-shadow:var(--studio-shadow-lg);--studio-floating-shadow:0 6px 18px rgba(15,15,16,0.14);--studio-drawer-shadow:-12px 0 34px rgba(15,15,16,0.14);--studio-dialog-shadow:var(--studio-shadow-xl);--studio-toast-bg:rgba(15,15,16,0.88);--studio-toast-shadow:0 10px 28px rgba(15,15,16,0.18);--studio-question-card-bg:linear-gradient(90deg,#fbfcfe,#f1f2f5);--studio-question-card-active-bg:linear-gradient(90deg,#fbf9ff,#f3edff);--studio-pagination-active-bg:#1f1f22;--studio-pagination-active-text:#fff;--studio-tag-danger-bg:#fff1f0;--studio-tag-danger-border:rgba(100,56,245,0.1);--studio-tag-success-text:#5ec920;--studio-tag-success-bg:#f0fce3;--studio-tag-info-text:#4096ff;--studio-tag-info-bg:#e6f4ff;--studio-tag-warning-bg:#ffe7ba;--studio-skeleton-bg:#eef0f5;--studio-skeleton-gradient:linear-gradient(90deg,#eef0f5,#f6f7fb,#eef0f5);--studio-tab-active-shadow:var(--studio-shadow-sm);--studio-dark-button:linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0)),#0f0f10;--studio-dark-button-border:rgba(255,255,255,0.14);--studio-shadow:0 8px 18px rgba(15,15,16,0.16);--studio-card-shadow-hover:var(--studio-shadow-md);--studio-primary-gradient:linear-gradient(180deg,var(--studio-primary-soft) 0%,var(--studio-save) 100%);--studio-control-focus-shadow:0 0 0 3px rgba(100,56,245,0.12);--studio-slider-track:#e5e7eb;--studio-table-header-bg:#f4f6fa;--studio-table-header-text:#8d96a8;--studio-table-hover-bg:#fbf9ff;--studio-status-success:#39b54a;--studio-status-error:#ff6b6b;--studio-status-warning:#ff9f1a;--studio-status-info:#1677ff;--studio-status-default:#8f95a3;--studio-patch-hover-bg:#f8f6ff;--studio-patch-background-bg:#ebf3ff;--studio-patch-background-border:#cfe0ff;--studio-motion-fast:140ms;--studio-motion-base:220ms;--studio-motion-exit:220ms;--studio-motion-slow:280ms;--studio-ease:cubic-bezier(0.2,0.8,0.2,1)}.dark,[data-theme=dark]{--studio-page-bg:#080d18;--studio-surface:#101727;--studio-surface-muted:#121a2c;--studio-surface-subtle:#0d1424;--studio-surface-raised:#171f33;--studio-text:#f4f6ff;--studio-text-secondary:#c5ccdc;--studio-text-muted:#8f9ab1;--studio-text-tertiary:#747f97;--studio-ink:#f7f8ff;--studio-ink-secondary:#d8ddec;--studio-icon-tertiary:#8994ac;--studio-on-dark:#fff;--studio-danger:hsl(var(--destructive));--studio-help-text:hsl(var(--muted-foreground));--studio-placeholder-text:hsl(var(--muted-foreground));--studio-border:rgba(117,133,171,0.28);--studio-border-soft:rgba(117,133,171,0.18);--studio-divider:rgba(117,133,171,0.24);--studio-control-border:rgba(151,163,196,0.24);--studio-input-border-muted:rgba(151,163,196,0.22);--studio-primary:#a78bfa;--studio-primary-soft:#b59cff;--studio-primary-active:#c4b5fd;--studio-primary-hover:#b59cff;--studio-primary-faint:rgba(167,139,250,0.14);--studio-primary-border-soft:rgba(167,139,250,0.36);--studio-save:#a78bfa;--studio-save-soft:rgba(167,139,250,0.14);--studio-capsule-bg:rgba(167,139,250,0.13);--studio-capsule-border:rgba(167,139,250,0.24);--studio-chip-bg:rgba(167,139,250,0.14);--studio-warn-text:hsl(38 92% 72%);--studio-warn-bg:hsl(35 100% 16%);--studio-warn-border:hsl(35 96% 36%);--studio-orange-text:hsl(38 92% 72%);--studio-orange-bg:hsl(35 100% 16%);--studio-orange-border:hsl(35 96% 36%);--studio-panel-muted:rgba(137,148,172,0.09);--studio-canvas-bg:linear-gradient(180deg,#080d18,#0a1020 52%,#080c17);--studio-timeline-bg:#0a1020;--studio-selected-bg:linear-gradient(90deg,rgba(167,139,250,0.22),rgba(95,82,160,0.08));--studio-selected-border:rgba(196,181,253,0.52);--studio-selected-ring:rgba(167,139,250,0.25);--studio-option-active-bg:linear-gradient(90deg,rgba(167,139,250,0.22),rgba(20,28,48,0.9));--studio-option-ring:rgba(167,139,250,0.24);--studio-option-badge-bg:#070b14;--studio-option-tag-bg:rgba(137,148,172,0.14);--studio-shadow-sm:0 1px 1px hsl(226 40% 5%/0.22);--studio-shadow-md:0 4px 12px hsl(226 40% 5%/0.30);--studio-shadow-lg:0 8px 24px hsl(226 40% 5%/0.40);--studio-shadow-xl:0 4px 28px hsl(246 70% 8%/0.34),0 20px 17.5px hsl(246 70% 8%/0.32);--studio-footer-shadow:0 -4px 12px hsl(226 40% 5%/0.32);--studio-card-shadow-soft:var(--studio-shadow-md);--studio-play-icon:hsl(var(--muted-foreground));--studio-play-shadow:0 3px 10px hsl(226 40% 5%/0.32);--studio-phone-shell-bg:linear-gradient(180deg,hsl(var(--primary)/0.28),hsl(var(--accent)/0.14));--studio-phone-shadow:0 18px 46px hsl(226 40% 5%/0.36);--studio-phone-stage-border:hsl(var(--border)/0.72);--studio-phone-stage-bg:radial-gradient(circle at 20% 12%,hsl(38 92% 58%/0.54),transparent 18%),radial-gradient(circle at 74% 18%,hsl(var(--primary)/0.48),transparent 22%),linear-gradient(160deg,hsl(218 36% 20%),hsl(336 28% 20%) 46%,hsl(232 26% 22%));--studio-phone-label:hsl(var(--foreground)/0.78);--studio-live-scene-bg:radial-gradient(circle at 18% 18%,hsl(38 92% 58%/0.58),transparent 5%),radial-gradient(circle at 82% 18%,hsl(42 90% 72%/0.42),transparent 7%),linear-gradient(90deg,hsl(218 42% 18%/0.9) 0 26%,transparent 26% 74%,hsl(10 44% 24%/0.78) 74%),linear-gradient(180deg,hsl(226 34% 13%),hsl(248 24% 20%) 50%,hsl(18 24% 22%));--studio-live-skin:#b98470;--studio-live-hair:#271a18;--studio-live-suit:#151d34;--studio-live-accent:#ff7a45;--studio-template-card-shadow:0 12px 26px hsl(246 70% 8%/0.36);--studio-preview-layer-border:hsl(var(--primary)/0.48);--studio-preview-layer-shadow:0 6px 16px hsl(226 40% 5%/0.32);--studio-template-hover-bg:hsl(var(--surface)/0.9);--studio-storyboard-bg:hsl(var(--primary)/0.16);--studio-storyboard-border:hsl(var(--primary)/0.42);--studio-storyboard-column-bg:hsl(var(--primary)/0.12);--studio-add-border:hsl(var(--primary)/0.5);--studio-drag-handle:hsl(var(--muted-foreground));--studio-timeline-chip-bg:hsl(var(--surface-subtle));--studio-timeline-mark:hsl(var(--muted-foreground));--studio-timeline-clip-orange-text:hsl(38 92% 78%);--studio-timeline-clip-orange-bg:hsl(35 94% 18%);--studio-timeline-clip-orange-border:hsl(35 92% 42%);--studio-timeline-clip-purple-text:hsl(var(--primary));--studio-timeline-clip-purple-bg:hsl(var(--primary)/0.18);--studio-timeline-clip-purple-border:hsl(var(--primary)/0.44);--studio-filmstrip-bg:repeating-linear-gradient(90deg,hsl(var(--foreground)/0.24) 0 1px,transparent 1px 12px),linear-gradient(90deg,hsl(var(--primary)/0.18),hsl(var(--surface-subtle)));--studio-audio-clip-bg:repeating-linear-gradient(90deg,hsl(var(--primary)/0.42) 0 2px,transparent 2px 6px),hsl(var(--primary)/0.16);--studio-overlay-scrim:hsl(226 40% 5%/0.62);--studio-drawer-scrim:hsl(226 40% 5%/0.42);--studio-dialog-scrim:hsl(226 40% 5%/0.54);--studio-overlay-shadow:var(--studio-shadow-xl);--studio-popover-shadow:var(--studio-shadow-lg);--studio-floating-shadow:0 6px 18px hsl(226 40% 5%/0.34);--studio-drawer-shadow:-12px 0 34px hsl(226 40% 5%/0.38);--studio-dialog-shadow:var(--studio-shadow-xl);--studio-toast-bg:hsl(var(--surface-elevated));--studio-toast-shadow:0 10px 28px hsl(226 40% 5%/0.42);--studio-question-card-bg:linear-gradient(90deg,hsl(var(--surface)) 0%,hsl(var(--surface-subtle)) 100%);--studio-question-card-active-bg:linear-gradient(90deg,hsl(var(--primary)/0.14) 0%,hsl(var(--surface-subtle)) 100%);--studio-pagination-active-bg:hsl(var(--foreground));--studio-pagination-active-text:hsl(var(--background));--studio-tag-danger-bg:hsl(0 72% 18%);--studio-tag-danger-border:hsl(0 72% 34%/0.48);--studio-tag-success-text:hsl(102 72% 68%);--studio-tag-success-bg:hsl(102 42% 16%);--studio-tag-info-text:hsl(207 86% 72%);--studio-tag-info-bg:hsl(207 50% 16%);--studio-tag-warning-bg:hsl(35 88% 20%);--studio-skeleton-bg:hsl(var(--surface-muted));--studio-skeleton-gradient:linear-gradient(90deg,hsl(var(--surface-muted)),hsl(var(--surface-subtle)),hsl(var(--surface-muted)));--studio-tab-active-shadow:0 8px 18px rgba(3,7,18,0.22),0 0 0 1px rgba(167,139,250,0.12) inset;--studio-dark-button:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0)),#202842;--studio-dark-button-border:rgba(255,255,255,0.16);--studio-card-shadow-hover:var(--studio-shadow-md);--studio-control-focus-shadow:0 0 0 3px rgba(167,139,250,0.18);--studio-slider-track:rgba(151,163,196,0.2);--studio-table-header-bg:#11192a;--studio-table-header-text:hsl(var(--muted-foreground));--studio-table-hover-bg:hsl(var(--primary)/0.14);--studio-status-success:#39b54a;--studio-status-error:#ff6b6b;--studio-status-warning:#ffb84d;--studio-status-info:#69b1ff;--studio-status-default:hsl(var(--muted-foreground));--studio-patch-hover-bg:hsl(var(--primary)/0.16);--studio-patch-background-bg:hsl(216 62% 16%);--studio-patch-background-border:hsl(216 72% 32%)}@keyframes lw-card-in{0%{opacity:0;transform:translate3d(0,14px,0) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes lw-topline-flow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes lw-skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes lw-id-feedback{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes lw-id-tooltip-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lw-copy-toast-lifecycle{0%{opacity:0;transform:translateY(-10px) scale(.97)}10%,86%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px) scale(.99)}}@keyframes lw-copy-toast-icon{0%{transform:scale(.55) rotate(-12deg)}70%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(0)}}.lw-card{--lw-mx:50%;--lw-my:-20%;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.1rem;border:1px solid hsl(var(--border)/.85);background:radial-gradient(120% 70% at 85% -10%,hsl(var(--primary)/.05),transparent 55%),linear-gradient(180deg,hsl(var(--surface)/.95),hsl(var(--surface)/.86));box-shadow:0 12px 34px hsl(224 42% 10%/.07);backdrop-filter:blur(18px);transition:transform var(--motion-duration-slow) var(--motion-ease-standard),border-color var(--motion-duration-normal) var(--motion-ease-standard),box-shadow var(--motion-duration-slow) var(--motion-ease-standard);animation:lw-card-in .52s var(--motion-ease-standard) backwards}.dark .lw-card{border-color:hsl(var(--border)/.55);background:radial-gradient(120% 70% at 85% -10%,hsl(var(--brand-purple-500)/.14),transparent 55%),linear-gradient(180deg,hsl(var(--surface-1)/.94),hsl(var(--surface-0)/.92));box-shadow:0 18px 44px hsl(226 44% 4%/.45)}.lw-card>*{position:relative;z-index:1}.lw-card__header{z-index:3}.lw-id-button[data-copied=true]{border-color:hsl(var(--success)/.4);color:hsl(var(--success));background:hsl(var(--success)/.12);animation:lw-id-feedback .42s var(--motion-ease-standard)}.lw-id-tooltip{transform-origin:center;animation:lw-id-tooltip-in .16s var(--motion-ease-standard) both}.lw-id-tooltip__action{border-left:1px solid hsl(var(--border)/.75)}.lw-copy-toast{position:fixed;top:5.25rem;right:1.5rem;z-index:170;display:grid;width:min(22rem,calc(100vw - 2rem));grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;padding:.8rem .9rem;border:1px solid hsl(var(--border)/.85);background:hsl(var(--surface-elevated)/.96);box-shadow:0 18px 46px hsl(224 42% 10%/.18);backdrop-filter:blur(18px);pointer-events:none;animation:lw-copy-toast-lifecycle 2.8s var(--motion-ease-standard) both}.lw-copy-toast,.lw-copy-toast__icon{align-items:center;border-radius:.5rem}.lw-copy-toast__icon{display:inline-flex;width:2.25rem;height:2.25rem;justify-content:center;color:hsl(var(--success));background:hsl(var(--success)/.12)}.lw-copy-toast[data-tone=error] .lw-copy-toast__icon{color:hsl(var(--danger));background:hsl(var(--danger)/.1)}.lw-copy-toast__icon svg{width:1.15rem;height:1.15rem;animation:lw-copy-toast-icon .42s var(--motion-ease-standard) both}.lw-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--lw-mx) var(--lw-my),hsl(var(--primary)/.08),transparent 62%);opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);pointer-events:none}.dark .lw-card:before{background:radial-gradient(300px circle at var(--lw-mx) var(--lw-my),hsl(var(--brand-purple-300)/.13),transparent 62%)}.lw-card:hover{transform:translateY(-3px);border-color:hsl(var(--primary)/.38);box-shadow:0 22px 52px hsl(224 42% 10%/.12),0 0 0 1px hsl(var(--primary)/.1)}.dark .lw-card:hover{border-color:hsl(var(--primary)/.42);box-shadow:0 24px 60px hsl(226 44% 4%/.55),0 0 34px hsl(var(--brand-purple-500)/.18)}.lw-card:hover:before{opacity:1}.lw-card__topline{position:absolute;inset:0 0 auto;height:2px;z-index:2;background:linear-gradient(90deg,hsl(var(--primary)/0),hsl(var(--primary)/.85),hsl(var(--accent)/.75),hsl(var(--primary)/0));background-size:200% 100%;opacity:.55;transition:opacity var(--motion-duration-normal) var(--motion-ease-standard);pointer-events:none}.lw-card:hover .lw-card__topline{opacity:1;animation:lw-topline-flow 2.4s linear infinite}.lw-chip{border:1px solid hsl(var(--border)/.55);background:hsl(var(--surface-subtle)/.72);transition:border-color var(--motion-duration-normal) var(--motion-ease-standard),background-color var(--motion-duration-normal) var(--motion-ease-standard)}.dark .lw-chip{border-color:hsl(var(--border)/.45);background:hsl(var(--surface-2)/.4)}.lw-stat{border:1px solid hsl(var(--border)/.55);background:hsl(var(--surface-subtle)/.72);transition:border-color var(--motion-duration-slow) var(--motion-ease-standard),background-color var(--motion-duration-slow) var(--motion-ease-standard),transform var(--motion-duration-slow) var(--motion-ease-standard)}.dark .lw-stat{border-color:hsl(var(--border)/.45);background:hsl(var(--surface-2)/.4)}.lw-card:hover .lw-stat{border-color:hsl(var(--primary)/.26);background:hsl(var(--primary)/.06)}.dark .lw-card:hover .lw-stat{border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.1)}.lw-card__footer{border-top:1px solid hsl(var(--border)/.5);background:hsl(var(--surface-subtle)/.5)}.dark .lw-card__footer{border-top-color:hsl(var(--border)/.4);background:hsl(226 40% 8%/.35)}.lw-skeleton{position:relative;overflow:hidden;border-radius:1.1rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--surface)/.8)}.dark .lw-skeleton{border-color:hsl(var(--border)/.5);background:hsl(var(--surface-1)/.85)}.lw-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,hsl(var(--foreground)/.05) 50%,transparent 80%);animation:lw-skeleton-shimmer 1.6s var(--motion-ease-standard) infinite}.lw-skeleton__block{border-radius:.7rem;background:hsl(var(--surface-muted)/.85)}@media (prefers-reduced-motion:reduce){.lw-card,.lw-card__topline,.lw-copy-toast,.lw-copy-toast__icon svg,.lw-id-button,.lw-id-tooltip,.lw-skeleton:after{animation:none!important}.lw-card:hover{transform:none}}@media (max-width:640px){.lw-copy-toast{top:4.5rem;right:.75rem;width:calc(100vw - 1.5rem)}}@keyframes agent-card-in{0%{opacity:0;transform:translate3d(0,14px,0) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes agent-topline-flow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes agent-skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes agent-row-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes agent-pulse-dot{0%,to{box-shadow:0 0 0 0 hsl(var(--primary)/.45)}70%{box-shadow:0 0 0 6px hsl(var(--primary)/0)}}.agent-card{--agent-mx:50%;--agent-my:-20%;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.1rem;border:1px solid hsl(var(--border)/.85);background:radial-gradient(120% 70% at 85% -10%,hsl(var(--primary)/.05),transparent 55%),linear-gradient(180deg,hsl(var(--surface)/.95),hsl(var(--surface)/.86));box-shadow:0 12px 34px hsl(224 42% 10%/.07);backdrop-filter:blur(18px);transition:transform var(--motion-duration-slow) var(--motion-ease-standard),border-color var(--motion-duration-normal) var(--motion-ease-standard),box-shadow var(--motion-duration-slow) var(--motion-ease-standard);animation:agent-card-in .52s var(--motion-ease-standard) backwards}.dark .agent-card{border-color:hsl(var(--border)/.55);background:radial-gradient(120% 70% at 85% -10%,hsl(var(--brand-purple-500)/.14),transparent 55%),linear-gradient(180deg,hsl(var(--surface-1)/.94),hsl(var(--surface-0)/.92));box-shadow:0 18px 44px hsl(226 44% 4%/.45)}.agent-card>*{position:relative;z-index:1}.agent-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--agent-mx) var(--agent-my),hsl(var(--primary)/.08),transparent 62%);opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);pointer-events:none}.dark .agent-card:before{background:radial-gradient(300px circle at var(--agent-mx) var(--agent-my),hsl(var(--brand-purple-300)/.13),transparent 62%)}.agent-card:hover{transform:translateY(-3px);border-color:hsl(var(--primary)/.38);box-shadow:0 22px 52px hsl(224 42% 10%/.12),0 0 0 1px hsl(var(--primary)/.1)}.dark .agent-card:hover{border-color:hsl(var(--primary)/.42);box-shadow:0 24px 60px hsl(226 44% 4%/.55),0 0 34px hsl(var(--brand-purple-500)/.18)}.agent-card:hover:before{opacity:1}.agent-card[data-selected=true]{border-color:hsl(var(--primary)/.55);box-shadow:0 18px 44px hsl(var(--primary)/.14),0 0 0 1px hsl(var(--primary)/.22)}.dark .agent-card[data-selected=true]{box-shadow:0 20px 52px hsl(226 44% 4%/.5),0 0 30px hsl(var(--brand-purple-500)/.22),0 0 0 1px hsl(var(--primary)/.3)}.agent-card__topline{position:absolute;inset:0 0 auto;height:2px;z-index:2;background:linear-gradient(90deg,hsl(var(--primary)/0),hsl(var(--primary)/.85),hsl(var(--accent)/.75),hsl(var(--primary)/0));background-size:200% 100%;opacity:.55;transition:opacity var(--motion-duration-normal) var(--motion-ease-standard);pointer-events:none}.agent-card:hover .agent-card__topline,.agent-card[data-selected=true] .agent-card__topline{opacity:1;animation:agent-topline-flow 2.4s linear infinite}.agent-chip{border:1px solid hsl(var(--border)/.55);background:hsl(var(--surface-subtle)/.72);transition:border-color var(--motion-duration-normal) var(--motion-ease-standard),background-color var(--motion-duration-normal) var(--motion-ease-standard)}.dark .agent-chip{border-color:hsl(var(--border)/.45);background:hsl(var(--surface-2)/.4)}.agent-card:hover .agent-chip{border-color:hsl(var(--primary)/.26);background:hsl(var(--primary)/.06)}.dark .agent-card:hover .agent-chip{border-color:hsl(var(--primary)/.3);background:hsl(var(--primary)/.1)}.agent-panel{border-radius:1.35rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--surface)/.6);box-shadow:0 24px 70px hsl(224 42% 10%/.08);backdrop-filter:blur(18px)}.dark .agent-panel{border-color:hsl(var(--border)/.4);background:hsl(var(--surface)/.35);box-shadow:0 24px 70px hsl(226 44% 4%/.4)}.agent-table-shell{overflow:hidden;border-radius:1.1rem;border:1px solid hsl(var(--border)/.8);background:linear-gradient(180deg,hsl(var(--surface)/.96),hsl(var(--surface)/.88));box-shadow:0 16px 44px hsl(224 42% 10%/.08);backdrop-filter:blur(18px);animation:agent-card-in .52s var(--motion-ease-standard) backwards}.dark .agent-table-shell{border-color:hsl(var(--border)/.5);background:linear-gradient(180deg,hsl(var(--surface-1)/.94),hsl(var(--surface-0)/.92));box-shadow:0 18px 44px hsl(226 44% 4%/.45)}.agent-table-shell thead{background:hsl(var(--surface-subtle)/.8)}.dark .agent-table-shell thead{background:hsl(226 40% 8%/.6)}.agent-table-shell tbody tr{animation:agent-row-in .42s var(--motion-ease-standard) backwards;transition:background-color var(--motion-duration-normal) var(--motion-ease-standard)}.agent-table-shell tbody tr:hover{background:hsl(var(--primary)/.05)}.dark .agent-table-shell tbody tr:hover{background:hsl(var(--primary)/.1)}.agent-skeleton{position:relative;overflow:hidden;border-radius:1.1rem;border:1px solid hsl(var(--border)/.7);background:hsl(var(--surface)/.8)}.dark .agent-skeleton{border-color:hsl(var(--border)/.5);background:hsl(var(--surface-1)/.85)}.agent-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,hsl(var(--foreground)/.05) 50%,transparent 80%);animation:agent-skeleton-shimmer 1.6s var(--motion-ease-standard) infinite}.agent-skeleton__block{border-radius:.7rem;background:hsl(var(--surface-muted)/.85)}@keyframes agent-points-orb-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2.5rem,1.75rem,0) scale(1.12)}}@keyframes agent-points-meter-sheen{0%{transform:translateX(-160%)}to{transform:translateX(320%)}}@keyframes agent-points-icon-breathe{0%,to{box-shadow:0 10px 26px hsl(var(--primary)/.3),0 0 0 0 hsl(var(--primary)/.25)}60%{box-shadow:0 12px 30px hsl(var(--primary)/.36),0 0 0 8px hsl(var(--primary)/0)}}@keyframes agent-points-btn-shine{0%{transform:translateX(-130%) skewX(-18deg)}to{transform:translateX(130%) skewX(-18deg)}}.agent-points{position:relative;overflow:hidden;border-radius:1.35rem;border:1px solid hsl(var(--border)/.75);background:radial-gradient(110% 160% at 0 -30%,hsl(var(--primary)/.1),transparent 55%),radial-gradient(85% 140% at 100% -20%,hsl(var(--accent)/.09),transparent 52%),linear-gradient(180deg,hsl(var(--surface)/.94),hsl(var(--surface)/.8));box-shadow:0 24px 64px hsl(224 42% 10%/.09);backdrop-filter:blur(20px);animation:agent-card-in .52s var(--motion-ease-standard) backwards}.dark .agent-points{border-color:hsl(var(--border)/.45);background:radial-gradient(110% 160% at 0 -30%,hsl(var(--brand-purple-500)/.2),transparent 58%),radial-gradient(85% 140% at 100% -20%,hsl(var(--accent)/.12),transparent 54%),linear-gradient(180deg,hsl(var(--surface-1)/.95),hsl(var(--surface-0)/.92));box-shadow:0 26px 70px hsl(226 44% 4%/.5)}.agent-points__topline{position:absolute;inset:0 0 auto;height:2px;z-index:2;background:linear-gradient(90deg,hsl(var(--primary)/0),hsl(var(--primary)/.85),hsl(var(--accent)/.75),hsl(var(--primary)/0));background-size:200% 100%;opacity:.7;animation:agent-topline-flow 4.5s linear infinite;pointer-events:none}.agent-points__orb{position:absolute;top:-7rem;right:7rem;width:18rem;height:18rem;border-radius:9999px;background:radial-gradient(circle,hsl(var(--brand-purple-500)/.16),hsl(var(--accent)/.07) 55%,transparent 72%);filter:blur(26px);animation:agent-points-orb-drift 14s var(--motion-ease-standard) infinite;pointer-events:none}.dark .agent-points__orb{background:radial-gradient(circle,hsl(var(--brand-purple-500)/.3),hsl(var(--accent)/.12) 55%,transparent 72%)}.agent-points__icon{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border-radius:1rem;color:hsl(var(--primary-foreground));background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--brand-purple-500)) 55%,hsl(var(--accent)));box-shadow:0 10px 26px hsl(var(--primary)/.3);animation:agent-points-icon-breathe 3.2s var(--motion-ease-standard) infinite}.agent-points__value{font-size:1.9rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(94deg,hsl(var(--primary)) 8%,hsl(var(--brand-purple-500)) 52%,hsl(var(--accent)) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .agent-points__value{background:linear-gradient(94deg,hsl(var(--brand-purple-300)) 8%,hsl(var(--primary)) 52%,hsl(var(--accent)) 96%);-webkit-background-clip:text;background-clip:text}.agent-points__meter{position:relative;height:.375rem;overflow:hidden;border-radius:9999px;background:hsl(var(--border)/.55)}.dark .agent-points__meter{background:hsl(var(--border)/.4)}.agent-points__meter-fill{position:relative;display:block;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent)));transition:width .9s var(--motion-ease-standard)}.agent-points__meter-fill:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(100deg,transparent,hsl(0 0% 100%/.55),transparent);animation:agent-points-meter-sheen 3.2s var(--motion-ease-standard) 1.2s infinite}.agent-points__stat{min-width:0;border-radius:1rem;padding:.65rem .9rem;transition:background-color var(--motion-duration-normal) var(--motion-ease-standard),transform var(--motion-duration-normal) var(--motion-ease-standard)}.agent-points__stat:hover{background:hsl(var(--primary)/.05);transform:translateY(-1px)}.dark .agent-points__stat:hover{background:hsl(var(--primary)/.1)}.agent-points__recharge{position:relative;overflow:hidden;border:none;border-radius:.9rem;color:hsl(var(--primary-foreground));background:linear-gradient(120deg,hsl(var(--primary)),hsl(var(--brand-purple-500)) 55%,hsl(var(--accent)));background-size:180% 100%;box-shadow:0 14px 30px hsl(var(--primary)/.28);transition:background-position var(--motion-duration-slow) var(--motion-ease-standard),box-shadow var(--motion-duration-slow) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.agent-points__recharge:hover{background-position:100% 0;box-shadow:0 18px 38px hsl(var(--primary)/.36);transform:translateY(-1px)}.agent-points__recharge:active{transform:translateY(0) scale(.98)}.agent-points__recharge:focus-visible{outline:none;box-shadow:0 14px 30px hsl(var(--primary)/.28),0 0 0 3px hsl(var(--primary)/.25)}.agent-points__recharge:after{content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-18deg);background:linear-gradient(100deg,transparent 32%,hsl(0 0% 100%/.35) 50%,transparent 68%);pointer-events:none}.agent-points__recharge:hover:after{animation:agent-points-btn-shine .85s var(--motion-ease-standard)}@keyframes agent-points-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes agent-points-modal-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.agent-points-modal__scrim{background:hsl(224 42% 8%/.42);backdrop-filter:blur(6px);animation:agent-points-scrim-in .24s var(--motion-ease-standard) both}.agent-points-modal{position:relative;overflow:hidden;border-radius:1.35rem;border:1px solid hsl(var(--border)/.8);background:radial-gradient(110% 160% at 0 -30%,hsl(var(--primary)/.1),transparent 55%),radial-gradient(85% 140% at 100% -20%,hsl(var(--accent)/.09),transparent 52%),linear-gradient(180deg,hsl(var(--surface)/.97),hsl(var(--surface)/.9));box-shadow:0 32px 90px hsl(224 42% 10%/.28);backdrop-filter:blur(22px);animation:agent-points-modal-in .32s var(--motion-ease-standard) both}.dark .agent-points-modal{border-color:hsl(var(--border)/.5);background:radial-gradient(110% 160% at 0 -30%,hsl(var(--brand-purple-500)/.2),transparent 58%),radial-gradient(85% 140% at 100% -20%,hsl(var(--accent)/.12),transparent 54%),linear-gradient(180deg,hsl(var(--surface-1)/.98),hsl(var(--surface-0)/.96));box-shadow:0 36px 100px hsl(226 44% 4%/.65)}.agent-live-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:hsl(var(--primary));animation:agent-pulse-dot 1.8s var(--motion-ease-standard) infinite}@media (prefers-reduced-motion:reduce){.agent-card,.agent-card__topline,.agent-live-dot,.agent-points,.agent-points-modal,.agent-points-modal__scrim,.agent-points__icon,.agent-points__meter-fill:after,.agent-points__orb,.agent-points__recharge:after,.agent-points__topline,.agent-skeleton:after,.agent-table-shell,.agent-table-shell tbody tr{animation:none!important}.agent-card:hover,.agent-points__recharge:hover,.agent-points__stat:hover{transform:none}}