@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Manrope:wght@400;600;700&family=JetBrains+Mono:wght@400&display=swap";.fatal-error{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-8);background:#fff0f2;color:#272727;font-family:Golos Text,Inter,system-ui,sans-serif}.fatal-error__container{max-width:min(620px,100%);padding:var(--space-8);background:#fff;border-radius:var(--radius-lg);border:1px solid rgb(50 61 82 / 10%);box-shadow:0 12px 40px #2727271a;contain:layout style;text-align:left;animation:slideUpFade var(--motion-slow) var(--ease-out)}.fatal-error__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-danger);opacity:.85}.fatal-error__icon svg{width:100%;height:100%}.fatal-error__title{margin-bottom:var(--space-3);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center}.fatal-error__message{margin-bottom:var(--space-6);font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-base);text-align:center}.fatal-error__details{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-body-sm);text-align:left;overflow-x:auto;overflow-wrap:anywhere;overscroll-behavior-x:contain;color:var(--color-text-quiet)}.fatal-error__help{padding:var(--space-6);margin-top:var(--space-6);background:var(--color-surface-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.fatal-error__help h2{margin-bottom:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);color:var(--color-text)}.fatal-error__help ul{margin-bottom:var(--space-4);padding-left:var(--space-6);list-style-type:disc}.fatal-error__help li{margin-bottom:var(--space-2);color:var(--color-text-muted);line-height:var(--line-height-base)}.fatal-error__help code{padding:var(--space-1) var(--space-2);background:var(--color-surface-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--font-size-body-sm);color:var(--color-accent-warm)}.fatal-error__help p{margin:0;color:var(--color-text-quiet);line-height:var(--line-height-base)}.fatal-error__retry{display:block;width:100%;padding:var(--space-3) var(--space-6);background:#323d52;color:#fff;border:1px solid #323d52;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semi);cursor:pointer;box-shadow:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}@media(hover:hover){.fatal-error__retry:hover{transform:translateY(-1px);background:#272727;box-shadow:0 8px 24px #2727271f}}.fatal-error__retry:active{transform:translateY(0)}@media(max-width:640px){.fatal-error{padding:var(--space-4)}.fatal-error__container{padding:var(--space-6)}.fatal-error__title{font-size:var(--font-size-3xl)}.fatal-error__message{font-size:var(--font-size-lg)}.fatal-error__retry{min-height:var(--touch-target)}}@media(prefers-reduced-motion:reduce){.fatal-error__container{animation:none}}.studio{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.studio__notice{padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-success);background:#0c1a0f26;border-bottom:1px solid oklch(.72 .12 149.58 / .15);animation:studio-notice-in var(--motion-medium) var(--ease-out)}@keyframes studio-notice-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.studio__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid oklch(1 0 0 / .04);position:sticky;top:0;z-index:10;background:#070b12eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.studio__header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.studio__brand{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.studio__agent-select{-webkit-appearance:none;appearance:none;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semi);padding:var(--space-2) var(--space-4);padding-right:var(--space-8);min-width:0;max-width:240px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237a7a8a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:border-color var(--transition-fast),background var(--transition-fast);overflow:hidden;text-overflow:ellipsis}.studio__agent-select:hover{border-color:var(--color-border-strong)}.studio__agent-select:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.studio__new-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.studio__new-btn:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-2)}.studio__agent-actions{display:flex;align-items:center;gap:var(--space-1)}.studio__agent-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-quiet);font-size:var(--font-size-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.studio__agent-action:hover{color:var(--color-text);background:var(--color-surface-3)}.studio__agent-action--danger:hover{color:var(--color-danger);background:var(--color-danger-soft)}.studio__body{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-6) var(--space-10);transition:opacity var(--motion-fast)}.studio__body--loading{opacity:.5;pointer-events:none}.studio__saved-badge{margin-left:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-success);animation:studio-saved-fade 2s ease-out forwards}@keyframes studio-saved-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.studio__content{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-5)}.studio__hero{text-align:center;padding:var(--space-10) 0 var(--space-6)}.studio__hero-title{margin:0;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;line-height:var(--line-height-snug)}.studio__hero-subtitle{margin:var(--space-4) 0 0;font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.7;max-width:42ch;margin-inline:auto}.studio__agent-name{display:flex;align-items:center;gap:var(--space-2)}.studio__agent-name-display{all:unset;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);cursor:text;padding:var(--space-1) 0;border-bottom:1px dashed transparent;transition:border-color var(--transition-fast);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__agent-name-display:hover{border-bottom-color:var(--color-text-quiet)}.studio__agent-name-display:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.studio__name-input{width:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);font-family:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.studio__name-input:focus{border-color:var(--color-accent)}.studio__name-input::placeholder{color:var(--color-text-quiet)}.studio__section-label{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);letter-spacing:.02em;color:var(--color-text-muted)}.studio__section-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-quiet);line-height:var(--line-height-relaxed)}.studio__more-link{all:unset;font-size:var(--font-size-sm);color:var(--color-text-quiet);cursor:pointer;padding:var(--space-2) 0;transition:color var(--transition-fast)}.studio__more-link:hover{color:var(--color-text-muted)}.studio__guided-prompts{display:flex;flex-direction:column;gap:var(--space-3)}.studio__guided-field{display:flex;flex-direction:column;gap:var(--space-1)}.studio__guided-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text)}.studio__guided-input{width:100%;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);outline:none;transition:border-color var(--transition-fast)}.studio__guided-input:focus{border-color:#ffffff1f}.studio__guided-input::placeholder{color:var(--color-text-quiet)}.studio__briefing--compact{min-height:80px;max-height:200px}.studio__section{display:flex;flex-direction:column;gap:var(--space-3)}.studio__briefing{width:100%;font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);resize:none;outline:none;field-sizing:content;min-height:160px;max-height:480px;overflow-y:auto;transition:border-color var(--transition-fast)}.studio__briefing:focus{border-color:#ffffff1f}.studio__briefing::placeholder{color:var(--color-text-quiet);line-height:var(--line-height-relaxed)}.studio__step-label{display:flex;align-items:center;gap:var(--space-2)}.studio__step-num{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background:#5b9dff26;color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.studio__playbook-cards{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-5);border-top:1px solid oklch(.7 .16 258.16 / .15);border-left:2px solid oklch(.7 .16 258.16 / .2);margin-top:var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#06090f4d}.studio__playbook-card{display:flex;flex-direction:column;gap:var(--space-2)}.studio__playbook-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text-muted);letter-spacing:.02em}.studio__playbook-streaming{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-normal)}.studio__playbook-cards--inactive{opacity:.5;background:#05070b33}.studio__playbook-cards--refreshing{animation:playbookRefresh 1.5s ease-in-out infinite}@keyframes playbookRefresh{0%,to{border-left-color:#5d9eff33;border-left-color:oklch(.7 .16 258.16 / .2)}50%{border-left-color:#5d9eff99;border-left-color:oklch(.7 .16 258.16 / .6)}}.studio__playbook-refreshing{display:inline-block;color:var(--color-accent);font-size:var(--font-size-sm);margin-left:var(--space-2);animation:studio-spin 1s linear infinite}@keyframes studio-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio__playbook-card--skeleton{height:60px;background:var(--color-surface);border-radius:var(--radius-sm);animation:studio-skeleton-pulse 1.2s ease-in-out infinite}@keyframes studio-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.studio__live-section{padding:var(--space-3) var(--space-4);border:1px solid oklch(.72 .12 149.58 / .25);border-radius:var(--radius-md);background:#07150a1f}.studio__live-header{display:flex;align-items:center;gap:var(--space-3)}.studio__live-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-success);flex:1}.studio__try-btn--hero{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.studio__saved-badge--muted{color:var(--color-text-quiet);background:transparent}.studio__system-prompt-toggle{margin-top:var(--space-3)}.studio__system-prompt-toggle>summary{cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-quiet);list-style:none}.studio__system-prompt-toggle>summary::-webkit-details-marker{display:none}.studio__system-prompt-toggle>summary:before{content:"▸ "}.studio__system-prompt-toggle[open]>summary:before{content:"▾ "}.studio__system-prompt-toggle>textarea{margin-top:var(--space-2)}@keyframes studio-field-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.studio__materials-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-3) var(--space-4);width:100%;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.studio__materials-toggle:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface)}.studio__drop-zone{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;color:var(--color-text-quiet);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.studio__drop-zone-formats{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-quiet);opacity:.7}.studio__drop-zone:hover,.studio__drop-zone--active{border-color:var(--color-accent);background:#5d9eff0a;background:oklch(.7 .16 258.16 / .04)}.studio__file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.studio__file-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface)}.studio__file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__file-size{color:var(--color-text-quiet);font-size:var(--font-size-xs);flex-shrink:0}.studio__file-remove{background:none;border:none;color:var(--color-text-quiet);font-size:var(--font-size-md);cursor:pointer;padding:0 var(--space-1);line-height:1;transition:color var(--transition-fast)}.studio__file-remove:hover{color:var(--color-danger)}.studio__links-container{display:flex;flex-direction:column;gap:var(--space-2)}.studio__link-add-input{width:100%;font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none}.studio__link-add-input:focus{border-color:var(--color-accent)}.studio__link-add-input::placeholder{color:var(--color-text-quiet)}.studio__link-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.studio__link-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-xs);max-width:100%}.studio__link-domain{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__link-remove{background:none;border:none;color:var(--color-text-quiet);cursor:pointer;opacity:.5;padding:0;font-size:var(--font-size-xs);line-height:1}.studio__link-remove:hover{opacity:1}.studio__launch-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:var(--space-4) var(--space-6);margin-top:var(--space-3);border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#fff;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.02em;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-glow-accent);text-shadow:0 1px 2px oklch(0 0 0 / .3)}.studio__launch-btn:hover:not(:disabled){opacity:.95;box-shadow:var(--shadow-glow-accent),0 0 24px #5b9dff33}.studio__launch-btn:active:not(:disabled){transform:scale(.98);box-shadow:var(--shadow-glow-accent)}.studio__launch-btn:disabled{background:var(--color-surface-3);color:var(--color-text-quiet);cursor:not-allowed;box-shadow:none;text-shadow:none}.studio__action-bar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:#070b12f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.studio__action-bar--dirty{border-top-color:var(--color-accent)}.studio__action-bar--building{flex-direction:column;gap:var(--space-2)}.studio__action-bar-progress{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.studio__action-bar-status{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-semi)}.studio__primary-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.studio__changes-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-semi)}.studio__launch-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-quiet);text-align:center}.studio__footer-tip{margin:var(--space-6) 0 var(--space-4);padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-quiet);text-align:center;line-height:var(--line-height-relaxed);border-top:1px solid oklch(1 0 0 / .04)}.studio__progress{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.studio__progress-label{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-semi)}.studio__progress-pct{color:var(--color-text-quiet);font-weight:var(--font-weight-normal)}.studio__progress-detail{font-size:var(--font-size-xs);color:var(--color-text-quiet);line-height:var(--line-height-relaxed)}.studio__build-result{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--space-1)}.studio__progress-bar{width:100%;height:4px;border-radius:2px;background:var(--color-surface-3);overflow:hidden}.studio__progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));transition:width .4s ease-out;position:relative;overflow:hidden}.studio__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,oklch(1 0 0 / .25) 50%,transparent 100%);animation:studio-shimmer 1.5s ease-in-out infinite}@keyframes studio-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.studio__progress-cancel{align-self:flex-start;background:none;border:none;color:var(--color-text-quiet);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:0;text-decoration:underline}.studio__progress-cancel:hover{color:var(--color-text-muted)}.studio__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px solid oklch(.72 .12 149.58 / .25);border-radius:var(--radius-md);background:#0c1a0f26;text-align:center;animation:studio-success-in var(--motion-slow) var(--ease-out)}@keyframes studio-success-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.studio__success-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.studio__success-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.studio__link-box{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden}.studio__link-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__link-actions{display:flex;gap:var(--space-2);flex-shrink:0}.studio__copy-btn,.studio__try-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.studio__copy-btn:hover,.studio__try-btn:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.studio__copy-btn--copied{border-color:var(--color-success-border);color:var(--color-success);background:#6aba7b1a;animation:studio-copied-pop var(--motion-fast) var(--ease-out)}@keyframes studio-copied-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.studio__error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-text);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.studio__error-dismiss{background:none;border:none;color:var(--color-text-quiet);cursor:pointer;font-size:var(--font-size-md);padding:0}.studio__expandable{border:none;margin:0;padding:0}.studio__expandable summary{display:flex;align-items:center;gap:var(--space-3);list-style:none;cursor:pointer;padding:var(--space-4) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semi);color:var(--color-text-muted);border-top:1px solid oklch(1 0 0 / .06);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.studio__expandable summary:hover{color:var(--color-text)}.studio__expandable summary::-webkit-details-marker{display:none}.studio__expandable summary:before{content:"›";font-size:1.4em;font-weight:var(--font-weight-bold);color:var(--color-text-quiet);transition:transform var(--transition-fast);display:inline-flex;width:1em;justify-content:center}.studio__expandable[open] summary:before{transform:rotate(90deg)}.studio__expandable-content{padding:var(--space-3) 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);animation:studio-expand-in var(--motion-medium) var(--ease-out)}@keyframes studio-expand-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.studio__field{display:flex;flex-direction:column;gap:var(--space-2)}.studio__field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text-muted)}.studio__field-input{width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);resize:none;outline:none;field-sizing:content;min-height:36px;max-height:400px;overflow:auto;transition:border-color var(--transition-fast)}.studio__field-input:focus{border-color:#ffffff1f}.studio__field-input::placeholder{color:var(--color-text-quiet)}.studio__suggestions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.studio__suggestion-chip{display:inline-block;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.studio__suggestion-chip:hover{background:var(--color-surface-3);border-color:var(--color-border-strong);color:var(--color-text)}.studio__identity-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);text-align:center;color:var(--color-text-muted)}.studio__identity-error h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text)}.studio__error-dismiss:focus-visible,.studio__playbook-add:focus-visible,.studio__file-remove:focus-visible,.studio__progress-cancel:focus-visible,.studio__materials-toggle:focus-visible,.studio__copy-btn:focus-visible,.studio__try-btn:focus-visible,.studio__suggestion-chip:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.studio__file-remove:disabled,.studio__suggestion-chip:disabled,.studio__materials-toggle:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.studio__rename-input{max-width:200px;font-size:var(--font-size-base)}.studio__error-actions{display:flex;gap:var(--space-2);flex-shrink:0}.studio__field-input--readonly{opacity:.7;min-height:120px}.studio__field-input--tall{min-height:80px}.studio__field-hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-quiet)}.studio__confirm{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:var(--space-5);max-width:380px;width:90vw}.studio__confirm::backdrop{background:#00000080}.studio__confirm p{margin:0 0 var(--space-4);line-height:var(--line-height-base)}.studio__confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@media(max-width:1100px){.studio__agent-name-display{display:none}}@media(max-width:640px){.studio__header{padding:var(--space-2) var(--space-4)}.studio__body{padding:var(--space-6) var(--space-4) var(--space-8)}.studio__hero{padding:var(--space-6) 0 var(--space-4)}.studio__hero-title{font-size:1.3rem}.studio__agent-select{max-width:180px;font-size:var(--font-size-sm)}.studio__agent-actions{gap:0}.studio__agent-action{width:1.75rem;height:1.75rem}.studio__briefing{padding:var(--space-4);min-height:140px}.studio__success{padding:var(--space-4)}.studio__link-box{flex-direction:column;align-items:stretch}.studio__link-actions{justify-content:stretch}.studio__copy-btn,.studio__try-btn{flex:1;justify-content:center}.studio__analytics-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.studio__stat-card{padding:var(--space-2)}.studio__stat-value{font-size:1.2rem}.studio__insights-summary{flex-direction:column}.studio__intel-grid{grid-template-columns:1fr}}.studio__analytics-count{margin-left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-accent);background:#5b9dff1a;padding:0 var(--space-2);border-radius:var(--radius-pill)}.studio__analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.studio__stat-card{text-align:center;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.studio__stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);color:var(--color-text)}.studio__stat-label{font-size:var(--font-size-xs);color:var(--color-text-quiet);margin-top:var(--space-1)}.studio__analytics-list{display:flex;flex-direction:column;gap:var(--space-2)}.studio__analytics-card{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:var(--font-size-sm)}.studio__analytics-card-header{display:flex;align-items:center;gap:var(--space-3)}.studio__analytics-card-body{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2)}.studio__analytics-date{color:var(--color-text-muted);min-width:4em}.studio__analytics-meta{color:var(--color-text-quiet);flex:1}.studio__analytics-summary{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio__score{font-weight:var(--font-weight-semi);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill)}.studio__score--good{color:var(--color-success);background:#5ebe551a}.studio__score--ok{color:var(--color-warning);background:#d9a5141a}.studio__score--bad{color:var(--color-error, #e53935);background:#e946461a}.studio__outcome{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);white-space:nowrap}.studio__outcome--green{color:var(--color-success);background:#5ebe551a}.studio__outcome--yellow{color:var(--color-warning);background:#d9a5141a}.studio__outcome--red{color:var(--color-error, #e53935);background:#e946461a}.studio__outcome--gray{color:var(--color-text-quiet);background:#6363630f}.studio__analytics-status--completed{color:var(--color-success)}.studio__analytics-status--active{color:var(--color-warning)}.studio__analytics-status--disconnected{color:var(--color-text-quiet)}.studio__analytics-empty-loop{padding:var(--space-4);text-align:center;color:var(--color-text-quiet);font-size:var(--font-size-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);line-height:var(--line-height-relaxed)}.studio__analytics-latest{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.studio__analytics-followup{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.studio__analytics-objections-inline{display:flex;flex-wrap:wrap;gap:var(--space-1)}.studio__objection-pill{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill)}.studio__objection-pill--resolved{color:var(--color-success);background:#5ebe551a}.studio__objection-pill--unresolved{color:var(--color-error, #e53935);background:#e946461a}.studio__trend{font-weight:var(--font-weight-bold)}.studio__trend--up{color:var(--color-success)}.studio__trend--down{color:var(--color-error, #e53935)}.studio__intel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.studio__intel-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.studio__intel-card--warning{border-left:3px solid var(--color-error, #e53935)}.studio__intel-title{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text-muted)}.studio__intel-bar-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--font-size-xs)}.studio__intel-bar-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.studio__intel-bar{width:60px;height:6px;background:var(--color-surface-3);border-radius:3px;overflow:hidden}.studio__intel-bar-fill{height:100%;background:var(--color-success);border-radius:3px;transition:width .3s ease}.studio__intel-bar-value{min-width:2.5em;text-align:right;color:var(--color-text-quiet)}.studio__intel-item{margin:0 0 var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.studio__intel-count{color:var(--color-text-quiet)}.studio__analytics{display:flex;flex-direction:column;gap:var(--space-3)}.studio__insights-summary{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.studio__insights-strength,.studio__insights-weakness{flex:1;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);line-height:var(--line-height-relaxed)}.studio__insights-strength{color:var(--color-success);background:#5ebe550f;border-left:3px solid var(--color-success)}.studio__insights-weakness{color:var(--color-error, #e53935);background:#e946460f;border-left:3px solid var(--color-error, #e53935)}.studio__analytics-btn{width:100%;padding:var(--space-3);margin-top:var(--space-3);border:1px dashed var(--color-accent);border-radius:var(--radius-md);background:transparent;color:var(--color-accent);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.studio__analytics-btn:hover:not(:disabled){background:#5b9dff0f}.studio__analytics-btn:disabled{opacity:.5;cursor:not-allowed}.studio__analytics-btn--done{border-style:solid;border-color:var(--color-success);color:var(--color-success);opacity:.7}.studio__analytics-btn--done:hover:not(:disabled){opacity:1;background:#5ebe550f}.studio__insights{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.studio__insights-assessment{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.studio__insight-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-2)}.studio__insight-trigger{font-size:var(--font-size-sm);color:var(--color-text-muted)}.studio__insight-fix{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);word-break:break-word}.studio__insight-problem{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.studio__insight-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.studio__insight-confidence{font-size:var(--font-size-xs);color:var(--color-text-quiet)}.studio__insight-apply{font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);cursor:pointer;transition:background .15s,color .15s}.studio__insight-apply:hover{background:var(--color-accent);color:var(--color-bg)}.studio__insight-apply:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.studio__insight-applying{font-size:var(--font-size-sm);color:var(--color-text-muted)}.studio__insight-actions{display:flex;gap:var(--space-2);align-items:center}.studio__insight-dismiss{background:none;border:none;color:var(--color-text-quiet);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1);opacity:.5;transition:opacity .15s}.studio__insight-dismiss:hover{opacity:1}.studio__insight-applied{font-size:var(--font-size-xs);color:var(--color-success, #4caf50)}.studio__insight-card--applied{border-left-color:var(--color-success, #4caf50);opacity:.7}.studio__insight-card--skeleton{min-height:80px}.studio__insight-skeleton-line{height:12px;border-radius:4px;background:var(--color-skeleton, oklch(.3 0 0 / .15));animation:shimmer 1.5s ease-in-out infinite}.studio__insight-skeleton-line--short{width:60%}@media(prefers-reduced-motion:reduce){.studio__notice,.studio__success,.studio__expandable-content,.studio__playbook-fields li,.studio__copy-btn--copied,.studio__progress-fill:after,.studio__insight-skeleton-line,.studio__playbook-card--skeleton{animation:none}}.admin{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.admin__loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted);font-size:var(--font-size-lg)}.admin__header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.admin__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.admin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-6)}.admin__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.admin__card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.admin__card-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.admin__body{padding:0 var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.admin__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.admin__section-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:space-between}.admin__close{all:unset;cursor:pointer;color:var(--color-text-quiet);font-size:var(--font-size-lg);padding:var(--space-1)}.admin__close:hover{color:var(--color-text)}.admin__empty{color:var(--color-text-quiet);font-size:var(--font-size-sm);text-align:center;padding:var(--space-6)}.admin__table-wrap{overflow-x:auto}.admin__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin__table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:var(--font-weight-semi);white-space:nowrap}.admin__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid oklch(1 0 0 / .03);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__row{cursor:pointer;transition:background var(--transition-fast)}.admin__row:hover{background:#ffffff08}.admin__row--selected{background:#5b9dff0f}.admin__badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi)}.admin__badge--green{background:#6aba7b26;color:var(--color-success)}.admin__badge--yellow{background:#e0b77126;color:var(--color-warning)}.admin__badge--red{background:#f14d4c26;color:var(--color-danger)}.admin__badge--blue{background:#5b9dff26;color:var(--color-accent)}.admin__badge--gray{background:var(--color-surface-3);color:var(--color-text-quiet)}.admin__analytics{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.admin__analytics-row{display:flex;align-items:center;justify-content:space-between}.admin__analytics-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.admin__analytics-value{font-weight:var(--font-weight-bold)}.admin__analytics-summary{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.admin__analytics-followup{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.admin__transcript{display:flex;flex-direction:column;gap:var(--space-2);max-height:500px;overflow-y:auto}.admin__turn{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-2);border-radius:var(--radius-sm)}.admin__turn--assistant{background:#5b9dff0a}.admin__turn--user{background:#ffffff05}.admin__turn-role{flex-shrink:0;font-weight:var(--font-weight-semi);color:var(--color-text-muted);min-width:4em}.admin__turn-text{color:var(--color-text)}.admin__search{width:100%;padding:var(--space-3);margin-bottom:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);outline:none}.admin__search:focus{border-color:#ffffff1f}.admin__search::placeholder{color:var(--color-text-quiet)}.admin__manager-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.admin__manager-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);outline:none}.admin__manager-input:focus{border-color:#ffffff1f}.admin__manager-input::placeholder{color:var(--color-text-quiet)}.admin__manager-add{padding:var(--space-2) var(--space-4);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.admin__manager-add:hover:not(:disabled){opacity:.9}.admin__manager-add:disabled{opacity:.4;cursor:not-allowed}.admin__users{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.admin__user-name{color:var(--color-text);flex:1}.admin__user-delete{all:unset;cursor:pointer;color:var(--color-text-quiet);font-size:var(--font-size-sm);padding:0 var(--space-1);transition:color var(--transition-fast)}.admin__user-delete:hover{color:var(--color-danger)}@media(max-width:640px){.admin__stats{grid-template-columns:repeat(2,1fr);padding:var(--space-4)}.admin__body{padding:0 var(--space-3) var(--space-6)}.admin__header{padding:var(--space-4)}}.render-page{min-height:100%;width:min(42rem,100%);max-width:min(42rem,100%);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-10);color:var(--color-text);font-family:var(--font-sans);box-sizing:border-box}@keyframes render-page-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes render-page-fade-in{0%{opacity:0}to{opacity:1}}.render-page__header h1{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.render-page__subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.render-page__utility{display:flex;width:100%;padding-inline:var(--space-6);box-sizing:border-box;justify-content:stretch;margin-bottom:var(--space-4)}.render-page__account-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-width:0;max-width:100%;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-muted)}.render-page__account-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}.render-page__logout{flex-shrink:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);cursor:pointer;transition:color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.render-page__logout:hover{color:var(--color-text);border-color:var(--color-border-strong, oklch(.42 .04 260));background:var(--color-surface-3)}.render-page__mode{display:flex;gap:var(--space-2);margin:var(--space-6) 0 var(--space-4)}.render-page__mode-btn{flex:1;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border, oklch(.35 .03 260));border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.render-page__mode-btn.is-active{border-color:var(--color-accent);background:var(--color-surface-2);color:var(--color-text)}.render-page__mode-btn:disabled{opacity:.6;cursor:not-allowed}.render-page__panel{display:flex;flex-direction:column;gap:var(--space-5);width:100%;min-width:0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border, oklch(.32 .03 260));transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.render-page__primary{padding-bottom:var(--space-1)}.render-page__subsection{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-2);border:1px solid var(--color-border, oklch(.32 .03 260));transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.render-page__subsection-header{display:flex;flex-direction:column;gap:var(--space-2)}.render-page__subsection-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.render-page__subsection-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semi);color:var(--color-text);line-height:var(--line-height-snug)}.render-page__subsection-badge{flex-shrink:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border, oklch(.32 .03 260));color:var(--color-text-quiet);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);letter-spacing:.02em;text-transform:uppercase}.render-page__subsection-desc,.render-page__subsection-hint{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.render-page__subsection-hint{font-size:var(--font-size-xs);color:var(--color-text-quiet)}.render-page__subsection-hint--placeholder{visibility:hidden;min-height:1.25rem}.render-page__subsection-body{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border, oklch(.32 .03 260))}.render-page__field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.render-page__field--flush{gap:0}.render-page__field textarea,.render-page__field input[type=file]{width:100%;font:inherit;color:var(--color-text)}.render-page__subsection .render-page__field textarea{padding:var(--space-4);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface);resize:vertical;min-height:8rem}.render-page__voice-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.render-page__voice-toggle input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-accent)}.render-page__voice-toggle input[type=checkbox]:disabled{cursor:not-allowed}.render-page__voice-toggle--inline{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.render-page__voice-sliders{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border, oklch(.32 .03 260))}.render-page__subsection .render-page__voice-sliders{border-top:none;padding-top:var(--space-4)}.render-page__framing-sliders{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border, oklch(.32 .03 260))}.render-page__subsection .render-page__framing-sliders{border-top:none;padding-top:var(--space-4)}.render-page__framing-editor{display:flex;flex-direction:column;gap:var(--space-3)}.render-page__framing-canvas{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border, oklch(.32 .03 260));background:var(--color-bg-2);-webkit-user-select:none;user-select:none}.render-page__framing-canvas.is-disabled{opacity:.7}.render-page__framing-preview,.render-page__framing-placeholder{position:absolute;inset:0;width:100%;height:100%}.render-page__framing-preview{object-fit:cover}.render-page__framing-placeholder{background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-3))}.render-page__framing-mask{position:absolute;background:#00000073;pointer-events:none}.render-page__framing-mask--top{top:0;left:0;right:0}.render-page__framing-mask--bottom{bottom:0;left:0;right:0}.render-page__framing-window{position:absolute;border:2px solid var(--color-accent);border-radius:6px;cursor:ns-resize}.render-page__framing-circle-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;box-shadow:0 0 0 9999px #00000073}.render-page__framing-circular-toggle{align-self:flex-start}.render-page__framing-handle{position:absolute;width:2.5rem;height:.75rem;margin-left:-1.25rem;margin-top:-.375rem;border:none;border-radius:999px;background:var(--color-accent);box-shadow:0 1px 2px #0000003d;cursor:ns-resize;touch-action:none}.render-page__framing-handle:disabled{cursor:not-allowed}.render-page__framing-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.render-page__framing-readout b{color:var(--color-text);font-variant-numeric:tabular-nums}.render-page__voice-slider{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.render-page__voice-slider span{display:flex;justify-content:space-between}.render-page__voice-slider b{color:var(--color-text);font-weight:var(--font-weight-semi);font-variant-numeric:tabular-nums}.render-page__voice-slider input[type=range]{width:100%;accent-color:var(--color-accent);cursor:pointer}.render-page__voice-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.render-page__actions{margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--color-border, oklch(.32 .03 260))}.render-page__submit{width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:var(--color-bg);font:inherit;font-weight:var(--font-weight-semi);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.render-page__submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.render-page__submit:disabled{opacity:.55;cursor:not-allowed}.render-page__status{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.render-page__error{margin:var(--space-4) 0 0;color:var(--color-danger, oklch(.72 .18 25));font-size:var(--font-size-sm)}.render-page__feedback{min-height:1.5rem}.render-page__status--animated,.render-page__error--animated{animation:render-page-fade-in .18s var(--ease-out)}.render-page__url-box{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.render-page__url-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text)}.render-page__url-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.render-page__url-row{display:flex;gap:var(--space-2);align-items:stretch}.render-page__url-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.render-page__copy{flex-shrink:0;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.render-page__copy:hover{transform:translateY(-1px)}.render-page__result{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);width:100%;min-width:0;animation:render-page-fade-up .22s var(--ease-out)}.render-page__video-shell{width:100%;aspect-ratio:16 / 9;transition:height .26s var(--ease-out)}.render-page__video{width:100%;height:100%;border-radius:var(--radius-lg);background:#000;object-fit:contain}.render-page__download{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);text-decoration:none;font:inherit;font-weight:var(--font-weight-semi);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.render-page__download:hover{background:var(--color-surface-3);transform:translateY(-1px)}.render-page__history{margin-top:var(--space-8);width:100%;min-width:0;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border, oklch(.32 .03 260));animation:render-page-fade-up .22s var(--ease-out);transition:border-color var(--motion-fast) var(--ease-out)}.render-page__history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.render-page__history-header h2{margin:0;font-size:var(--font-size-lg)}.render-page__history-refresh,.render-page__history-more{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.render-page__history-refresh:hover:not(:disabled),.render-page__history-more:hover:not(:disabled){transform:translateY(-1px)}.render-page__history-refresh:disabled,.render-page__history-more:disabled{opacity:.6;cursor:not-allowed}.render-page__history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.render-page__history-list--animated{animation:render-page-fade-up .2s var(--ease-out)}.render-page__history-item{display:flex;flex-direction:column;gap:var(--space-1)}.render-page__history-row{display:flex;align-items:center;gap:var(--space-2)}.render-page__history-open{border:none;background:none;padding:0;text-align:left;color:var(--color-accent);font:inherit;cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.render-page__history-delete{flex-shrink:0;border:none;background:none;padding:2px 6px;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:4px;transition:color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.render-page__history-delete:hover{color:var(--color-error, #e53e3e);background:#e53e3e14}.render-page__history-open:disabled{opacity:.6;cursor:wait}.render-page__history-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.render-page__history-more{margin-top:var(--space-4)}.render-page__history-pagination{margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.render-page__history-page-btn{min-width:2.25rem;min-height:var(--touch-target);padding:0 var(--space-2);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.render-page__history-page-btn:hover:not(:disabled){transform:translateY(-1px)}.render-page__history-page-btn.is-active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 12%,transparent)}.render-page__history-page-btn:disabled{opacity:.55;cursor:not-allowed}.render-page__history-page-ellipsis{min-width:2.25rem;text-align:center;color:var(--color-text-muted)}.render-page__upload-row{display:flex;align-items:center;gap:var(--space-3)}.render-page__upload-row input[type=file]{flex:1;min-width:0;font:inherit;color:var(--color-text)}.render-page__upload-clear{flex-shrink:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border, oklch(.32 .03 260));border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.render-page__upload-clear:hover:not(:disabled){border-color:var(--color-danger, oklch(.55 .2 25));color:var(--color-danger, oklch(.55 .2 25))}.render-page__file-selected-wrap,.render-page__background-preview-wrap{display:flex;justify-content:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px dashed var(--color-border, oklch(.32 .03 260))}.render-page__file-selected{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-width:0;text-align:center}.render-page__file-selected-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.render-page__file-selected-meta{color:var(--color-text-quiet);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.render-page__background-preview{display:block;max-width:100%;max-height:12rem;border-radius:var(--radius-sm);object-fit:contain}.render-page__error-inline{color:var(--color-error, oklch(.55 .2 25));font-size:var(--font-size-sm)}@media(prefers-reduced-motion:reduce){.render-page__result,.render-page__history,.render-page__history-list--animated,.render-page__status--animated,.render-page__error--animated{animation:none}.render-page__video-shell,.render-page__submit,.render-page__copy,.render-page__download,.render-page__history-refresh,.render-page__history-more,.render-page__history-page-btn,.render-page__logout{transition:none}}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width:600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;inset:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{width:100%}@media(max-width:600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] button,[data-lk-theme] input{font:inherit;line-height:inherit}[data-lk-theme] .lk-button{-webkit-user-select:none;user-select:none}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}html{height:100%}:root{color-scheme:dark;--font-sans: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--line-height-base: 1.6;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--font-size-2xs: .62rem;--font-size-xs: .72rem;--font-size-sm: .82rem;--font-size-base: .95rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-caption: .75rem;--font-size-label: .78rem;--font-size-body-sm: .85rem;--font-size-micro: .68rem;--font-weight-semi: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--touch-target: 44px;--timeline-lane-tablet: 700px;--timeline-lane-desktop: 820px;--radius-xs: .25rem;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-pill: 999px;--motion-fast: .12s;--motion-medium: .22s;--motion-slow: .36s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--color-bg: oklch(.1487 .0168 259.92);--color-bg-2: oklch(.1813 .0227 260.41);--color-surface: oklch(.2094 .0299 263.61);--color-surface-2: oklch(.2346 .0338 261.53);--color-surface-3: oklch(.2646 .0385 262.7);--color-text: oklch(.9464 .0143 254.61);--color-text-muted: oklch(.7208 .027 255.6);--color-text-quiet: oklch(.5623 .0281 257.67);--color-accent: oklch(.6973 .1597 258.16);--color-accent-2: oklch(.7845 .1325 181.91);--color-accent-warm: oklch(.7686 .1647 70.08);--color-success: oklch(.7227 .192 149.58);--color-warning: oklch(.7686 .1647 70.08);--color-danger: oklch(.6368 .2078 25.33);--color-border: oklch(.3089 .0432 262.11);--color-border-strong: oklch(.3529 .0488 263.65);--scrollbar-thumb: oklch(.3089 .0432 262.11 / .45);--scrollbar-thumb-hover: oklch(.3529 .0488 263.65 / .6);--color-ring: var(--color-accent);--color-accent-soft: oklch(.31 .055 258.16);--color-accent-2-soft: oklch(.33 .045 181.91);--color-success-soft: oklch(.31 .05 149.58);--color-warning-soft: oklch(.34 .06 70.08);--color-danger-soft: oklch(.22 .015 25);--color-success-border: oklch(.72 .12 149.58 / .35);--color-warning-border: oklch(.76 .16 70.08 / .38);--color-danger-border: oklch(.63 .2 25.33 / .45);--color-success-border-strong: oklch(.7 .18 150 / .6);--color-danger-border-strong: oklch(.55 .14 25 / .42);--color-accent-border: oklch(.55 .1 258.16 / .25);--color-accent-border-strong: oklch(.7 .14 258.16 / .5);--color-on-accent: oklch(.16 .02 258.16);--z-scrim: 90;--z-modal: 91;--z-overlay: 600;--z-toast: 900;--color-overlay-heavy: oklch(0 0 0 / .45);--color-overlay-modal: oklch(0 0 0 / .5);--color-overlay-controls: oklch(0 0 0 / .6);--color-overlay-controls-end: transparent;--glass-chip-bg: oklch(.18 .02 260 / .7);--color-surface-sheet: oklch(.22 .02 261 / .92);--shadow-sm: 0 3px 10px oklch(0 0 0 / .15);--shadow-1: 0 6px 20px oklch(0 0 0 / .25);--shadow-2: 0 16px 48px oklch(0 0 0 / .4);--shadow-glow-accent: 0 6px 18px oklch(.6973 .1597 258.16 / .15);--shadow-glow-success: 0 4px 14px oklch(.7227 .192 149.58 / .18);--shadow-glow-warning: 0 4px 14px oklch(.7686 .1647 70.08 / .2);--shadow-glow-danger: 0 4px 14px oklch(.6368 .2078 25.33 / .2);--glass-bg: linear-gradient( 180deg, oklch(.24 .028 262 / .55), oklch(.21 .024 261 / .65), oklch(.19 .02 260 / .75) );--glass-border: oklch(1 0 0 / .07);--glass-shadow: 0 8px 24px oklch(0 0 0 / .2), inset 0 1px 0 oklch(1 0 0 / .04);--glass-backdrop: blur(14px) saturate(150%);--backdrop-blur: blur(10px) saturate(140%);--agent-surface: var(--color-surface);--agent-surface-hover: var(--color-surface-2);--agent-border: oklch(1 0 0 / .05);--agent-border-hover: oklch(1 0 0 / .1);--agent-primary-glow: oklch(.6973 .1597 258.16 / .4);--transition-fast: var(--motion-fast) var(--ease-out);--transition-medium: var(--motion-medium) var(--ease-out);--opacity-disabled: .55}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;height:100%;font-family:var(--font-sans);line-height:var(--line-height-base);font-size:16px;background-color:var(--color-bg);background-image:radial-gradient(circle at 40% 35%,oklch(.6973 .1597 258.16 / .14),transparent 50%),radial-gradient(circle at 65% 30%,oklch(.7845 .1325 181.91 / .08),transparent 50%),radial-gradient(circle at 50% 75%,oklch(.7686 .1647 70.08 / .06),transparent 50%);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}code,pre,kbd,samp{font-family:var(--font-mono)}button,input,textarea{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}@media(hover:hover){.ui-button:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-strong);box-shadow:var(--shadow-1);transform:translateY(-1px)}}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ui-button--primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));border-color:#e7eef71a;box-shadow:var(--shadow-glow-accent)}@media(hover:hover){.ui-button--primary:hover:not(:disabled){box-shadow:0 10px 28px #5b9dff40}}.ui-button--secondary{background:var(--color-surface-2)}.ui-button--link{background:transparent;border-color:transparent;color:var(--color-accent);padding:var(--space-2) var(--space-2);box-shadow:none}@media(hover:hover){.ui-button--link:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border);color:var(--color-text);transform:none}}.ui-button--danger{color:var(--color-danger);border-color:var(--color-danger)}@media(hover:hover){.ui-button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-loading-dots{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ui-loading-dots__dot{width:12px;height:12px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-2) 100%);box-shadow:0 2px 6px #5b9dff1f;transform:scale(.7);opacity:.45;animation:uiDotsPulse 1.2s infinite var(--ease-in-out)}.ui-loading-dots__dot--a{animation-delay:0s}.ui-loading-dots__dot--b{animation-delay:.18s}.ui-loading-dots__dot--c{animation-delay:.36s}.ui-loading-dots--sm .ui-loading-dots__dot{width:8px;height:8px;box-shadow:0 1px 4px #5b9dff14}@keyframes uiDotsPulse{0%,80%,to{transform:scale(.65);opacity:.35}40%{transform:scale(1);opacity:1}}:where(button,[role=button],input,textarea,select,a,summary):focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{width:100%;height:100%;display:flex;flex-direction:column}.agent-app{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;padding:var(--space-4);overflow:hidden;height:100%}.agent-app__session{flex:1;min-height:0;display:flex;flex-direction:column}.agent-app__session>*{flex:1;min-height:0}@media(min-width:768px){.agent-app{padding:var(--space-8)}}.agent-app__room{flex:1;display:flex;min-height:0;width:100%;height:100%;max-width:1600px;margin:0 auto;background:linear-gradient(180deg,#131b28f2,#0a1018fa);border:1px solid oklch(1 0 0 / .04);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0a;overflow:hidden}.agent-livekit-room{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:transparent;border:none;border-radius:calc(var(--radius-xl) - 2px);overflow:hidden}.agent-shell__wrapper{flex:1;display:flex;min-height:0;background:transparent;border-radius:calc(var(--radius-xl) - var(--space-2));padding:var(--space-2)}.glass-panel{background:var(--glass-bg);background-clip:padding-box;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl)}.tone--good{border-color:var(--color-success-border);background:#132d194d;color:var(--color-success)}.tone--warning{border-color:var(--color-warning-border);background:#41280547;color:var(--color-warning)}.tone--bad{border-color:var(--color-danger-border);background:#46221f4d;color:var(--color-danger)}.tone--neutral{border-color:var(--color-border);background:var(--color-surface-3);color:var(--color-text-muted)}.ui-status-placeholder{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);box-shadow:0 10px 24px #0000002e}.ui-status-placeholder:has(.ui-typing-indicator){width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.ui-placeholder-bar{height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#1b2538cc,#2e3b558c,#1b2538cc 80%);background-size:220% 100%;animation:shimmer var(--motion-slow) var(--ease-in-out) infinite;border:1px solid oklch(.9464 .0143 254.61 / .08);margin-bottom:var(--space-2)}.ui-placeholder-bar--wide{width:92%}.ui-placeholder-bar--mid{width:74%}.ui-placeholder-bar--narrow{width:54%}.ui-status-placeholder__label{margin-top:var(--space-2);font-size:var(--font-size-label);color:var(--color-text-quiet);letter-spacing:.02em}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ui-status-chip{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-label);font-weight:var(--font-weight-semi);text-transform:none;letter-spacing:.02em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);transition:box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);contain:layout style}.ui-status-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:status-chip-label-in var(--motion-fast) var(--ease-out)}.ui-status-chip__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background-color:var(--color-text-quiet);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}@keyframes status-chip-label-in{0%{opacity:.65;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.ui-status-chip--listening{border-color:#22c55e59;background:var(--color-success-soft);color:var(--color-success)}.ui-status-chip--listening .ui-status-chip__dot{background-color:var(--color-success);animation:pulse-green 2s infinite}.ui-status-chip--speaking{border-color:#5b9dff59;background:var(--color-accent-soft);color:var(--color-accent)}.ui-status-chip--speaking .ui-status-chip__dot{background-color:var(--color-accent);animation:pulse-blue 1.5s infinite}.ui-status-chip--thinking{border-color:#f59e0b59;background:var(--color-warning-soft);color:var(--color-warning)}.ui-status-chip--thinking .ui-status-chip__dot{background-color:var(--color-warning);animation:pulse-orange 1s infinite}.ui-status-chip--connecting{border-color:var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text-muted)}.ui-status-chip--connecting.ui-severity--danger{border-color:#ef44448c;background:var(--color-danger-soft);color:var(--color-danger)}.ui-status-chip--connecting.ui-severity--danger .ui-status-chip__dot{background-color:var(--color-danger);opacity:.85}.ui-status-chip--ready{border-color:var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted)}.ui-status-chip--ready .ui-status-chip__dot{background-color:var(--color-success);opacity:.55}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #5b9dffb3}70%{transform:scale(1);box-shadow:0 0 0 6px #5b9dff00}to{transform:scale(.95);box-shadow:0 0 #5b9dff00}}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}@keyframes pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:1}}.toast-stack{position:fixed;top:calc(var(--space-6) + env(safe-area-inset-top,0));right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);max-width:360px;pointer-events:none}.toast{background:var(--color-surface-2)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px #0003!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:toast-slide-in var(--motion-medium) var(--ease-out) forwards!important;margin-bottom:0!important;padding:var(--space-4)!important;display:flex;align-items:flex-start;gap:var(--space-3);pointer-events:auto}.toast.exiting{animation:toast-slide-out var(--motion-fast) var(--ease-out) forwards!important}@keyframes toast-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.toast__title{color:var(--color-text)!important;font-weight:var(--font-weight-semi)!important;font-size:var(--font-size-base)!important;margin:0!important}.toast__description{color:var(--color-text-muted)!important;font-size:var(--font-size-body-sm)!important;margin:0!important;line-height:var(--line-height-normal)!important}.toast__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.toast__dismiss{border:1px solid transparent;background:transparent;color:var(--color-text-quiet);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-md);line-height:1;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}@media(hover:hover){.toast__dismiss:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface-3)}}.toast__dismiss:active{transform:scale(.92)}.toast--success{border-left:3px solid var(--color-success)!important}.toast--warning{border-left:3px solid var(--color-warning)!important}.toast--error{border-left:3px solid var(--color-danger)!important}.toast--info{border-left:3px solid var(--color-accent)!important}@media(max-width:1023px){body{background-image:radial-gradient(circle at 45% 30%,oklch(.6973 .1597 258.16 / .1),transparent 50%),radial-gradient(circle at 60% 35%,oklch(.7845 .1325 181.91 / .06),transparent 50%)}.ui-status-chip{max-width:58vw;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-app{padding:var(--space-3)}.agent-app__room{padding:var(--space-2);border-radius:var(--radius-md);border-color:transparent;box-shadow:none}.agent-livekit-room{border-radius:var(--radius-xs);border:none;background:transparent}.agent-shell__wrapper{padding:0;border-radius:0;background:transparent}.glass-panel{border-radius:var(--radius-sm);box-shadow:none}.glass-panel:hover{box-shadow:none}}@media(orientation:portrait),(max-width:900px){.agent-app--beta .toast-stack{top:auto;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0))}}@media(max-width:640px){body{background-image:radial-gradient(circle at 15% 20%,oklch(.6973 .1597 258.16 / .08),transparent 45%)}.toast-stack{left:var(--space-4);right:var(--space-4);top:calc(var(--space-4) + env(safe-area-inset-top,0));max-width:none}.agent-app{padding:0}.agent-app__room{padding:0;border-radius:0;border:none;background:none;box-shadow:none}.agent-livekit-room{border-radius:0;border:none}.agent-shell__wrapper{padding:0;border-radius:0;background:transparent}.ui-status-chip{max-width:66vw;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border-color:#ffffff0f;background:#0c121a80}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.conversation-timeline__list,.agent-shell__section,.agent-shell__diagnostics-content{scrollbar-gutter:stable}.ui-status-inline{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.9}.ui-status-inline__leading{display:inline-flex;align-items:center;justify-content:center}.ui-status-inline__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background-color:var(--color-accent);animation:pulse 1.4s var(--ease-in-out) infinite}.ui-status-inline--success .ui-status-inline__dot{background-color:var(--color-success)}.ui-status-inline--info .ui-status-inline__dot{background-color:var(--color-accent)}.ui-status-inline--warning .ui-status-inline__dot{background-color:var(--color-warning)}.ui-status-inline--danger .ui-status-inline__dot{background-color:var(--color-danger)}.ui-status-inline--neutral .ui-status-inline__dot{background-color:var(--color-text-quiet);opacity:.7}.ui-status-inline--busy .ui-status-inline__dot{background-color:var(--color-accent)}.ui-status-inline__text{line-height:var(--line-height-snug)}.ui-typing-indicator{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.ui-typing-dot{width:var(--space-2);height:var(--space-2);background-color:var(--color-text-muted);border-radius:50%;animation:typing-bounce 1.4s var(--ease-in-out) infinite both}.ui-typing-dot:nth-child(1){animation-delay:-.32s}.ui-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted);padding:var(--space-8);animation:slideUpFade var(--motion-slow) var(--ease-out)}.ui-empty-state__icon{color:var(--color-accent);margin-bottom:var(--space-6);padding:var(--space-6);background:var(--color-accent-soft);border-radius:50%;box-shadow:0 0 12px #5b9dff1a}.ui-empty-state--success .ui-empty-state__icon{color:var(--color-success);background:var(--color-success-soft)}.ui-empty-state--warning .ui-empty-state__icon{color:var(--color-warning);background:var(--color-warning-soft)}.ui-empty-state--danger .ui-empty-state__icon{color:var(--color-danger);background:var(--color-danger-soft)}.ui-empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semi);color:var(--color-text);margin-bottom:var(--space-2)}.ui-empty-state__description{font-size:var(--font-size-base);max-width:300px;line-height:var(--line-height-normal);color:var(--color-text-quiet)}.ui-empty-state .ui-button{margin-top:var(--space-6)}.ui-busy-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8);animation:slideUpFade var(--motion-slow) var(--ease-out);color:var(--color-text-muted)}.ui-busy-state--info .ui-loading-dots__dot{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-2) 100%)}.ui-busy-state--warning .ui-loading-dots__dot{background:linear-gradient(180deg,var(--color-warning) 0%,oklch(.65 .18 70.08) 100%);box-shadow:var(--shadow-glow-warning)}.ui-busy-state--danger .ui-loading-dots__dot{background:linear-gradient(180deg,var(--color-danger) 0%,oklch(.55 .22 25.33) 100%);box-shadow:var(--shadow-glow-danger)}.ui-busy-state--success .ui-loading-dots__dot{background:linear-gradient(180deg,var(--color-success) 0%,oklch(.7 .16 149.58) 100%);box-shadow:var(--shadow-glow-success)}.ui-busy-state--neutral .ui-loading-dots__dot{background:linear-gradient(180deg,var(--color-border-strong) 0%,var(--color-border) 100%);box-shadow:0 8px 18px #00000040}.ui-busy-state .ui-loading-dots{margin-bottom:var(--space-6)}.ui-busy-state__text{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.agent-app{color-scheme:light;--font-sans: "Golos Text", "Inter", system-ui, sans-serif;--color-bg: #fff;--color-bg-2: #f6f6f7;--color-surface: #fff;--color-surface-2: #f6f6f7;--color-surface-3: #eceef3;--color-text: #272727;--color-text-muted: #323d52;--color-text-quiet: rgb(50 61 82 / 50%);--color-accent: #4b6ac5;--color-accent-2: #5a77fc;--color-accent-soft: #eef1fb;--color-accent-2-soft: #f0f2ff;--color-success-soft: #edf9f4;--color-warning-soft: #fff7e8;--color-danger-soft: #fff0f2;--color-border: rgb(50 61 82 / 10%);--color-border-strong: rgb(50 61 82 / 20%);--color-ring: #323d52;--agent-border: rgb(50 61 82 / 8%);--agent-border-hover: rgb(50 61 82 / 14%);--glass-bg: rgb(255 255 255 / 92%);--glass-border: rgb(50 61 82 / 8%);--glass-shadow: none;--glass-chip-bg: rgb(255 255 255 / 88%);--color-surface-sheet: #f6f6f7;padding:0;color:var(--color-text);background:#fff;font-family:var(--font-sans)}.agent-app .ui-button--primary{background:#323d52;border-color:#323d52;color:#fff;box-shadow:none}@media(hover:hover){.agent-app .ui-button--primary:hover:not(:disabled){background:#272727;border-color:#272727;box-shadow:0 8px 24px #2727271f}}.agent-app .ui-button--link{color:#323d52}.agent-app .bootstrap-status__error-details-summary{color:#323d528c}.agent-app .bootstrap-status__error-details-summary:hover,.agent-app .bootstrap-status__error-details-summary:focus-visible{color:#323d52}.agent-app .bootstrap-status__error-details-summary:focus-visible{outline:2px solid rgb(50 61 82 / 25%);outline-offset:2px;border-radius:4px}.agent-app__room,.agent-livekit-room,.agent-shell__wrapper{width:100%;max-width:none;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}