.generator-workspace{width:100%;max-width:1040px;margin:0 auto}.generator-history{order:3;margin-top:8px}.generator-history-toggle{font-size:14px;width:fit-content;border-radius:8px;padding:0 8px}.generator-history[data-open=true] .generator-history-chevron{transform:rotate(180deg)}.generator-history-toggle:hover{color:#fff;background:#ffffff08}.generator-history-toggle:focus-visible{outline:2px solid #c084fc}.generator-history-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:4px 0 8px}.generator-history-items>p{padding:12px 6px}.generator-main{min-width:0;display:flex;flex-direction:column;min-height:calc(100svh - 164px)}.generator-stage{flex:1;display:flex;align-items:center;min-height:0;max-width:1040px;width:100%;margin:0 auto}.generator-example-media{height:clamp(96px,18svh,200px)}.generator-output-media{height:min(48svh,440px)}.generator-composer{margin:16px auto 0;flex-shrink:0;width:100%;max-width:1040px;background:#202020;order:2}.generator-composer>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.generator-composer>div:has(.generator-clear){grid-template-columns:minmax(0,1fr) auto auto}.generator-composer>div>div:first-child,.generator-fields,.generator-submit{display:contents}.generator-fields>div:first-child{grid-column:1 / -1}.generator-prompt label,.generator-prompt p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.generator-prompt textarea{background:transparent;border:0;border-radius:var(--p2-radius-control);padding:12px 8px;field-sizing:content;min-height:96px;max-height:min(320px,35svh);overflow-y:auto;resize:vertical;color:var(--p2-text-strong)}.generator-prompt textarea:focus-visible{outline:1px solid var(--p2-accent-rule);outline-offset:0;box-shadow:none}.generator-toolbar>button,.generator-toolbar>label,.generator-toolbar>div>button,.generator-toolbar>[data-pipeline-field]>div>button,.generator-submit>.generator-clear{border-color:transparent;background:transparent}.generator-toolbar>button:hover,.generator-toolbar>label:hover,.generator-toolbar>div>button:hover,.generator-toolbar>[data-pipeline-field]>div>button:hover,.generator-submit>.generator-clear:hover{background:#ffffff0d}.generator-toolbar{grid-column:1;grid-row:2;align-self:start;gap:8px;margin-top:16px}.generator-toolbar>div{min-width:0;max-width:100%;flex-shrink:0}.generator-settings-panel{grid-column:1 / -1;grid-row:3;margin-top:16px}.generator-settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.generator-settings-close{display:flex;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:8px;color:#fff9}.generator-settings-close:hover{background:#ffffff0d;color:#fff}.generator-settings-close:focus-visible{outline:2px solid #c084fc;outline-offset:2px}.generator-model-panel{max-height:var(--anchor-max-height);overflow-y:auto}.generator-submit>p{max-width:75ch}.generator-submit>button:not(.generator-clear){grid-column:2;grid-row:2;align-self:start;width:auto;min-width:160px;margin-top:16px}.generator-submit>p{grid-column:1 / -1;margin-top:8px}.generator-reference-panel label.cursor-pointer{min-height:44px}@media(max-width:1023px){.generator-composer>div,.generator-composer>div>div:first-child,.generator-fields,.generator-submit{display:block}.generator-submit{margin-top:16px}.generator-history{order:0}.generator-main{min-height:0}.generator-stage{order:1;min-height:0;margin-top:16px}.generator-stage h2{font-size:20px}.generator-output-media{height:min(42svh,360px)}.generator-history-items{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-composer{order:-1;margin-top:0}.generator-toolbar{padding-right:0}.generator-toolbar>button,.generator-toolbar>label,.generator-toolbar>div>button,.generator-toolbar>[data-pipeline-field]>div>button{padding-left:8px;padding-right:8px;font-size:14px}.generator-submit>button:not(.generator-clear){position:static;width:100%}.generator-submit>p{padding-right:0}}@media(min-width:1024px)and (max-height:650px){.generator-main{min-height:0}.generator-composer{order:-1;margin-top:0}.generator-stage{margin-top:16px}}@media(max-width:639px){.generator-prompt textarea{font-size:16px;line-height:1.5}.generator-input-row{flex-direction:column;align-items:stretch}.generator-prompt{width:100%}.generator-attachments{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding:12px;margin:-12px}.generator-examples{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px}.generator-examples>div{scroll-snap-align:start}.generator-example-media{height:auto;aspect-ratio:16 / 9}}@media(min-width:1024px)and (max-width:1279px){.generator-toolbar{gap:8px}.generator-toolbar>button,.generator-toolbar>label,.generator-toolbar>div>button,.generator-toolbar>[data-pipeline-field]>div>button{padding-left:8px;padding-right:8px;gap:8px}.generator-toolbar>div:has(button[aria-label]){max-width:180px}}@media(max-width:1023px){.generator-toolbar>label select{width:auto;max-width:calc(100% - 48px);field-sizing:content;padding-right:0;text-align:center;text-align-last:center}.generator-toolbar>label>svg:last-child{position:static;flex-shrink:0}}.generator-submit>.generator-clear{grid-column:3;grid-row:2;margin-top:16px}@media(max-width:1023px){.generator-submit{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.generator-submit:has(.generator-clear){grid-template-columns:minmax(0,1fr) auto}.generator-submit>button:not(.generator-clear){grid-column:1;grid-row:1;margin:0}.generator-submit>.generator-clear{grid-column:2;grid-row:1;margin:0}}.pipeline-form-main{min-height:0}.pipeline-form-main>.generator-composer{margin-top:0}.pipeline-form-main>p{order:-2}@media(min-width:1024px){.generator-toolbar{flex-wrap:wrap;gap:8px;min-width:0}.generator-toolbar>button,.generator-toolbar>label{min-width:0;padding-inline:8px;gap:8px;white-space:nowrap}.generator-toolbar>button[aria-label]{max-width:180px;flex-shrink:1}.generator-toolbar>label{flex-shrink:0}.generator-toolbar>label select{width:auto;field-sizing:content;padding-right:18px}.generator-submit>button:not(.generator-clear){min-width:0;padding-inline:16px;white-space:nowrap}}.generator-submit>.generator-required{padding-inline:8px;margin-top:16px}.pipeline-task-inputs{padding:0}.pipeline-task-media label.cursor-pointer{min-height:44px}.pipeline-task-inputs textarea{min-height:96px}.generator-toolbar [data-pipeline-field] button{max-width:100%;min-width:0}.generator-toolbar [data-pipeline-field] button>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-field-highlight :is(textarea,input:not([type=file]):not([type=hidden]),select,label.cursor-pointer,[role=checkbox]){animation:pipeline-field-highlight 1.4s ease-out}@keyframes pipeline-field-highlight{0%,35%{background-color:var(--p2-accent-soft);box-shadow:0 0 0 1px var(--p2-accent-rule)}to{background-color:transparent;box-shadow:0 0 0 1px transparent}}@media(prefers-reduced-motion:reduce){.pipeline-field-highlight :is(textarea,input:not([type=file]):not([type=hidden]),select,label.cursor-pointer,[role=checkbox]){animation-timing-function:steps(1,end)}}.generator-status{order:-2;margin-bottom:16px}.generator-main:has(>.generator-status)>.generator-composer{margin-top:0}.generator-viewing-run{min-height:0}.generator-viewing-run>.generator-stage{order:-2;flex:none;margin:0 0 16px}.generator-viewing-run>.generator-history{order:-1;margin:0 0 16px}.generator-viewing-run>.generator-composer{order:0;margin-top:0}.generator-output,.generator-status{scroll-margin-top:160px}.generator-output footer button,.generator-output footer a{white-space:nowrap}.generator-history-pagination{margin:0}.generator-history-pagination button{min-width:44px;min-height:44px;padding:0 8px}.api-code pre{background:transparent!important;margin:0;padding:1rem;overflow-x:auto;font-size:var(--p2-type-3);line-height:1.7}@media(max-width:639px){.api-code-shell{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent)}}#api code,#api .api-code pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.api-code code{counter-reset:api-code-line}.api-code .line{display:inline-block;min-width:100%}.api-code .line:before{counter-increment:api-code-line;content:counter(api-code-line);display:inline-block;width:2ch;margin-right:1rem;color:#ffffff47;font-variant-numeric:tabular-nums;text-align:right;user-select:none}.api-section-tab[aria-selected=true]{border-bottom-color:#c084fcd9;color:var(--p2-text-strong)}.lang-panel{display:none}#lang-typescript:checked~.lang-panel-typescript,#lang-python:checked~.lang-panel-python,#lang-go:checked~.lang-panel-go,#lang-cli:checked~.lang-panel-cli{display:block}#lang-typescript:checked~.lang-control .lang-tabs label[for=lang-typescript],#lang-python:checked~.lang-control .lang-tabs label[for=lang-python],#lang-go:checked~.lang-control .lang-tabs label[for=lang-go],#lang-cli:checked~.lang-control .lang-tabs label[for=lang-cli]{background-color:#ffffff12;color:#e9d5ff}#lang-typescript:focus-visible~.lang-control .lang-tabs label[for=lang-typescript],#lang-python:focus-visible~.lang-control .lang-tabs label[for=lang-python],#lang-go:focus-visible~.lang-control .lang-tabs label[for=lang-go],#lang-cli:focus-visible~.lang-control .lang-tabs label[for=lang-cli]{outline:1px solid rgb(255 255 255 / .4);outline-offset:2px}@supports not (selector(:checked ~ *)){.lang-panel{display:block}}@media(prefers-reduced-motion:reduce){#api *,#api *:before,#api *:after{transition-duration:.01ms!important}}.pipeline-index{transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),backdrop-filter .22s cubic-bezier(.16,1,.3,1)}.pipeline-index[data-stuck]{border-bottom-color:#ffffff0d;background:#0e0b1285;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(prefers-reduced-motion:reduce){.pipeline-index{transition-duration:0ms}}.pipeline-index-link[data-current]{color:#ffffffe0}.pipeline-index-link[data-current]:after{transform:scaleX(1)}.recipe-chain{display:grid;gap:0}.recipe-step{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:.75rem;padding-bottom:.75rem;text-align:left}.recipe-step:last-child{padding-bottom:0}.recipe-step:not(:last-child):after{position:absolute;top:1.5rem;bottom:0;left:.71875rem;width:1px;content:"";background:#c084fc3d}.recipe-step>span:last-child{margin-top:.125rem}.recipe-node{margin-inline:0;transition:color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--recipe-step-index) * 45ms)}.recipe-runway:focus-visible .recipe-node{color:var(--p2-accent-hover);border-color:#c084fccc;background:#9333ea24}@media(hover:hover){.recipe-runway:hover .recipe-node{color:var(--p2-accent-hover);border-color:#c084fccc;background:#9333ea24}}@media(min-width:640px){.recipe-chain{grid-auto-flow:column;grid-auto-columns:minmax(6.5rem,1fr);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:rgba(255,255,255,.16) transparent;scrollbar-width:thin}.recipe-chain::-webkit-scrollbar{height:4px}.recipe-chain::-webkit-scrollbar-thumb{border-radius:9999px;background:#ffffff29}.recipe-step{display:block;padding-bottom:0;text-align:center}.recipe-node{margin-inline:auto}.recipe-step>span:last-child{margin-top:.5rem}.recipe-step:not(:last-child):before,.recipe-step:not(:last-child):after{position:absolute;top:.6875rem;right:calc(-50% + .75rem);bottom:auto;left:calc(50% + .75rem);width:auto;height:1px;content:""}.recipe-step:not(:last-child):after{background:#c084fc52}.recipe-step:not(:last-child):before{z-index:1;background:#c084fcd1;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--recipe-step-index) * 45ms)}.recipe-runway:focus-visible .recipe-step:not(:last-child):before{transform:scaleX(1)}}@media(min-width:640px)and (hover:hover){.recipe-runway:hover .recipe-step:not(:last-child):before{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.recipe-node,.recipe-step:not(:last-child):before{transition-duration:0ms;transition-delay:0ms}}
