[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(--ring);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}}
