.studio-page{max-width:1180px;margin:auto;padding:2rem 5vw 5rem}.studio-result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:1rem 0 3rem}.studio-result img,.studio-page .article-card img{width:100%;height:auto;border-radius:16px}.studio-page h2{margin-top:2rem}.studio-page p,.studio-page li{line-height:1.8;max-width:78ch}.studio-page li{margin:.7rem 0}.studio-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.studio-page label{display:block;margin:.8rem 0}.studio-page input:not([type=checkbox]),.studio-page select{width:100%;padding:.75rem;border:1px solid #9ca590;border-radius:8px;background:#fff;color:#263729;font:inherit;box-sizing:border-box}.studio-page canvas,.studio-page video,.studio-page svg{width:100%;height:auto;max-width:960px;border-radius:12px;background:#e9ecdf;display:block}.studio-page #studioImagePreview{max-width:240px}.studio-tool,.studio-next,.studio-intro{padding:1.5rem;border:1px solid #c0c8b5;border-radius:18px;background:#f0f1e7;margin:2rem 0}.studio-state{font-size:.9rem;color:#4c5f48}.studio-page fieldset{border:1px solid #a2af98;border-radius:12px;padding:1rem;margin:1rem 0}.studio-page a[hidden],.studio-page video[hidden]{display:none}.studio-page button{cursor:pointer;padding:.75rem 1rem;border-radius:8px}.studio-page [role=status]{min-height:1.8em}.studio-page summary{cursor:pointer;padding:1rem;background:#e5eadb}.studio-page .tool-links{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:720px){.studio-result{grid-template-columns:1fr;gap:1rem}.studio-tool,.studio-next{padding:1rem}.studio-page{padding:1rem 5vw 3rem}.studio-fields{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important}}