.studio-page{max-width:1380px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 28px}.studio-heading h1{font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0}.studio-heading p{color:var(--muted);font-size:1rem;line-height:1.6;max-width:600px}.studio-badge{flex-shrink:0;padding:11px 16px;background:var(--blue-soft,#eef6ff);border:1px solid var(--line);border-radius:30px;font-size:.85rem;color:var(--blue)}.studio-tabs{border-bottom:1px solid var(--line);padding-bottom:20px}.studio-tabs span{padding:2px 8px;border-radius:20px;background:var(--surface-alt);font-size:.8rem;margin-left:7px;color:var(--muted)}.studio-workspace{grid-template-columns:1fr 1.05fr;gap:24px}.studio-workspace .tool-form{padding:26px}.studio-step{display:flex;align-items:center;gap:12px;margin-bottom:18px}.studio-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--blue-soft,#eef6ff);color:var(--blue);font-size:.75rem;font-weight:700}.studio-step h2{margin:0;font-size:1.35rem}.studio-page #studio-idea{min-height:154px;background:var(--surface-alt);font-size:1.05rem}.studio-examples{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px;align-items:center}.studio-examples>span{font-size:.75rem;color:var(--muted);width:100%;margin-bottom:2px}.studio-examples button,.studio-library-shortcuts button{font:inherit;border:1px solid var(--line);border-radius:24px;background:var(--surface-ffffff);color:var(--ink);padding:7px 12px;font-size:.8rem;cursor:pointer}.studio-examples button:hover,.studio-library-shortcuts button:hover{border-color:var(--blue);color:var(--blue)}.studio-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-page label{font-size:.875rem;font-weight:600}.studio-selects label,.studio-page #studio-work-wrap{display:grid;gap:7px}.studio-page #studio-work-wrap{margin-top:16px}.studio-page #studio-intent{font-size:.78rem;color:var(--muted);margin:12px 0 20px}.studio-mode{border:0;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-mode legend{font-size:.875rem;font-weight:600;margin-bottom:10px}.studio-mode label{position:relative;cursor:pointer}.studio-mode input{position:absolute;opacity:0;width:1px!important;height:1px!important;padding:0!important}.studio-mode span{display:grid;gap:4px;padding:13px 6px;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-ffffff)}.studio-mode strong{font-size:.875rem}.studio-mode small{font-weight:400;font-size:.75rem;color:var(--muted)}.studio-mode input:checked+span{border-color:var(--blue);background:var(--blue-soft,#eaf4ff);box-shadow:0 0 0 1px var(--blue);color:var(--blue)}.studio-mode input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.studio-advanced{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 16px;padding:16px 0}.studio-advanced>summary{cursor:pointer;font-size:.875rem;font-weight:600}.studio-advanced>summary>span{float:right;font-weight:400;color:var(--muted);font-size:.75rem}.studio-field-group{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:13px}.studio-field-group>summary{font-size:.85rem;font-weight:600;cursor:pointer}.studio-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.studio-field-grid label{display:grid;gap:7px;font-size:.8rem}.studio-field-grid input{font-size:.875rem;padding:10px}.studio-generate{width:100%;justify-content:space-between;margin-top:4px}.studio-local{font-size:.75rem;color:var(--muted);line-height:1.6;margin:14px 0 0}.studio-result{position:sticky;top:20px;padding:26px;box-shadow:0 10px 40px #14365d08}.studio-result h2{margin:7px 0;font-size:1.25rem}.studio-result-meta{font-size:.75rem;color:var(--muted);padding:10px 0 18px}.studio-empty{min-height:295px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:12px;background:var(--surface-alt);padding:25px}.studio-empty>span{font-size:42px;color:var(--blue);margin-bottom:10px}.studio-empty h3{font-size:1.1rem;margin:8px 0}.studio-empty p{font-size:.875rem;color:var(--muted);line-height:1.65;max-width:300px}.studio-page #studio-output{min-height:370px;max-height:650px;font-size:.9rem;line-height:1.65;background:var(--surface-alt)}.studio-output-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin:8px 0 18px}.studio-primary-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:9px}.studio-primary-actions button{justify-content:center}.studio-actions{margin-top:12px;gap:7px}.studio-actions .button{font-size:.8rem;padding:8px 10px}.studio-page button:disabled{opacity:.45;cursor:not-allowed}.studio-result-bottom{display:flex;justify-content:space-between;gap:8px;margin:20px 0 0}.studio-result-bottom button{border:0;background:transparent;padding:0;color:var(--muted);font:inherit;font-size:.75rem;text-decoration:underline;cursor:pointer}.studio-page #studio-status{font-size:.8rem;color:var(--blue);line-height:1.5;margin:14px 0 0}.studio-page #studio-warnings{border:1px solid #e0b365;background:#fff7e5;color:#694b17;padding:12px;border-radius:10px;font-size:.8rem;line-height:1.5;margin:10px 0}.studio-page #studio-warnings p{margin:4px 0}.studio-page #studio-input-error{font-size:.85rem;color:#b43b35}.studio-library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 24px}.studio-library-heading h2{font-size:1.8rem;margin:10px 0}.studio-library-heading p{color:var(--muted);font-size:.95rem}.studio-library-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.studio-library-shortcuts button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--blue-soft,#eaf4ff)}.studio-library-controls{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:14px;padding:22px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--line)}.studio-library-controls label{display:grid;gap:7px;font-size:.8rem}.studio-library-controls input,.studio-library-controls select{background:var(--surface-ffffff);font-size:.9rem}.studio-page #studio-library-count{font-size:.85rem;color:var(--muted);margin:22px 0}.studio-library-card{display:flex;flex-direction:column;min-width:0}.studio-library-card>p{flex:1}.studio-library-card small{font-size:.75rem;color:var(--muted);line-height:1.5}.studio-library-card .prompt-actions{margin-top:12px}.studio-page dialog{background:var(--surface-ffffff);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto}.studio-page dialog::backdrop{background:#0b1a3270;backdrop-filter:blur(3px)}.studio-page dialog label{display:grid;gap:8px;margin:20px 0}.studio-page dialog pre{white-space:pre-wrap;font:inherit;font-size:.875rem;line-height:1.65;background:var(--surface-alt);padding:18px;border-radius:12px;max-height:50vh;overflow:auto}.studio-page :focus-visible{outline:3px solid var(--blue);outline-offset:3px}.studio-page [hidden]{display:none!important}:root[data-theme=dark] .studio-badge,:root[data-theme=dark] .studio-mode input:checked+span,:root[data-theme=dark] .studio-library-shortcuts button[aria-pressed=true],:root[data-theme=dark] .studio-step>span{background:#14304d;color:#70bfff}:root[data-theme=dark] .studio-page #studio-warnings{background:#352917;color:#f5d28b;border-color:#75603b}
@media(max-width:950px){.studio-workspace{grid-template-columns:1fr}.studio-result{position:static}.studio-heading{align-items:start}.studio-badge{display:none}}@media(max-width:600px){.studio-heading h1{font-size:2.2rem}.studio-workspace .tool-form,.studio-result{padding:19px}.studio-selects,.studio-field-grid{grid-template-columns:1fr}.studio-library-controls{grid-template-columns:1fr;padding:16px}.studio-library-heading{display:block}.studio-library-heading button{margin-top:12px}.studio-tabs{gap:8px}.studio-tabs .button{font-size:.85rem;padding:11px}.studio-mode span{padding:12px 4px}.studio-mode small{font-size:.7rem}.studio-page #studio-output{font-size:16px}.studio-page dialog{padding:20px}.studio-result-bottom{flex-wrap:wrap}.studio-page .prompt-grid{grid-template-columns:1fr}.studio-actions .button{flex:1 1 auto}.studio-advanced>summary>span{float:none;margin-left:8px}}@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep both original panels and every action; refine their surrounding hierarchy. */
.studio-page{padding-top:42px}.studio-heading{margin-bottom:26px;align-items:center}.studio-heading h1{letter-spacing:-.04em;line-height:1.15;font-size:clamp(2rem,4vw,3rem)}.studio-heading p{max-width:52ch;color:var(--muted);line-height:1.7}.studio-workspace{gap:28px;margin-top:24px}.studio-page .studio-tabs{margin-bottom:24px}.studio-page :is(button,.chip){transition:background-color .18s,border-color .18s;box-shadow:none}.studio-page :is(button,textarea,select,input):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.studio-page .studio-empty{border-style:solid;border-color:var(--line);background:transparent;line-height:1.7}.studio-page .studio-empty p{max-width:32ch;margin-inline:auto}.studio-page .prompt-card{box-shadow:none}.studio-context{border-top:1px solid var(--line);padding-top:24px}
@media(max-width:600px){.studio-page{padding-top:26px}.studio-heading{gap:16px}.studio-workspace{gap:20px}}