.model-input-director{container-type:inline-size;width:100%;min-width:0;padding:var(--space-5);border:var(--stroke-hairline) solid color-mix(in srgb,var(--director-accent,var(--fg-brand-emphasis)) 24%,var(--border-default));background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--director-accent,var(--fg-brand-emphasis)) 13%,transparent),transparent 32%),var(--bg-surface)}.model-input-director[data-density=compact]{align-self:start;padding:var(--space-4)}.model-director-head,.model-director-head>div,.model-director-routes,.model-director-settings{display:flex;align-items:center}.model-director-head{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);color:var(--text-secondary)}.model-director-head>div{gap:var(--space-2);color:var(--director-accent,var(--fg-brand-emphasis))}.model-director-head svg{width:var(--icon-md);height:var(--icon-md)}.model-director-routes{gap:var(--space-2);padding-bottom:var(--space-1);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none}.model-director-media-stack::-webkit-scrollbar,.model-director-routes::-webkit-scrollbar{display:none}.model-director-routes button{display:grid;flex:0 0 auto;min-width:calc(var(--space-20) + var(--space-16));min-height:var(--control-height-lg);place-content:center;gap:var(--space-1);padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--shape-compact);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;scroll-snap-align:start;transition:background var(--motion-control) var(--motion-ease-out),border-color var(--motion-control) var(--motion-ease-out),color var(--motion-control) var(--motion-ease-out),transform var(--motion-press-out) var(--motion-ease-out)}.model-director-routes button[aria-selected=true]{border-color:color-mix(in srgb,var(--director-accent,var(--fg-brand-emphasis)) 65%,var(--border-default));background:color-mix(in srgb,var(--director-accent,var(--fg-brand-emphasis)) 13%,var(--bg-raised));box-shadow:inset 0 calc(-1 * var(--stroke-strong)) 0 var(--director-accent,var(--fg-brand-emphasis));color:var(--text-primary)}.model-director-routes button:focus-visible{outline:var(--stroke-focus) solid var(--border-focus);outline-offset:var(--space-1)}.model-director-routes button:active{transform:scale(var(--scale-press))}.model-director-routes small{color:var(--director-accent,var(--fg-brand-emphasis));font-size:var(--type-caption)}.model-director-routes strong{font-size:var(--type-body-sm);line-height:var(--type-body-sm-line);white-space:normal}.model-director-panel{margin-top:var(--space-3);padding:var(--space-4);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--shape-control);background:var(--bg-canvas)}.model-input-director[data-density=compact] .model-director-head{margin-bottom:var(--space-3)}.model-input-director[data-density=compact] .model-director-routes button{min-width:auto;min-height:var(--control-height-sm);padding:var(--space-2) var(--space-3)}.model-input-director[data-density=compact] .model-director-routes small{display:none}.model-input-director[data-density=compact] .model-director-routes strong{white-space:nowrap}.model-input-director[data-density=compact] .model-director-panel{margin-top:var(--space-2);padding:var(--space-3)}.model-director-preview{display:grid;gap:var(--space-3)}.model-director-preview-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(calc(var(--space-12) * 3),100%),1fr));gap:var(--space-2)}.model-director-preview-empty,.model-director-preview-inputs>div,.model-director-preview-prompt,.model-director-preview-settings{margin:0;padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--shape-control);background:var(--bg-surface)}.model-director-preview-inputs>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-2)}.model-director-preview-inputs svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--director-accent,var(--fg-brand-emphasis))}.model-director-preview-inputs span{color:var(--text-primary);font-size:var(--type-caption);font-weight:var(--type-label-weight)}.model-director-preview-inputs small{grid-column:2}.model-director-preview-empty,.model-director-preview-inputs small{color:var(--text-muted);font-size:var(--type-caption)}.model-director-preview-prompt>span,.model-director-preview-settings>span{color:var(--director-accent,var(--fg-brand-emphasis));font-size:var(--type-caption)}.model-director-preview-prompt blockquote{display:-webkit-box;max-height:calc(var(--space-12) + var(--space-10));margin:var(--space-2) 0 0;overflow:hidden;color:var(--text-secondary);font-size:var(--type-body-sm);line-height:var(--type-body-sm-line);-webkit-box-orient:vertical;-webkit-line-clamp:3}.model-director-preview-prompt .model-director-values{margin-top:var(--space-2)}.model-director-preview-prompt .model-director-values>div{padding:var(--space-1) var(--space-2)}.model-director-preview-prompt .model-director-values p{-webkit-line-clamp:2}.model-director-preview-settings{display:grid;gap:var(--space-2)}.model-director-preview-settings .model-director-settings{gap:var(--space-1);margin:0}.model-director-preview-settings .model-director-settings i{padding:var(--space-1) var(--space-2)}.model-director-flow>section>span,.model-director-summary span{color:var(--director-accent,var(--fg-brand-emphasis));font-size:var(--type-caption)}.model-director-summary h3{margin:var(--space-1) 0;color:var(--text-primary);font-size:var(--type-title-sm)}.model-director-summary p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:var(--type-body-sm);line-height:var(--type-body-sm-line);-webkit-box-orient:vertical;-webkit-line-clamp:3}.model-director-flow{display:grid;grid-template-columns:1.2fr 1.4fr;gap:var(--space-3);margin:var(--space-4) 0}.model-director-flow>section{min-width:0;padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--shape-compact);background:var(--bg-surface)}.model-director-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(calc(var(--space-20) + var(--space-10)),100%),1fr));gap:var(--space-2);margin-top:var(--space-2)}.model-director-inputs>div,.model-director-output{display:grid;min-width:0;min-height:calc(var(--control-height-lg) + var(--space-4));place-content:center;gap:var(--space-1);padding:var(--space-2);border:var(--stroke-hairline) dashed var(--border-strong);border-radius:var(--shape-compact);color:var(--text-primary);text-align:center}.model-director-inputs svg,.model-director-output svg{width:var(--icon-md);height:var(--icon-md);margin-inline:auto;color:var(--director-accent,var(--fg-brand-emphasis))}.model-director-media-stack{display:flex;width:100%;gap:var(--space-1);padding-bottom:var(--space-1);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none}.model-director-element-groups{width:100%}.model-director-element-groups,.model-director-element-groups>div{display:grid;gap:var(--space-1)}.model-director-element-groups>div>span{color:var(--director-accent,var(--fg-brand-emphasis));font-size:var(--type-caption);text-align:start}.model-director-media-stack :is(img,video){flex:0 0 calc(var(--space-20) + var(--space-2));width:calc(var(--space-20) + var(--space-2));height:calc(var(--control-height-md) + var(--space-1));object-fit:cover;border-radius:var(--shape-compact);background:var(--bg-media);scroll-snap-align:start}.model-director-media-stack audio{width:calc(var(--space-20) + var(--space-16));max-width:100%;height:var(--control-height-xs)}.model-director-output>:is(img,video){width:100%;height:calc(var(--space-20) + var(--space-2));object-fit:cover;border-radius:var(--shape-compact);background:var(--bg-media)}.model-director-output>audio{width:100%}.model-director-inputs strong,.model-director-output strong{font-size:var(--type-caption)}.model-director-inputs small,.model-director-output small{color:var(--text-muted);font-size:var(--type-caption);line-height:var(--type-caption-line)}.model-director-flow blockquote{display:-webkit-box;min-height:calc(var(--control-height-lg) + var(--space-4));max-height:calc(var(--space-30) + var(--space-2));margin:var(--space-2) 0 0;padding:var(--space-3);overflow:hidden;border-radius:var(--shape-compact);background:var(--bg-canvas);color:var(--text-secondary);font-size:var(--type-caption);line-height:var(--type-body-sm-line);-webkit-box-orient:vertical;-webkit-line-clamp:5}.model-director-values{display:grid;gap:var(--space-1);margin-top:var(--space-2)}.model-director-values>div{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--shape-compact);background:var(--bg-canvas)}.model-director-values strong{color:var(--text-primary);font-size:var(--type-caption)}.model-director-values p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-secondary);font-size:var(--type-caption);line-height:var(--type-caption-line);-webkit-box-orient:vertical;-webkit-line-clamp:3}.model-director-values small{color:var(--text-muted);font-size:var(--type-caption)}.model-director-settings{flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.model-director-settings i{padding:var(--space-2) var(--space-3);border-radius:var(--shape-pill);background:var(--bg-canvas);color:var(--text-secondary);font-size:var(--type-caption);font-style:normal}.model-director-output{min-height:calc(var(--control-height-lg) + var(--space-4));margin-top:var(--space-2)}.model-director-output small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.model-director-panel>a{width:100%;justify-content:center}@media (hover:hover) and (pointer:fine){.model-director-routes button:hover:not([aria-selected=true]){background:var(--bg-hover);color:var(--text-primary)}}@media (max-width:45rem){.model-input-director{padding:var(--space-4)}.model-director-routes button{min-width:calc(var(--space-20) + var(--space-12))}}@container (max-width: 45rem){.model-director-flow{grid-template-columns:1fr}.model-director-inputs:has(>div:nth-child(2)){display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.model-director-inputs:has(>div:nth-child(2))::-webkit-scrollbar{display:none}.model-director-inputs:has(>div:nth-child(2))>div{flex:0 0 100%;scroll-snap-align:center}}