.image-generation{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.image-generation-result{opacity:0;filter:blur(16px);flex-direction:column;flex:1;min-height:0;padding:0;transition:padding 1.4s ease-out,opacity 1.4s ease-out,filter 1.6s cubic-bezier(.22,.61,.36,1);display:flex}.image-generation-result[data-ready=true]{padding:var(--generation-result-inset,0px);opacity:1;filter:none}.image-generation-result[data-failed=true]{transition:none}.image-generation-progress{z-index:2;pointer-events:none;width:100%;height:100%;transition:opacity .3s ease-out .65s;position:absolute;inset:0;overflow:hidden}.image-generation-progress>rect{fill:none;stroke-width:1.5px;width:calc(100% - 2px);height:calc(100% - 2px)}.image-generation-progress-track{stroke:color-mix(in srgb,var(--foreground)8%,transparent)}.image-generation-progress-line{stroke:color-mix(in srgb,var(--foreground)65%,transparent);stroke-linecap:round;transition:stroke-dasharray .6s ease-out}.image-generation-progress[data-complete=true]{opacity:0}.image-generation-progress[data-waiting=true] .image-generation-progress-line{animation:2.2s ease-in-out infinite generation-border-breathe}.image-generation-progress[data-failed=true]{display:none}@keyframes generation-border-breathe{0%,to{stroke-opacity:1}50%{stroke-opacity:.35}}.image-generation-placeholder{flex-direction:column;gap:14px;transition:opacity 1.4s ease-out;display:flex;position:absolute;inset:0}.image-generation-placeholder[data-complete=true]{pointer-events:none;opacity:0}.image-generation-placeholder[data-failed=true]{transition:none}.image-generation-stage{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.image-generation-frame{width:min(100cqw,calc(100cqh*var(--generation-ratio)));aspect-ratio:var(--generation-ratio);background:var(--muted,#f3f3f2);border-radius:12px;position:relative;overflow:hidden}.image-generation-dots{width:100%;height:100%;color:var(--foreground,#171917);position:absolute;inset:0}.image-generation-resolution{color:var(--muted-foreground);background:color-mix(in srgb,var(--background)75%,transparent);border-radius:12px;padding:3px 7px;font:10px/1.4 ui-monospace,monospace;position:absolute;top:8px;right:8px}.image-generation-caption{flex-shrink:0;min-width:0}.image-generation-status{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.image-generation-mark{grid-template-rows:repeat(2,4px);grid-template-columns:repeat(2,4px);gap:3px;animation:2.6s cubic-bezier(.65,0,.35,1) infinite generation-mark-spin;display:grid}.image-generation-mark i{background:currentColor;border-radius:1px}.image-generation-mark i:nth-child(2),.image-generation-mark i:nth-child(3){opacity:.45}.image-generation-prompt{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);margin-top:3px;font-size:12px;overflow:hidden}@keyframes generation-mark-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.image-generation-mark{animation:none}.image-generation-result,.image-generation-placeholder,.image-generation-progress,.image-generation-progress-line{transition:none}.image-generation-progress[data-waiting=true] .image-generation-progress-line{animation:none}}
[data-playground-root=true][data-playground-generation=true] .playground-config-body{padding:24px}[data-playground-root=true][data-playground-generation=true] .playground-config-body>*+*{margin-top:16px}[data-playground-root=true][data-playground-generation=true] .playground-form-row,[data-playground-root=true][data-playground-generation=true] .playground-parameter-row{grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr);align-items:center;gap:12px;display:grid}[data-playground-root=true][data-playground-generation=true] .playground-form-row>*,[data-playground-root=true][data-playground-generation=true] .playground-parameter-row>*{margin-top:0}[data-playground-root=true][data-playground-generation=true] .playground-field-list{flex-direction:column;gap:8px;display:flex}[data-playground-root=true][data-playground-generation=true] .playground-parameter-row--reference{grid-template-columns:minmax(0,1fr);gap:8px}[data-playground-root=true][data-playground-generation=true] .playground-config-body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]){border-color:var(--border);background:var(--background);width:100%;min-width:0;box-shadow:none;border-radius:4px;font-size:13px}[data-playground-root=true][data-playground-generation=true] .playground-config-body :is([data-slot=input],[data-slot=select-trigger]){height:36px;min-height:36px}[data-playground-root=true][data-playground-generation=true] .playground-config-body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]):focus-visible{border-color:var(--foreground);outline:2px solid var(--foreground);outline-offset:-2px}[data-playground-root=true][data-playground-generation=true] :is(.playground-config-body,.playground-generate-bar,.playground-output-column) [data-slot=button],[data-playground-root=true][data-playground-generation=true] .playground-media-grid>div{border-radius:4px}[data-playground-root=true][data-playground-generation=true] .playground-config-body [data-slot=label]{font-size:12px;font-weight:500;line-height:1.5}[data-playground-root=true][data-playground-generation=true] .playground-type-tabs{background:var(--muted);border:0;border-radius:4px;padding:4px}[data-playground-root=true][data-playground-generation=true] .playground-type-tabs .model-detail-tab{min-height:36px;box-shadow:none;letter-spacing:0;text-transform:none;border:0;border-radius:4px;font-family:inherit;font-size:12px;font-weight:500}[data-playground-root=true][data-playground-generation=true] .playground-fixed-value{background:var(--muted);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:8px 12px;font-size:13px;display:flex}[data-playground-root=true][data-playground-generation=true] .playground-fixed-value span{color:var(--muted-foreground);font-size:11px}[data-playground-root=true][data-playground-generation=true] .playground-task-types{background:var(--muted);border-radius:4px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}[data-playground-root=true][data-playground-generation=true] .playground-task-type{min-height:28px;color:var(--muted-foreground);cursor:pointer;border:0;border-radius:4px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}[data-playground-root=true][data-playground-generation=true] .playground-task-type[aria-pressed=true]{color:var(--foreground);background:var(--background);box-shadow:none}[data-playground-root=true][data-playground-generation=true] .playground-task-type:focus-visible,[data-playground-root=true][data-playground-generation=true] .playground-quick-options button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-playground-root=true][data-playground-generation=true] .playground-task-type:disabled,[data-playground-root=true][data-playground-generation=true] .playground-quick-options button:disabled{cursor:not-allowed;opacity:.5}[data-playground-root=true][data-playground-generation=true] .playground-prompt{min-height:132px;padding:14px;line-height:1.7}[data-playground-root=true][data-playground-generation=true] .playground-section-title{letter-spacing:-.01em;font-size:13px;font-weight:600}[data-playground-root=true][data-playground-generation=true] .playground-settings-section,[data-playground-root=true][data-playground-generation=true] .playground-reference-section{border-top:1px solid var(--border);padding-top:16px}[data-playground-root=true][data-playground-generation=true] .playground-settings-section>*+*{margin-top:12px}[data-playground-root=true][data-playground-generation=true] .playground-parameter-row>[data-slot=label]{color:var(--muted-foreground);font-weight:400}[data-playground-root=true][data-playground-generation=true] .playground-quick-options{flex-wrap:wrap;gap:4px;display:flex}[data-playground-root=true][data-playground-generation=true] .playground-quick-options button{border:1px solid var(--border);background:var(--background);min-width:40px;min-height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:4px;flex:1;padding:6px 8px;font-size:12px;font-weight:500}[data-playground-root=true][data-playground-generation=true] .playground-quick-options button:hover,[data-playground-root=true][data-playground-generation=true] .playground-task-type:hover{color:var(--foreground)}[data-playground-root=true][data-playground-generation=true] .playground-quick-options button[aria-pressed=true]{border-color:var(--foreground);color:var(--background);background:var(--foreground)}[data-playground-root=true][data-playground-generation=true] .playground-advanced{border-top:1px solid var(--border);padding-top:14px}[data-playground-root=true][data-playground-generation=true] .playground-media-grid{background:0 0;border:0;padding:0}[data-playground-root=true][data-playground-generation=true] .playground-media-grid[data-empty=true]{display:block}[data-playground-root=true][data-playground-generation=true] .playground-media-grid>button{border-radius:4px}[data-playground-root=true][data-playground-generation=true] .playground-upload-trigger{border:1px dashed var(--border);background:color-mix(in srgb,var(--muted)45%,transparent);color:var(--muted-foreground);border-radius:4px;font-size:12px;font-weight:500;transition:border-color .12s,background-color .12s,color .12s}[data-playground-root=true][data-playground-generation=true] .playground-upload-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--foreground)40%,var(--border));background:var(--muted);color:var(--foreground)}[data-playground-root=true][data-playground-generation=true] .playground-upload-trigger:focus-visible{border-color:var(--foreground);outline:2px solid var(--ring);outline-offset:2px}[data-playground-root=true][data-playground-generation=true] .playground-upload-hint{font-size:11px;line-height:1.5}[data-playground-root=true][data-playground-generation=true] .playground-media-grid[data-empty=true]>button{aspect-ratio:auto;width:100%;min-height:80px}[data-playground-root=true][data-playground-generation=true] .playground-advanced>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:500;list-style:none;display:flex}[data-playground-root=true][data-playground-generation=true] .playground-advanced>summary::-webkit-details-marker{display:none}[data-playground-root=true][data-playground-generation=true] .playground-advanced[open] .playground-disclosure-icon{transform:rotate(180deg)}[data-playground-root=true][data-playground-generation=true] .playground-modified-count{background:var(--muted);color:var(--muted-foreground);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:400}@media (max-width:479px){[data-playground-root=true][data-playground-generation=true] .playground-config-body{padding:18px}[data-playground-root=true][data-playground-generation=true] .playground-form-row,[data-playground-root=true][data-playground-generation=true] .playground-parameter-row{grid-template-columns:minmax(0,1fr);gap:6px}[data-playground-root=true][data-playground-generation=true] .playground-field-list{gap:12px}[data-playground-root=true][data-playground-generation=true] .playground-config-body :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]){font-size:16px}[data-playground-root=true][data-playground-generation=true] .playground-generate-bar{padding:16px 18px}}[data-playground-popup=true][data-slot=select-content]{border-radius:4px}[data-playground-popup=true][data-slot=select-content] [data-slot=select-item]{border-radius:2px}[data-playground-popup=true][data-slot=dialog-content]{border-radius:4px}[data-playground-popup=true][data-slot=dialog-content] :is([data-slot=input],[data-slot=button]){border-radius:4px}[data-playground-popup=true][data-slot=popover-content].playground-model-popover{border:1px solid var(--border);box-shadow:0 12px 32px color-mix(in srgb,var(--foreground)14%,transparent);border-radius:4px}.playground-model-picker{background:var(--background);grid-template-columns:132px minmax(0,1fr);min-height:260px;max-height:360px;display:grid}.playground-provider-list,.playground-model-list{min-width:0;padding:6px;overflow-y:auto}.playground-provider-list{border-right:1px solid var(--border);background:var(--muted)}.playground-model-picker-heading{color:var(--muted-foreground);padding:6px 8px 8px;font-size:11px;font-weight:500}.playground-provider-list button,.playground-model-options button{width:100%;min-height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:8px;font-size:12px;transition:background-color .12s,color .12s;display:flex}.playground-provider-list button:hover,.playground-model-options button:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground)7%,transparent)}.playground-provider-list button:hover{background:var(--background)}.playground-provider-list button[aria-pressed=true]{color:var(--foreground);background:var(--background)}.playground-model-options button[aria-pressed=true]{color:var(--foreground);background:var(--muted)}.playground-provider-list button[aria-pressed=true]:hover{background:var(--background)}.playground-model-options button[aria-pressed=true]:hover{background:color-mix(in srgb,var(--foreground)11%,transparent)}.playground-provider-list button:focus-visible,.playground-model-options button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (max-width:479px){.playground-model-picker{grid-template-columns:minmax(0,1fr);max-height:min(440px,100vh - 7rem)}.playground-provider-list{border-right:0;border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.playground-provider-list .playground-model-picker-heading{display:none}.playground-provider-list button{width:auto;min-width:max-content}.playground-model-list{min-height:220px}}
.playground-output-card{--generation-result-inset:20px}.playground-result-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 20px;display:flex}.playground-result-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.playground-result-status{flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.playground-result-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.playground-result-cost{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;color:var(--muted-foreground);font-size:12px;overflow:hidden}.playground-result-actions>button{flex-shrink:0}.playground-output-card .image-generation-frame{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.playground-output-card .image-generation-progress>rect{rx:0}.playground-output-card .image-generation-placeholder{gap:0}.playground-result-id{color:var(--muted-foreground);min-width:0;min-height:28px;font-size:12px;font-family:var(--font-geist-mono),monospace;text-align:left;flex:0 auto;align-items:center;gap:8px;display:inline-flex}.playground-result-id>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.playground-result-id:hover{color:var(--foreground)}.playground-result-id:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:639px){.playground-output-card{--generation-result-inset:12px}.model-detail-page .playground-workspace-grid .playground-output-column[data-viewport-fit=true]{height:min(520px,70svh)}.playground-result-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 16px;display:grid}.playground-result-identity{grid-area:1/1/auto/-1}.playground-result-actions{grid-area:2/1/auto/-1}}