.studio-main{max-width:1150px;margin:auto;padding:35px 24px 60px}.studio-heading{max-width:780px;margin:0 0 32px}.studio-heading h1{font-size:clamp(34px,5vw,56px);margin:13px 0 18px}.studio-heading p{margin-top:12px}.studio-main>.panel{margin:24px 0}.studio-status{padding:14px 18px;border:1px solid #b2935c;border-radius:12px;background:#0c2638;margin:20px 0;overflow-wrap:anywhere}.studio-status[data-error=true]{border-color:#f8a48f}.theme-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.theme-presets button{display:flex;flex-direction:column;align-items:flex-start;min-height:106px;text-align:left}.theme-presets .swatches{display:flex;gap:6px}.theme-presets i{width:25px;height:25px;border:1px solid #ffffff66;border-radius:50%}.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:25px}.studio-grid form{display:grid;gap:20px;margin-top:22px}.color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-fields input{padding:3px;height:55px;cursor:pointer}.studio-preview-wrap{position:sticky;top:20px;align-self:start;min-width:0}.studio-preview-wrap>p{margin:12px 0}.theme-preview{--personal-bg:#071527;--personal-surface:#132740;--personal-accent:#efbf67;--personal-ink:#ffffff;--personal-panel-ink:#ffffff;--personal-button-ink:#071018;--personal-size:16px;--personal-radius:32px;--personal-space:22px;--personal-font:system-ui,sans-serif;background:var(--personal-bg)!important;color:var(--personal-ink)!important;border:3px solid var(--personal-accent)!important;border-radius:var(--personal-radius)!important;padding:25px 20px;font:var(--personal-size)/1.65 var(--personal-font);box-shadow:0 15px 50px #0004}.theme-preview h2{font-size:1.65em!important;margin:16px 0!important;color:var(--personal-ink)!important}.theme-preview h3{color:var(--personal-panel-ink)!important;font-size:1.1em!important}.theme-preview p{font-size:1em!important;color:inherit!important}.preview-speaker{height:5px;width:65px;border-radius:9px;margin:0 auto 25px;background:var(--personal-accent)}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.theme-preview[data-layout=list] .preview-cards{grid-template-columns:1fr}.preview-card{padding:var(--personal-space);background:var(--personal-surface)!important;color:var(--personal-panel-ink)!important;border:1px solid var(--personal-accent);border-radius:var(--personal-radius);min-width:0}.preview-card span{font-size:27px}.preview-button{display:block;text-align:center;padding:12px;border-radius:12px;background:var(--personal-accent)!important;color:var(--personal-button-ink)!important;font-weight:700}.theme-preview small{display:block;text-align:center;margin-top:15px;color:var(--personal-ink)!important}.studio-ai label,.studio-ai p,.studio-ai details{margin-top:18px}.device-ai{border:1px solid #ac8c5380;border-radius:12px;padding:18px}.device-ai summary{cursor:pointer;min-height:44px}.file-picker{position:relative;overflow:hidden}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio-main textarea{min-height:140px}#ai-prompt,#theme-json{font:14px/1.6 ui-monospace,monospace;white-space:pre-wrap;min-height:180px}#prompt-area[hidden],#cancel-ai[hidden]{display:none}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;gap:15px}.tool-card .actions{margin-top:auto}.tool-card .tool-icon{font-size:32px}.studio-main :is(label,button,a){overflow-wrap:anywhere}@media(max-width:700px){.studio-main{padding:24px 16px 45px}.studio-grid,.tools-grid{grid-template-columns:1fr}.studio-preview-wrap{position:static}.theme-presets{grid-template-columns:1fr 1fr}.studio-heading h1{font-size:35px}.studio-main .panel{padding:19px}.preview-card{padding:14px}.studio-main .form-grid{grid-template-columns:1fr 1fr}.top-inner{gap:8px}.top-inner .brand b{font-size:20px}}@media(max-width:370px){.studio-main .form-grid{grid-template-columns:1fr}.theme-presets button{padding:10px}.color-fields{gap:7px}}