.studio-panel{border:1px solid var(--brand-border);background:var(--brand-surface);overflow-wrap:anywhere;border-radius:24px;width:100%;margin:auto;padding:clamp(18px,3vw,38px);line-height:1.5}.studio-panel h1{letter-spacing:.02em;margin:9px 0;font-size:clamp(30px,5vw,46px)}.studio-panel h2{margin:0 0 18px;font-size:23px}.studio-panel h3{margin:0;font-size:17px}.studio-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:28px;display:flex}.studio-head p{margin:5px 0 0}.studio-head nav{flex-wrap:wrap;gap:16px;display:flex}.studio-navigation{grid-template-columns:repeat(var(--site-columns), minmax(0, 1fr));gap:16px;margin-bottom:24px;display:grid}.studio-navigation section{border:1px solid var(--brand-border);background:var(--brand-tint);border-radius:12px;flex-wrap:wrap;grid-column:span 4;align-content:start;gap:0 16px;padding:16px;display:flex}.studio-navigation h2{width:100%;margin:0 0 4px;font-size:1rem;font-weight:700}.studio-navigation a{align-items:center;min-height:40px;display:inline-flex}@media (min-width:640px) and (max-width:1023px){.studio-navigation section:last-child{grid-column:span 8}}.studio-panel a{color:var(--brand-action);text-decoration:underline}:is(.studio-panel a:focus-visible,.studio-panel button:focus-visible,.studio-panel input:focus-visible){outline:3px solid var(--brand-action);outline-offset:3px}.studio-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.studio-section{background:var(--brand-tint);border:1px solid var(--brand-border);border-radius:16px;min-width:0;padding:clamp(18px,3vw,28px)}.studio-form{gap:10px;margin:0 0 20px;display:grid}.studio-form label{color:var(--brand-ink);font-size:14px;font-weight:600}.studio-panel input{background:var(--brand-surface);width:100%;min-width:0;color:var(--brand-ink);border:1px solid var(--brand-control-border);font:inherit;border-radius:8px;padding:11px 13px}.studio-panel input[type=file]{overflow-wrap:anywhere;font-size:13px}.studio-panel button{cursor:pointer;max-width:100%}.studio-panel button:disabled{cursor:not-allowed;opacity:.5}.studio-panel button.danger{border-color:var(--brand-error);color:var(--brand-error);background:0 0}.studio-projects{gap:9px;display:grid}.studio-projects button{text-align:left;background:var(--brand-surface);border-color:var(--brand-control-border);color:var(--brand-ink);overflow-wrap:anywhere;justify-content:start}.studio-projects button.is-active{background:var(--brand-tint);border-color:var(--brand-action)}.studio-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:15px 0;display:flex}.studio-asset-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.studio-asset-list li{border:1px solid var(--brand-border);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;min-width:0;padding:14px;display:flex}.studio-asset-list strong{word-break:break-all}.studio-asset-list p{margin:5px 0 0;font-size:13px}.studio-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.studio-actions button{padding:8px;font-size:13px}.studio-preview{border:1px solid var(--brand-border);border-radius:12px;margin-top:18px;padding:18px}.studio-preview img{object-fit:contain;background:var(--brand-gray);border-radius:8px;max-width:100%;max-height:420px;margin:15px auto;display:block}.studio-preview a{margin-top:10px;display:inline-block}.studio-alert,.studio-message{border:1px solid var(--brand-control-border);border-radius:10px;max-width:none;margin-top:20px;padding:14px 18px}.studio-alert{border-color:var(--brand-error);color:var(--brand-error)}.studio-error{color:var(--brand-error);font-size:13px}.studio-detail{margin:0;font-size:13px}.studio-panel progress{width:100%;accent-color:var(--brand-action);display:block}@media (max-width:720px){.studio-layout{grid-template-columns:1fr}.studio-head{flex-direction:column}.studio-asset-list li{flex-direction:column;align-items:start}.studio-actions{justify-content:flex-start}}.studio-generation{border:1px solid var(--brand-border);background:var(--brand-tint);border-radius:12px;margin-top:22px;padding:18px}.studio-generation>p{color:var(--brand-ink);font-size:14px}.studio-quote{border:1px solid var(--brand-control-border);border-radius:10px;margin-bottom:12px;padding:12px}.studio-panel select,.studio-panel textarea{background:var(--brand-surface);width:100%;min-width:0;color:var(--brand-ink);border:1px solid var(--brand-control-border);font:inherit;border-radius:8px;padding:11px 13px}:is(.studio-panel select:focus-visible,.studio-panel textarea:focus-visible){outline:3px solid var(--brand-action);outline-offset:3px}.studio-waveform{background:var(--brand-surface);border:1px solid var(--brand-control-border);width:100%;height:100px;color:var(--brand-ink);border-radius:8px;display:block}.studio-waveform line{stroke:currentColor;stroke-width:.5px}.studio-waveform-range{fill:var(--brand-orange);fill-opacity:.35}.studio-waveform-sliders{gap:10px;display:grid}.studio-waveform-sliders label{gap:4px;display:grid}.studio-waveform-sliders input[type=range]{width:100%;accent-color:var(--brand-action);padding:0}
