:root{font:var(--font-body-lg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-primary:#e32140;--color-brand-primary-pressed:#c41a36;--color-brand-accent:#d1148f;--color-brand-tint:#fdeef2;--color-brand-gradient:linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-accent));--color-text-primary:#0d0d0d;--color-text-secondary:#3d3d3d;--color-text-muted:#606060;--color-text-placeholder:#8c8c8c;--color-surface-canvas:#fff;--color-surface-subtle:#f9f9f9;--color-surface-fill:#f2f2f2;--color-border-default:#e7e7e7;--color-border-strong:#d9d9d9;--color-status-error:#9e0a0a;--color-status-success:#0f7a45;--color-status-warning:#a15c00;--color-status-focus:#435ee5;--color-text-on-brand:var(--color-surface-canvas);--color-surface-hover:var(--color-border-default);--color-link:var(--color-status-focus);--color-surface-nested-1:var(--color-surface-subtle);--color-surface-nested-2:var(--color-surface-fill);--font-family-body:"Roboto", system-ui, -apple-system, sans-serif;--font-family-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-display:700 56px/64px var(--font-family-body);--font-h1:700 32px/40px var(--font-family-body);--font-h2:500 24px/32px var(--font-family-body);--font-h3:500 20px/28px var(--font-family-body);--font-body-lg:400 16px/24px var(--font-family-body);--font-body:400 14px/20px var(--font-family-body);--font-label:500 14px/20px var(--font-family-body);--font-small:400 13px/18px var(--font-family-body);--font-micro:500 11px/16px var(--font-family-body);--tracking-display:-1px;--tracking-h1:-.5px;--tracking-h2:0;--tracking-h3:0;--tracking-body-lg:0;--tracking-body:0;--tracking-label:0;--tracking-small:0;--tracking-micro:.2px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--layout-topbar-height:64px;--layout-sidebar-width:256px;--icon-inherit:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:40px;--nav-item-height:40px;--nav-item-radius:10px;--nav-icon-size:var(--icon-sm);--z-base:0;--z-raised:10;--z-dropdown:1000;--z-drawer:1300;--z-modal:2000;--z-toast:3000;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--card-radius:var(--radius-xl);--card-padding:var(--space-4);--card-border:0px;--card-nested-radius:calc(var(--card-radius) - var(--card-padding) - var(--card-border) / 2);--chat-send-size:40px;--selected-ring:0 0 0 2px var(--color-brand-primary);--btn-pressed-overlay:#0000001f;--btn-dark-pressed:#000;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 20px #0000001a;--shadow-lg:0 24px 64px -8px #0000002e;--shadow-brand-sm:0 2px 8px color-mix(in srgb, var(--color-brand-primary) 35%, transparent);--shadow-brand-md:0 8px 20px color-mix(in srgb, var(--color-brand-primary) 12%, transparent);--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 20%, transparent);--color-overlay-scrim:#00000080;--color-overlay-subtle:#0003;--color-overlay-strong:#000000b8;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--ease-standard:ease-out;--ease-out:cubic-bezier(.16, 1, .3, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-surface-canvas);min-width:320px;min-height:100vh;color:var(--color-text-secondary);margin:0;overflow-x:hidden}#root{width:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;color:var(--color-text-primary)}h1{font:var(--font-display);letter-spacing:var(--tracking-display)}h2{font:var(--font-h1);letter-spacing:var(--tracking-h1)}h3{font:var(--font-h2);letter-spacing:var(--tracking-h2)}h4{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.text-display{font:var(--font-display);letter-spacing:var(--tracking-display)}.text-h1{font:var(--font-h1);letter-spacing:var(--tracking-h1)}.text-h2{font:var(--font-h2);letter-spacing:var(--tracking-h2)}.text-h3{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.text-body-lg{font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg)}.text-body{font:var(--font-body);letter-spacing:var(--tracking-body)}.text-label{font:var(--font-label);letter-spacing:var(--tracking-label)}.text-small{font:var(--font-small);letter-spacing:var(--tracking-small)}.text-micro{font:var(--font-micro);letter-spacing:var(--tracking-micro)}p{color:var(--color-text-secondary);font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);margin-top:0}.btn{--btn-height:40px;--btn-px:var(--space-4);--btn-icon:18px;--btn-gap:var(--space-2);justify-content:center;align-items:center;gap:var(--btn-gap);height:var(--btn-height);padding:0 var(--btn-px);box-sizing:border-box;border-radius:var(--radius-full);font:var(--font-label);letter-spacing:var(--tracking-label);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:none;text-decoration:none;display:inline-flex}.btn>svg:not([width="0"]){width:var(--btn-icon);height:var(--btn-icon);flex-shrink:0}.btn:focus-visible{outline:2px solid var(--color-status-focus);outline-offset:2px}.btn--sm{--btn-height:32px;--btn-px:var(--space-3);--btn-icon:16px;--btn-gap:var(--space-1)}.btn--lg{--btn-height:48px;--btn-px:var(--space-6);--btn-icon:20px;--btn-gap:var(--space-2)}.btn--block{width:100%}:where(.icon-btn){color:var(--color-text-primary);background:0 0}.btn--primary,.icon-btn--primary{background:var(--color-brand-gradient);color:var(--color-text-on-brand)}.btn--primary:hover:not(:disabled),.icon-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-brand-sm)}.btn--primary:active:not(:disabled),.icon-btn--primary:active:not(:disabled){background:linear-gradient(var(--btn-pressed-overlay), var(--btn-pressed-overlay)), var(--color-brand-gradient);box-shadow:none}.btn--dark,.icon-btn--dark{background:var(--color-text-primary);color:var(--color-text-on-brand)}.btn--dark:hover:not(:disabled),.icon-btn--dark:hover:not(:disabled){background:var(--color-text-secondary)}.btn--dark:active:not(:disabled),.icon-btn--dark:active:not(:disabled){background:var(--btn-dark-pressed)}.btn--secondary,.icon-btn--secondary{background:var(--color-surface-fill);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled),.icon-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn--secondary:active:not(:disabled),.icon-btn--secondary:active:not(:disabled){background:var(--color-border-strong)}.btn--outline,.icon-btn--outline{background:var(--color-surface-canvas);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--outline:hover:not(:disabled),.icon-btn--outline:hover:not(:disabled){background:var(--color-surface-fill)}.btn--outline:active:not(:disabled),.icon-btn--outline:active:not(:disabled){background:var(--color-surface-hover)}.btn--text,.icon-btn--text{color:var(--color-text-primary);background:0 0}.btn--text:hover:not(:disabled),.icon-btn--text:hover:not(:disabled){background:var(--color-surface-fill)}.btn--text:active:not(:disabled),.icon-btn--text:active:not(:disabled){background:var(--color-surface-hover)}.btn:disabled,.icon-btn:disabled{cursor:not-allowed;box-shadow:none;color:var(--color-text-placeholder)}.btn--primary:disabled,.icon-btn--primary:disabled,.btn--dark:disabled,.icon-btn--dark:disabled,.btn--secondary:disabled,.icon-btn--secondary:disabled{background:var(--color-surface-fill)}.btn--outline:disabled,.icon-btn--outline:disabled{background:var(--color-surface-canvas);border-color:var(--color-border-default)}.btn--text:disabled,.icon-btn--text:disabled{background:0 0}.icon-btn{--ib-size:40px;--ib-icon:var(--icon-sm);width:var(--ib-size);height:var(--ib-size);box-sizing:border-box;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn>svg:not([width="0"]){width:var(--ib-icon);height:var(--ib-icon)}.icon-btn:focus-visible{outline:2px solid var(--color-status-focus);outline-offset:2px}.icon-btn--sm{--ib-size:32px;--ib-icon:var(--icon-inherit)}.icon-btn--lg{--ib-size:48px;--ib-icon:var(--icon-sm)}.icon-btn--flush-end{margin-inline-end:calc((var(--ib-icon) - var(--ib-size)) / 2)}.icon-btn--flush-start{margin-inline-start:calc((var(--ib-icon) - var(--ib-size)) / 2)}.icon-btn--destructive{color:var(--color-status-error);background:0 0}.icon-btn--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--color-status-error) 8%, transparent)}.icon-btn--destructive:active:not(:disabled){background:color-mix(in srgb, var(--color-status-error) 16%, transparent)}.icon-btn--destructive:disabled{background:0 0}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-text-primary)}.field__required{color:var(--color-status-error)}.field__helper{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.field__helper--error{color:var(--color-status-error)}.input{--input-height:40px;--input-px:var(--space-3);width:100%;height:var(--input-height);padding:0 calc(var(--input-px) - 1px);box-sizing:border-box;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-canvas);color:var(--color-text-primary);font:var(--font-body);letter-spacing:var(--tracking-body);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);outline:none}.input::placeholder{color:var(--color-text-placeholder)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-text-placeholder)}.input:focus{background:linear-gradient(var(--color-surface-canvas), var(--color-surface-canvas)) padding-box, var(--color-brand-gradient) border-box;box-shadow:var(--shadow-focus);caret-color:var(--color-brand-primary);border-color:#0000}.input[aria-invalid=true],.input[aria-invalid=true]:focus{border-color:var(--color-status-error);background:var(--color-surface-canvas)}.input:disabled{background:var(--color-surface-fill);border-color:var(--color-border-default);color:var(--color-text-placeholder);cursor:not-allowed}.input--lg{--input-height:48px;--input-px:var(--space-4);font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg)}textarea.input{height:auto;min-height:96px;padding:calc(var(--space-3) - 1px) calc(var(--input-px) - 1px);resize:vertical}.search{align-items:center;gap:var(--space-2);height:40px;padding:0 calc(var(--space-3) - 1px);box-sizing:border-box;border-radius:var(--radius-full);background:var(--color-surface-fill);color:var(--color-text-muted);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:1px solid #0000;display:flex}.search:hover{background:var(--color-surface-hover)}.search:focus-within{background:linear-gradient(var(--color-surface-canvas), var(--color-surface-canvas)) padding-box, var(--color-brand-gradient) border-box;box-shadow:var(--shadow-focus)}.search>svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.search__input{min-width:0;height:100%;font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);caret-color:var(--color-brand-primary);background:0 0;border:none;outline:none;flex:1;padding:0}.search__input::placeholder{color:var(--color-text-placeholder)}.search__clear{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.search__clear:hover{background:color-mix(in srgb, var(--color-text-primary) 15%, transparent);color:var(--color-text-primary)}.search__clear svg{width:var(--icon-inherit);height:var(--icon-inherit)}.checkbox-label{align-items:center;gap:var(--space-2);font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.checkbox{appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-canvas) center / 14px no-repeat;cursor:pointer;width:18px;height:18px;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-shrink:0;margin:0}.checkbox:hover:not(:disabled){border-color:var(--color-text-placeholder)}.checkbox:checked{border-color:var(--color-brand-primary);background-color:var(--color-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.checkbox:checked:hover:not(:disabled){border-color:var(--color-brand-primary-pressed);background-color:var(--color-brand-primary-pressed)}.checkbox:focus-visible{box-shadow:var(--shadow-focus);outline:none}.checkbox:disabled{cursor:not-allowed;border-color:var(--color-border-default);background-color:var(--color-surface-fill)}.checkbox:checked:disabled{border-color:var(--color-border-strong);background-color:var(--color-border-strong)}.card{background:var(--color-surface-canvas);border-radius:var(--card-radius);padding:var(--card-padding);box-sizing:border-box}.card--subtle{background:var(--color-surface-nested-1);border-radius:var(--card-nested-radius)}.card--muted{background:var(--color-surface-nested-2);border-radius:var(--radius-xs);padding:var(--space-3)}.card--brand{border-radius:var(--card-nested-radius);background:linear-gradient(103deg, color-mix(in srgb, var(--color-brand-primary) 15%, transparent) 2%, color-mix(in srgb, var(--color-brand-accent) 15%, transparent) 98%), var(--color-surface-canvas)}.card--error{border:1px solid var(--color-status-error);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-status-error) 5%, var(--color-surface-canvas));color:var(--color-status-error)}.card--interactive{cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}.card--interactive:hover{box-shadow:var(--shadow-md)}.card--muted.card--interactive:hover{box-shadow:none;background:var(--color-surface-hover)}.card--brand.card--interactive:hover{box-shadow:var(--shadow-brand-md)}.card.is-selected{box-shadow:var(--selected-ring)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{border:3px solid var(--color-surface-fill);border-radius:var(--radius-full);border-top-color:var(--color-brand-primary);width:40px;height:40px;animation:1s ease-in-out infinite spin}.dev-overlay{background:var(--color-surface-subtle,var(--color-surface-subtle));width:100vw;height:100vh;z-index:var(--z-dropdown);padding:var(--space-16) var(--space-8);transition:transform var(--duration-slow) var(--ease-out);color:var(--color-text-primary,var(--color-text-primary));font-family:var(--font-family-body);gap:var(--space-6);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.dev-overlay.open{transform:translateY(0)}.dev-toggle{z-index:calc(var(--z-dropdown) + 1);background:var(--color-surface-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px}.dev-toggle:hover{background:var(--color-surface-fill);transform:scale(1.05)}.agent-card{background:var(--color-surface-canvas);border-radius:var(--radius-sm);padding:var(--space-5);border:1px solid var(--color-border-default);width:300px;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-out);z-index:2;text-align:left;cursor:pointer;color:var(--color-text-muted);font-family:inherit;position:relative}.agent-card.selected{box-shadow:var(--selected-ring)}.agent-card.running{border-color:var(--color-brand-primary);box-shadow:var(--shadow-brand-md)}.agent-card.completed{background:var(--color-surface-canvas);color:var(--color-text-primary)}.agent-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font:var(--font-label);letter-spacing:var(--tracking-label);text-transform:none;color:var(--color-text-primary);display:flex}.agent-card.completed .agent-header{color:var(--color-text-primary)}.agent-card.completed p,.agent-card.completed span{color:var(--color-text-secondary)}.agent-status{font:var(--font-micro);letter-spacing:var(--tracking-micro);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-fill);color:var(--color-text-muted);text-transform:capitalize}.agent-card.running .agent-status{background:var(--color-brand-gradient);color:var(--color-text-on-brand)}.agent-card.completed .agent-status{background:var(--color-brand-tint);color:var(--color-brand-primary)}.pipeline-graph{align-items:center;gap:var(--space-16);margin-top:var(--space-10);max-width:1000px;padding-bottom:var(--space-12);flex-direction:column;margin-left:auto;margin-right:auto;display:flex;position:relative}.dev-split-layout{gap:var(--space-6);grid-template-columns:minmax(680px,1fr) 420px;align-items:start;max-width:1320px;margin:0 auto;display:grid}.inspector-panel,.config-details,.config-list{background:var(--color-surface-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-4)}.inspector-panel{position:sticky;top:24px}.inspector-section{border-top:1px solid var(--color-border-default);padding-top:var(--space-3);margin-top:var(--space-3)}.inspector-section h4{margin:0 0 var(--space-2);font:var(--font-label);letter-spacing:var(--tracking-label);text-transform:none;color:var(--color-text-primary)}.inspector-line{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.inspector-textarea{resize:vertical;width:100%;min-height:120px;font:var(--font-small);letter-spacing:var(--tracking-small);box-sizing:border-box}.config-layout{grid-template-columns:260px 1fr}.config-list-item{text-align:left;width:100%;margin-bottom:var(--space-2);background:var(--color-surface-fill);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-3);cursor:pointer;font:var(--font-label);letter-spacing:var(--tracking-label);transition:background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000}.config-list-item.active{border-color:var(--color-brand-primary);background:var(--color-brand-tint);color:var(--color-brand-primary)}.config-monospace{background:var(--color-surface-subtle,var(--color-surface-subtle));border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--color-text-secondary);white-space:pre-wrap;font:var(--font-small);letter-spacing:var(--tracking-small);margin:0}.pipeline-row{justify-content:center;gap:var(--space-16);width:100%;display:flex;position:relative}.edge{background:var(--color-border-default);z-index:3;position:absolute}.edge.active{background:var(--color-brand-primary)}.edge-arrow:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--color-border-strong);transition:border-top-color var(--duration-fast) var(--ease-standard);border-top-color:var(--color-border-default);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.edge-arrow.active:after{border-top-color:var(--color-brand-primary)}.split-vertical-top{width:2px;height:32px;top:-64px;left:50%;transform:translate(-50%)}.split-horizontal{width:366px;height:2px;top:-32px;left:50%;transform:translate(-50%)}.split-vertical-left{width:2px;height:32px;top:-32px;left:calc(50% - 182px);transform:translate(-50%)}.split-vertical-right{width:2px;height:32px;top:-32px;left:calc(50% + 182px);transform:translate(-50%)}.merge-vertical-left{width:2px;height:32px;top:-64px;left:calc(50% - 182px);transform:translate(-50%)}.merge-vertical-right{width:2px;height:32px;top:-64px;left:calc(50% + 182px);transform:translate(-50%)}.merge-horizontal{width:366px;height:2px;top:-32px;left:50%;transform:translate(-50%)}.merge-vertical-bottom{width:2px;height:32px;top:-32px;left:50%;transform:translate(-50%)}.direct-vertical{width:2px;height:64px;top:-64px;left:50%;transform:translate(-50%)}.code-block{background:var(--color-surface-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-3);font:var(--font-small);letter-spacing:var(--tracking-small);font-family:var(--font-family-mono);color:var(--color-text-muted);overflow-x:auto}.modal-overlay{background:var(--color-overlay-scrim);z-index:var(--z-modal);padding:var(--space-4);animation:overlayFade var(--duration-base) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{gap:var(--space-4);box-sizing:border-box;width:100%;padding:var(--space-3) var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface-canvas);max-width:500px;box-shadow:var(--shadow-lg);animation:modalPop var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.onboarding-modal.modal-content{box-sizing:border-box;width:min(960px,100%);max-width:960px;height:696px;max-height:min(696px,100vh - 32px);padding:var(--space-5) var(--space-8) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);align-items:stretch;gap:var(--space-6);flex-direction:column;display:flex;overflow:hidden}.onboarding-top{flex-shrink:0;justify-content:flex-end;align-items:center;min-height:24px;display:flex}.onboarding-hero{background:var(--color-surface-fill);border-radius:var(--radius-xl);flex:auto;width:100%;height:380px;min-height:0;position:relative;overflow:hidden}.onboarding-hero-art{object-fit:contain;width:100%;height:100%;display:block}.onboarding-copy{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;flex-shrink:0;display:flex}.onboarding-kicker{width:100%;font:var(--font-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--color-text-placeholder);margin:0}.onboarding-title{width:100%;font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.onboarding-body{max-width:560px;font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-muted);margin:0}.onboarding-bottom{flex-shrink:0;justify-content:space-between;align-items:center;min-height:35px;display:flex}.onboarding-dots{align-items:center;gap:var(--space-2);display:flex}.onboarding-dot{border-radius:var(--radius-full);background:var(--color-border-default);cursor:pointer;box-sizing:content-box;border:none;width:8px;height:8px;padding:0;box-shadow:0 0 0 8px #0000}.onboarding-dot:hover{background:var(--color-text-placeholder)}.onboarding-dot.active{background:var(--color-text-primary)}.onboarding-dot:focus-visible{outline:2px solid var(--color-status-focus);outline-offset:4px}@media (width<=1440px){.onboarding-modal.modal-content{width:650px;max-width:min(650px,100%);height:471.25px;max-height:min(471.25px,100vh - 32px)}.onboarding-hero{height:auto}}@media (width<=768px){.onboarding-modal.modal-content{width:min(960px,100%);max-width:100%;padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-4);border-radius:var(--radius-lg);height:auto;max-height:calc(100vh - 16px);overflow-y:auto}.onboarding-hero{aspect-ratio:896/380;height:auto;min-height:160px;max-height:280px}.onboarding-title{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.onboarding-body{font:var(--font-body);letter-spacing:var(--tracking-body)}.onboarding-bottom{gap:var(--space-3)}}.feedback-rating{gap:var(--space-2);display:flex}.feedback-rating-btn{padding:var(--space-0-5);cursor:pointer;background:0 0;border:none;line-height:0;display:flex}.feedback-choice-row{gap:var(--space-2);display:flex}.feedback-choice-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-fill);height:32px;color:var(--color-text-muted);font:var(--font-label);letter-spacing:var(--tracking-label);cursor:pointer;border:none;flex:1;display:inline-flex}.feedback-choice-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.feedback-choice-btn.active{background:var(--color-text-primary);color:var(--color-text-on-brand)}.feedback-modal.modal-content{max-width:480px}.feedback-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.feedback-modal-error{font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-status-error);margin:0}.feedback-modal-thanks{gap:var(--space-2);flex-direction:column;display:flex}@media (width<=768px){.feedback-modal.modal-content{padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-4);border-radius:var(--radius-lg)}}.chat-analysis-layer{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0}.chat-analysis-scrim{background:var(--color-overlay-scrim);pointer-events:auto;position:absolute;inset:0}.chat-analysis-drawer{background:var(--color-surface-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-xl) 0 0 var(--radius-xl);pointer-events:auto;box-sizing:border-box;border-right:none;flex-direction:column;width:480px;max-width:100%;height:100vh;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.chat-analysis-header{padding:var(--space-4) var(--space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-analysis-header-left,.chat-analysis-header-right{align-items:center;display:flex}.chat-analysis-header-left{gap:var(--space-4)}.chat-analysis-header-right{gap:var(--space-3)}.chat-analysis-brand{align-items:center;display:flex}.chat-analysis-brand-logo{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.chat-analysis-brand-mark{aspect-ratio:68.4/20.4;width:64px;height:auto;display:block}.chat-analysis-divider{background:var(--color-surface-fill);flex-shrink:0;width:100%;height:1px}.chat-analysis-thread{gap:var(--space-3);min-height:0;padding:var(--space-8) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-analysis-greeting{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.chat-analysis-hello{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.chat-analysis-help{font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);background-image:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.chat-analysis-suggestions{align-items:flex-end;gap:var(--space-4);flex-direction:column;width:100%;margin-top:auto;display:flex}.chat-analysis-pills{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.chat-analysis-pill{max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-fill);color:var(--color-text-primary);font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);text-align:left;cursor:pointer;border:none}.chat-analysis-pill:hover:not(:disabled){background:var(--color-surface-hover)}.chat-analysis-pill:disabled{cursor:not-allowed;opacity:.6}.chat-analysis-more{align-items:center;gap:var(--space-1);font:var(--font-label);letter-spacing:var(--tracking-label);cursor:pointer;background:0 0;background-image:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;border:none;padding:0;display:inline-flex}.chat-analysis-more svg{color:var(--color-brand-primary);flex-shrink:0}.chat-analysis-thread.has-messages{gap:var(--space-5)}.chat-analysis-row{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.chat-analysis-row.user{align-items:flex-end}.chat-analysis-row.assistant{align-items:flex-start}.chat-analysis-bubble{box-sizing:border-box;width:fit-content;max-width:360px;padding:var(--space-4) var(--space-4);font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);white-space:pre-wrap}.chat-analysis-bubble.user{background:var(--color-brand-tint);border:1px solid color-mix(in srgb, var(--color-brand-primary) 15%, var(--color-surface-canvas));border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg)}.chat-analysis-bubble.assistant{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);background:0 0}.chat-analysis-bubble.pending{color:var(--color-text-placeholder)}.chat-analysis-time{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-placeholder);margin:0}.chat-analysis-error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6) 0;flex-shrink:0;display:flex}.chat-analysis-error p{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-status-error);margin:0}.chat-analysis-retry{flex-shrink:0}.chat-analysis-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);flex-direction:column;flex-shrink:0;display:flex}.chat-analysis-input-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:calc(var(--chat-send-size) / 2 + var(--space-3));box-sizing:border-box;background:var(--color-surface-fill);display:flex}.chat-analysis-input{resize:none;min-width:0;min-height:20px;max-height:72px;font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0}.chat-analysis-input::placeholder{color:var(--color-text-placeholder)}.chat-analysis-disclaimer{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-placeholder);text-align:center;width:100%;margin:0}.chat-analysis-history-scrim{background:var(--color-overlay-subtle);z-index:2;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.chat-analysis-history{background:var(--color-surface-canvas);border-right:1px solid var(--color-border-default);z-index:3;box-sizing:border-box;flex-direction:column;width:280px;max-width:100%;display:flex;position:absolute;top:0;bottom:0;left:0}.chat-analysis-history-header{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-analysis-history-header p{font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-text-primary);margin:0}.chat-analysis-history-list{gap:var(--space-1);min-height:0;padding:0 var(--space-3) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-analysis-history-empty{margin:var(--space-4) var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-placeholder)}.chat-analysis-history-item{text-align:left;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none}.chat-analysis-history-item:hover,.chat-analysis-history-item.active{background:var(--color-surface-fill)}@media (width<=768px){.chat-analysis-drawer{border:none;border-radius:0;width:100%}.chat-analysis-header,.chat-analysis-thread,.chat-analysis-footer{padding-left:var(--space-4);padding-right:var(--space-4)}}.studio-app{background:var(--color-surface-canvas);height:100vh;font-family:var(--font-family-body);flex-direction:column;display:flex}.studio-topbar{align-items:center;gap:var(--space-4);height:var(--layout-topbar-height);padding:0 var(--space-4);background:var(--color-surface-canvas);flex-shrink:0;display:flex}.studio-topbar-left{align-items:center;gap:var(--space-4);display:flex}.studio-logo{font:var(--font-h1);letter-spacing:var(--tracking-h1);background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.studio-logo-btn{cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit}.studio-topbar-logo{align-items:center;display:flex}.studio-logo-mark{aspect-ratio:68.4/20.4;width:64px;height:auto;display:block}.studio-search{box-sizing:border-box;width:620px;max-width:40vw}.studio-topbar-spacer{flex:1}.studio-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-border-default), var(--color-border-strong));flex-shrink:0;width:30px;height:30px}.studio-body{flex:1;min-height:0;display:flex}.studio-sidebar{width:var(--layout-sidebar-width);background:var(--color-surface-canvas);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.studio-sidebar-spacer{flex:1;min-height:16px}.studio-nav-bottom{padding-bottom:var(--space-3)}.studio-channel{align-items:center;gap:var(--space-1);padding:var(--space-6) 0 var(--space-4);flex-direction:column;display:flex}.studio-channel-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand-tint), var(--color-surface-fill));width:112px;height:112px;color:var(--color-text-on-brand);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.studio-channel-label{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);margin:0}.studio-channel-name{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);margin:0}.studio-nav{gap:var(--space-0-5);padding:0 var(--space-3);flex-direction:column;display:flex}.studio-nav-item{align-items:center;gap:var(--space-2);height:var(--nav-item-height);padding:0 var(--space-3) 0 var(--space-4);border-radius:var(--nav-item-radius);font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-secondary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;display:flex;overflow:hidden}.studio-nav-item svg{width:var(--nav-icon-size);height:var(--nav-icon-size);flex-shrink:0}.studio-nav-item:hover{background:var(--color-surface-fill)}.studio-nav-item.active{background:var(--color-surface-fill);color:var(--color-text-primary);font:var(--font-label);letter-spacing:var(--tracking-label)}.studio-nav-item:focus-visible{outline:2px solid var(--color-status-focus);outline-offset:-2px}.studio-content{background:var(--color-surface-subtle);min-width:0;padding:var(--space-6) var(--space-6) var(--space-12) var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.studio-page-header{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.studio-page-title{font:var(--font-h1);letter-spacing:var(--tracking-h1);color:var(--color-text-primary);margin:0}.studio-page-tagline{align-items:baseline;gap:var(--space-3);font:var(--font-h2);letter-spacing:var(--tracking-h2);margin:0;display:flex}.studio-gradient-text{background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.studio-tagline-dot{color:var(--color-text-primary);font:var(--font-h2);letter-spacing:var(--tracking-h2)}.studio-disclaimer{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);max-width:549px;margin:0}.studio-prompt-card{padding:var(--space-4) var(--space-6);gap:var(--space-8);flex-direction:column;display:flex}.studio-prompt-row{align-items:center;gap:var(--space-4);width:100%;display:flex}.studio-prompt-input{font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);padding:var(--space-1) 0;background:0 0;border:none;outline:none;flex:1}.studio-prompt-input::placeholder{color:var(--color-text-muted)}.studio-fineprint{gap:var(--space-1);font:var(--font-micro);letter-spacing:var(--tracking-micro);flex-wrap:wrap;margin:0;display:flex}.studio-fineprint .mute{color:var(--color-text-muted)}.studio-fineprint .link{color:var(--color-link);cursor:pointer}.studio-perf-card{padding:var(--card-padding);gap:var(--space-8);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.studio-page-header,.studio-prompt-card,.studio-error,.studio-past-card{flex-shrink:0}.studio-perf-title{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.studio-analysis{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.studio-perf-hero{gap:var(--space-6);align-items:flex-start;width:100%;display:flex}.studio-video-col{flex:1;min-width:0}.studio-video-title{font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-muted);margin:0}.studio-video-thumb{border-radius:var(--radius-sm);background:var(--color-text-primary);width:100%;min-width:0;height:280px;position:relative;overflow:hidden}.studio-video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.studio-video-thumb-fallback{width:100%;height:100%;color:var(--color-text-on-brand);padding:var(--space-6);text-align:center;font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);justify-content:center;align-items:center;display:flex}.studio-video-thumb-caption{padding:var(--space-3) var(--space-3);background:linear-gradient(transparent, var(--color-overlay-strong));color:var(--color-text-on-brand);font:var(--font-label);letter-spacing:var(--tracking-label);white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.studio-stat-rows{gap:var(--space-2);flex-direction:column;display:flex}.studio-stat-row{align-items:center;gap:var(--space-2);height:28px;font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-secondary);display:flex}.studio-stat-row svg{flex-shrink:0}.studio-stat-row span:first-of-type{flex:1}.studio-stat-value{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);white-space:nowrap}.studio-insights-row{gap:var(--space-4);align-items:flex-start;width:100%;display:flex}.studio-insight-card{padding:var(--space-4);gap:var(--space-3);box-sizing:border-box;flex-direction:column;display:flex}.studio-skills-col{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.studio-chat-analysis-btn{align-self:flex-start}.studio-diagnosis-card{padding:var(--space-4);box-sizing:border-box}.studio-skill-card{padding:var(--space-4);gap:var(--space-3);box-sizing:border-box;flex-direction:column;display:flex}.studio-skill-subcard{box-sizing:border-box}.studio-icon-row{gap:var(--space-3);align-items:flex-start;display:flex}.studio-icon-row-body{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.studio-icon-accent{color:var(--color-brand-primary);flex-shrink:0}.studio-icon-muted{color:var(--color-text-muted);flex-shrink:0}.studio-section-heading{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.studio-section-heading.studio-heading-accent{background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.studio-card-heading,.studio-skill-name{font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-primary);margin:0}.studio-insight-body{font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-secondary);margin:0}.studio-bullet-list{padding-left:var(--space-5);gap:var(--space-2);font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.studio-divider{background:var(--color-surface-fill);width:100%;height:1px}.studio-summary-block{gap:var(--space-1);flex-direction:column;display:flex}.studio-summary-title{font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-text-primary);margin:0}.studio-summary-title-icon{align-items:center;gap:var(--space-2);color:var(--color-text-primary);display:flex}.studio-summary-sub{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.studio-summary-row{align-items:center;gap:var(--space-2);height:26px;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-secondary);display:flex}.studio-summary-row span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-trend{background:var(--color-text-placeholder);flex-shrink:0;width:10px;height:2px}.studio-ghost-btn{margin-top:var(--space-1);align-self:flex-start}.studio-past-card{padding:var(--space-2) var(--space-4) var(--space-4);box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;display:flex}.studio-past-dash{border-radius:var(--radius-xs);background:var(--color-border-strong);width:44px;height:4px;margin:0 auto var(--space-8)}.studio-past-header{padding-bottom:var(--space-3);font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);justify-content:space-between;align-items:flex-end;display:flex}.studio-past-row{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) 0;text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-border-default);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out);background:0 0;font-family:inherit;display:flex}.studio-past-row:hover{background:var(--color-surface-subtle);transform:translateY(-1px)}.studio-past-index{text-align:center;width:18px;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);flex-shrink:0}.studio-past-thumb{border-radius:var(--radius-xs);background:var(--color-surface-fill);flex-shrink:0;width:106px;height:60px;overflow:hidden}.studio-past-thumb img{object-fit:cover;width:100%;height:100%;display:block}.studio-past-thumb-fallback{background:linear-gradient(135deg, var(--color-text-primary), var(--color-text-secondary));width:100%;height:100%}.studio-past-meta{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.studio-past-title{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-past-url{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-past-date{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.studio-past-actions{padding-top:var(--space-5)}@media (width<=1024px){.studio-perf-hero{gap:var(--space-4);flex-direction:column}.studio-video-thumb{aspect-ratio:16/10;width:100%;height:auto}.studio-metrics-panel{width:100%}.studio-insights-row,.studio-skill-cards{flex-direction:column}}@media (width<=768px){.studio-sidebar,.studio-search{display:none}}.studio-empty-state{padding:var(--space-6) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-height:clamp(280px,42vh,420px);display:flex}.studio-empty-illustration{aspect-ratio:560/406;width:clamp(180px,52vw,560px);max-width:100%;height:auto;position:relative;overflow:hidden}.studio-empty-illustration img.base{object-fit:contain;width:100%;height:100%;display:block}.studio-empty-illustration img.badge{width:97px;height:97px;position:absolute;top:113px;left:99px}.studio-empty-text{margin-top:calc(-1 * var(--space-8));flex-direction:column;align-items:center;display:flex}.studio-empty-title{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.studio-empty-sub{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);text-align:center;margin:0}.studio-error{padding:var(--space-4);animation:fadeIn var(--duration-slow) var(--ease-out)}.dev-overlay.inline{z-index:auto;background:0 0;border:none;border-radius:0;width:auto;height:auto;min-height:0;padding:0;position:static;overflow:visible;transform:none}.loading-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.studio-sidebar-scrim{display:none}.studio-view{gap:var(--space-6);flex-direction:column;min-height:0;display:flex}.studio-skill-banner{gap:var(--space-1)}.studio-skill-label{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);margin:0}.dev-page-header{flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:flex-start}.dev-page-header-text{gap:var(--space-3);flex-direction:column;display:flex}.dev-section-card{padding:var(--space-4) var(--space-5) var(--space-6);flex-shrink:0}.dev-tabs{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.dev-tab{align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-fill);color:var(--color-text-primary);font:var(--font-label);letter-spacing:var(--tracking-label);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);border:none;display:inline-flex}.dev-tab:hover{background:var(--color-surface-hover)}.dev-tab svg{width:var(--icon-inherit);height:var(--icon-inherit);flex-shrink:0}.dev-tab.active{background:var(--color-brand-gradient);color:var(--color-text-on-brand)}.dev-empty-state{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-24) var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.dev-empty-title{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.dev-empty-sub{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);margin:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.login-screen{padding:var(--space-12) var(--space-4);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-stack{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex;position:relative}.login-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.login-wordmark,.login-gradient-text{background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.login-wordmark{font:var(--font-h1);letter-spacing:var(--tracking-h1)}.login-tagline{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);text-align:center}.login-modal{box-sizing:border-box;width:100%;max-width:400px;padding:var(--space-8) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex;position:relative}.login-heading{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.login-mark{aspect-ratio:68.4/20.4;width:52px;height:auto;margin-bottom:var(--space-0-5);display:block}.login-eyebrow{font:var(--font-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--color-brand-primary);margin:0}.login-headline{font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-primary);margin:0}.login-subcopy{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.login-actions{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.login-helper{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.login-or{width:100%;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);align-items:center;display:flex}.login-or span{padding:0 var(--space-2)}.login-or-line{flex:1 0 0;min-width:1px;height:1px}.login-text-link,.login-inline-link{cursor:pointer;background:0 0;border:none;font-family:inherit}.login-text-link{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-brand-accent);display:inline-flex}.login-text-link:hover .login-gradient-text{text-decoration:underline;-webkit-text-decoration-color:var(--color-brand-primary);text-decoration-color:var(--color-brand-primary);text-underline-offset:3px}.login-switch{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.login-inline-link{font:inherit;color:var(--color-brand-primary);padding:0;font-weight:500}.login-inline-link:hover{text-underline-offset:3px;text-decoration:underline}.login-apply-form{text-align:left;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.login-apply-success{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-primary);margin:0}.login-footer{align-items:center;gap:var(--space-5);flex-direction:column;max-width:100%;display:flex}.login-footer-line{width:100%;height:1px}.login-trust{justify-content:center;align-items:center;gap:var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);white-space:pre;margin:0;display:flex}.login-disclaimer{padding-top:var(--space-6);max-width:340px;font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted);text-align:center;margin:0}@media (width<=480px){.modal-content.login-modal{padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg)}.login-trust{font:var(--font-small);letter-spacing:var(--tracking-small);white-space:normal}}.dot-wave-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.inspector-modal{box-sizing:border-box;width:706px;max-width:100%;height:706px;max-height:90vh;overflow-y:auto}.chat-analysis-pill:active:not(:disabled),.dev-tab:active,.config-list-item:active{transform:scale(.96)}.studio-nav-item:active{transform:scale(.98)}.agent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=1024px){.dev-split-layout{grid-template-columns:1fr}.config-layout{grid-template-columns:220px 1fr}}@media (width<=768px){.studio-sidebar.open{z-index:var(--z-drawer);box-shadow:var(--shadow-lg);display:flex;position:fixed;top:0;bottom:0;left:0}.studio-sidebar-scrim{background:var(--color-overlay-scrim);z-index:calc(var(--z-drawer) - 1);display:block;position:fixed;inset:0}.studio-content{padding:var(--space-4) var(--space-3) var(--space-8);gap:var(--space-4)}.studio-view{gap:var(--space-4)}.studio-page-title{font:var(--font-h2);letter-spacing:var(--tracking-h2)}.studio-page-tagline,.studio-tagline-dot{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.studio-page-tagline{row-gap:var(--space-1);flex-wrap:wrap}.studio-perf-title,.studio-section-heading{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.config-layout{grid-template-columns:1fr}.config-list{gap:var(--space-2);display:flex;overflow-x:auto}.config-list-item{white-space:nowrap;flex-shrink:0;width:auto;margin-bottom:0}.studio-topbar{gap:var(--space-2);padding:0 var(--space-3)}.studio-prompt-row{flex-wrap:wrap}.studio-prompt-input{flex-basis:100%;min-width:0}.studio-video-thumb{height:auto}.studio-perf-card{gap:var(--space-4)}.studio-past-row{gap:var(--space-3)}.studio-past-date{display:none}.pipeline-graph{gap:var(--space-6);margin-top:var(--space-6);padding-bottom:var(--space-6)}.pipeline-row{align-items:center;gap:var(--space-6);flex-direction:column}.edge{display:none}.agent-card{box-sizing:border-box;width:100%;max-width:360px}.dev-overlay{padding:var(--space-6) var(--space-4)}.dev-overlay.inline{padding:0}.dev-section-card{padding:var(--space-3) var(--space-3) var(--space-5)}.dev-tabs{flex-wrap:wrap}.inspector-modal{width:100%;height:auto;max-height:90vh}.modal-content,.modal-content.onboarding-modal,.modal-content.feedback-modal{padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-lg)}}.config-list-item:hover{background:var(--color-surface-hover)}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.35}}.animate-pulse-glow{animation:1.4s ease-in-out infinite pulseGlow}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.splash-screen{z-index:var(--z-dropdown);padding:var(--space-12) var(--space-6);box-sizing:border-box;background:var(--color-surface-canvas);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-logo{z-index:1;aspect-ratio:266.5/83;width:clamp(170px,55vw,220px);height:auto;display:block;position:relative;overflow:visible}@keyframes trellis-draw{0%{stroke-dashoffset:1px;opacity:0}.5%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes trellis-leaf-pop{0%{transform:translate(-12.353px,9.797px)rotate(21.808deg)scale(.01)}to{transform:translate(0)rotate(-3.192deg)scale(1)}}@keyframes trellis-leaf-fade{0%{opacity:0}to{opacity:1}}.trellis-draw-path{animation-name:trellis-draw;animation-timing-function:linear;animation-fill-mode:both}.trellis-leaf{transform-box:fill-box;transform-origin:50%;animation-name:trellis-leaf-pop,trellis-leaf-fade;animation-timing-function:cubic-bezier(.34,1.35,.64,1),ease-out;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.trellis-draw-path,.trellis-leaf{animation:none}.trellis-draw-path{stroke-dashoffset:0}}.modal-top{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.modal-copy{gap:var(--space-2);flex-direction:column;display:flex}.modal-title{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.modal-description{font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-muted);margin:0}.modal-fields{gap:var(--space-4);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.modal-footer--split{justify-content:space-between}.modal-content--dialog{gap:var(--space-2);max-width:400px}.modal-content--form{gap:var(--space-4);max-width:480px}.modal-content--form .modal-copy{gap:var(--space-0-5)}@media (width<=768px){.modal-content,.modal-content.feedback-modal{padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-lg)}.modal-content--dialog{gap:var(--space-2)}.modal-content--form{gap:var(--space-4)}.modal-title{font:var(--font-h3);letter-spacing:var(--tracking-h3)}.modal-description{font:var(--font-body);letter-spacing:var(--tracking-body)}.modal-content--form .modal-fields,.feedback-modal-form{gap:var(--space-5)}.onboarding-top .icon-btn{--ib-size:32px;--ib-icon:var(--icon-inherit)}}.modal-content--static{padding-top:var(--space-6);display:block}.settings-title{align-items:center;gap:var(--space-2);display:flex}.settings-helper{padding-left:calc(18px + var(--space-2))}.feedback-modal-thanks .modal-footer{margin-top:var(--space-4)}.studio-app--centered{justify-content:center;align-items:center;display:flex}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}.svg-defs{width:0;height:0;position:absolute}.text-brand{color:var(--color-brand-primary)}.nowrap{white-space:nowrap}.dot-field-canvas{pointer-events:none;width:100%;height:100%;z-index:var(--z-base);position:absolute;inset:0}.gate-card{text-align:center;max-width:440px}.gate-logo{margin-bottom:var(--space-2)}.gate-title{margin:0 0 var(--space-3);font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-primary)}.gate-text{font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-muted);margin:0}.gate-hint{margin:var(--space-3) 0 0;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.gate-action{margin-top:var(--space-6)}.processing-panel{flex:1}.processing-title{margin:var(--space-4) 0 var(--space-2);font:var(--font-h3);letter-spacing:var(--tracking-h3)}.processing-agent{font:var(--font-body-lg);letter-spacing:var(--tracking-body-lg);color:var(--color-text-muted);margin:0}.history-heading{text-align:center}.history-heading--spaced{margin-bottom:var(--space-6)}.history-empty{margin:var(--space-4) 0 0;text-align:center;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.agent-name{flex:1}.agent-processing{align-items:center;gap:var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);display:flex}.agent-summary{margin:0 0 var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:inherit}.agent-error{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-status-error)}.inspector-title{margin-bottom:var(--space-3);font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-primary)}.inspector-meta{margin-bottom:var(--space-4);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.inspector-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.inspector-error{margin-top:var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-status-error)}.dev-empty-icon{opacity:.4;margin-bottom:var(--space-4)}.dev-section-header{justify-content:space-between;align-items:center;display:flex}.admin-login-card{max-width:380px}.admin-login-title{margin:0 0 var(--space-2);font:var(--font-h3);letter-spacing:var(--tracking-h3);color:var(--color-text-primary)}.admin-login-text{margin-bottom:var(--space-6);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.admin-login-form{gap:var(--space-4);flex-direction:column;display:flex}.admin-page{padding:var(--space-6)}.admin-gap-sm{margin-bottom:var(--space-4)}.admin-section{margin-bottom:var(--space-6)}.admin-stats{gap:var(--space-8);margin-top:var(--space-3);display:flex}.admin-stat-label{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted);margin:0}.admin-stat-value{font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--color-text-primary);margin:0}.admin-note{margin:var(--space-2) 0 0;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.admin-note--spaced{margin-bottom:var(--space-4)}.admin-note--mt{margin-top:var(--space-3)}.admin-toggle{gap:var(--space-3);font:var(--font-label);letter-spacing:var(--tracking-label)}.admin-meta{font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.admin-status{font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted)}.admin-status--approved{color:var(--color-status-success)}.admin-status--pending{color:var(--color-status-warning)}.admin-status--rejected{color:var(--color-status-error)}.admin-table{width:100%;margin-top:var(--space-3);border-collapse:collapse}.admin-table th{text-align:left;font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.admin-table th,.admin-table td{padding:var(--space-2)}.admin-table tbody tr{border-top:1px solid var(--color-border-default);vertical-align:top}.admin-table__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-modal{max-width:640px;max-height:80vh;overflow-y:auto}.admin-modal__title{color:var(--color-text-primary);margin-top:0}.admin-modal__actions{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.admin-modal__footer{margin-top:var(--space-6);justify-content:flex-end;display:flex}.admin-list{gap:var(--space-3);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.admin-list-item{padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.admin-list-item__title{font:var(--font-label);letter-spacing:var(--tracking-label);margin:0}.admin-list-item__meta{margin:var(--space-1) 0 0;font:var(--font-micro);letter-spacing:var(--tracking-micro);color:var(--color-text-muted)}.admin-danger{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-default)}.admin-danger__title{margin-bottom:var(--space-2);font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-status-error)}.admin-danger__text{margin-bottom:var(--space-2);font:var(--font-small);letter-spacing:var(--tracking-small);color:var(--color-text-muted)}.admin-danger__row{align-items:center;gap:var(--space-2);display:flex}.admin-break{font:var(--font-small);letter-spacing:var(--tracking-small);word-break:break-all}.admin-strong{font-weight:500}.admin-body{font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary)}.admin-body--muted{color:var(--color-text-muted)}.feedback-choice-btn:focus-visible,.dev-tab:focus-visible{outline:2px solid var(--color-status-focus);outline-offset:2px}.btn>svg.icon--inherit,.icon-btn>svg.icon--inherit,svg.icon--inherit{width:var(--icon-inherit);height:var(--icon-inherit)}.btn>svg.icon--sm,.icon-btn>svg.icon--sm,svg.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.btn>svg.icon--md,.icon-btn>svg.icon--md,svg.icon--md{width:var(--icon-md);height:var(--icon-md)}.btn>svg.icon--lg,.icon-btn>svg.icon--lg,svg.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.btn>svg.icon--xl,.icon-btn>svg.icon--xl,svg.icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.chat-analysis-bubble.assistant{white-space:normal}.chat-md{gap:var(--space-2);overflow-wrap:anywhere;flex-direction:column;display:flex}.chat-md>*{margin:0}.chat-md p{color:inherit;font:inherit;margin:0}.chat-md strong{color:var(--color-text-primary);font-weight:500}.chat-md em{font-style:italic}.chat-md del{color:var(--color-text-muted)}.chat-md .chat-md__heading{margin:var(--space-1) 0 0;font:var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-text-primary)}.chat-md>.chat-md__heading:first-child{margin-top:0}.chat-md ul,.chat-md ol{gap:var(--space-1);padding-left:var(--space-5);flex-direction:column;margin:0;display:flex}.chat-md li{padding-left:var(--space-0-5)}.chat-md li::marker{color:var(--color-text-muted)}.chat-md li>ul,.chat-md li>ol{margin-top:var(--space-1)}.chat-md li input[type=checkbox]{margin:0 var(--space-2) 0 0;vertical-align:middle;accent-color:var(--color-brand-primary)}.chat-md a{color:var(--color-link);text-underline-offset:2px;text-decoration:underline}.chat-md a:hover{text-decoration-thickness:2px}.chat-md code{padding:1px var(--space-1);border-radius:var(--radius-xs);background:var(--color-surface-fill);font-family:var(--font-family-mono);font-size:.9em}.chat-md pre{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-fill);margin:0;overflow-x:auto}.chat-md pre code{background:0 0;padding:0}.chat-md blockquote{padding-left:var(--space-3);border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);margin:0}.chat-md hr{width:100%;margin:var(--space-1) 0;border:none;border-top:1px solid var(--color-border-default)}.chat-md table{border-collapse:collapse;width:100%;font:var(--font-small);letter-spacing:var(--tracking-small)}.chat-md th,.chat-md td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-default);text-align:left}