.studio{max-width:1200px;margin:0 auto;padding:32px 0 72px}.studio-heading{border-bottom:1px solid var(--color-line-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.studio-heading>div{align-items:center;gap:14px;display:flex}.studio-heading h1{margin:0;font-size:28px}.studio-heading span,.studio-meta,.studio-note{color:var(--color-text-muted);font-size:13px}.studio-heading p{text-align:right;margin:0;font-size:14px}.studio-heading small{color:var(--color-text-muted);margin-top:5px;display:block}.studio-canvas{background:var(--color-surface-2);border:1px solid var(--color-line);place-items:center;min-height:360px;margin:24px 0;display:grid}.studio-canvas>a{justify-content:center;max-width:100%;display:flex}.studio-canvas img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:560px}.studio-empty{text-align:center;max-width:580px;padding:40px 20px}.studio-empty h2{margin:14px 0;font-size:25px;font-weight:600}.studio-empty p{color:var(--color-text-muted);line-height:1.7}.studio-empty a{text-underline-offset:4px;font-size:14px}.studio-mark{color:var(--color-text-muted);font-size:54px}.studio-composer{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:24px}.studio-composer>label{color:var(--color-text-muted);font-size:13px}.studio-composer textarea{color:inherit;resize:vertical;width:100%;min-height:115px;max-height:500px;font:inherit;background:0 0;border:0;margin:0 0 10px;padding:12px 0;font-size:16px;line-height:1.7;display:block}.studio-composer textarea:focus-visible{outline:2px solid var(--color-text);outline-offset:6px;border-radius:var(--radius-xs)}.studio-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.studio-controls select,.studio-model{border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);background:var(--color-surface);color:inherit;min-height:var(--tap-min);font:inherit;padding:10px 12px}.studio-controls .btn{min-width:170px;margin-left:auto}.studio-note{margin:14px 0 0;line-height:1.6}.studio-error{color:var(--color-danger);font-size:14px}.studio-history{margin-top:48px}.studio-history h2{margin-bottom:20px;font-size:22px}.studio-history>p{color:var(--color-text-muted)}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.studio-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.studio-card>div{padding:16px}.studio-thumb{aspect-ratio:4/3;background:var(--color-surface-2);cursor:pointer;width:100%;color:inherit;border:0;place-items:center;display:grid}.studio-thumb img{object-fit:contain;width:100%;height:100%}.studio-thumb span{color:var(--color-text-muted);padding:16px;font-size:14px}.studio-prompt{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.studio-meta{line-height:1.6}.studio-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.studio-actions a{min-height:var(--tap-min);text-underline-offset:3px;align-items:center;display:inline-flex}.studio-denied{max-width:600px;min-height:40vh;margin:80px auto}.studio-denied p{color:var(--color-text-muted);margin:16px 0 24px;line-height:1.7}.studio button:disabled{cursor:wait;opacity:.55}@media (width<=700px){.studio{padding-top:20px}.studio-heading>div{gap:9px}.studio-heading h1{font-size:24px}.studio-heading p{font-size:13px}.studio-canvas{min-height:280px;margin:18px 0}.studio-empty{padding:24px 8px}.studio-canvas img{max-height:55vh}.studio-composer{border-radius:var(--radius-md);padding:16px}.studio-controls{gap:8px}.studio-model{flex-basis:100%}.studio-controls select{font-size:16px}.studio-controls .btn{flex-basis:100%;margin:6px 0 0}.studio-grid{grid-template-columns:1fr}.studio-history{margin-top:32px}}@media (prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto}}.studio-references{margin:8px 0 20px}.studio-reference-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-reference-controls label{cursor:pointer;font-size:13px;position:relative}.studio-reference-controls label:focus-within{outline:2px solid var(--color-text);outline-offset:3px}.studio-reference-controls label:has(input:disabled){opacity:.55;cursor:default}.studio-reference-list{flex-wrap:wrap;gap:12px;margin:14px 0;padding:0;list-style:none;display:flex}.studio-reference-list li{border:1px solid var(--color-line);background:var(--color-surface-2);width:96px;height:96px;position:relative}.studio-reference-list img{object-fit:contain;width:100%;height:100%}.studio-reference-list span{background:var(--color-surface);padding:2px 7px;font-size:12px;position:absolute;bottom:0;left:0}.studio-reference-list button{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:22px;position:absolute;top:0;right:0}