/* Same JECH shell, color palette, and typography as the rest of the site. */
.design-studio-page{background:#f6f6f1;color:#243c2b;font-family:'DM Sans',Arial,sans-serif}.design-studio-page main{max-width:1600px;padding:3rem var(--gutter) 4rem;grid-template-columns:minmax(0,1fr) 350px;gap:2rem}.design-studio-page .page-heading h1{font-family:var(--font-display);font-size:clamp(3rem,4.5vw,5rem);font-weight:400;letter-spacing:-.025em;line-height:1.1}.design-studio-page .page-heading p{font-size:1rem;max-width:60ch;line-height:1.65}.design-studio-page .preview-panel,.design-studio-page #selection-panel{border-radius:4px;box-shadow:none}.design-studio-page .preview-panel{top:100px}.design-studio-page .preview-heading h2{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:0}.design-studio-page .preview-heading h2 span{font-family:'DM Sans',Arial,sans-serif;font-size:.8rem}.design-studio-page #selection-panel .section-title{display:block;padding:0;margin:0 0 1rem}.design-studio-page #selection-panel .section-title h2{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.2;margin:0}.design-studio-page .home-options,.design-studio-page .change-color{border-radius:3px}.design-studio-page .drawing-stage{background:#e7eddf}.design-studio-page .design-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:1.2rem 1.5rem;border-top:1px solid #c8d0c5;gap:.75rem}.design-studio-page .design-actions a{min-height:44px;padding:.7rem 1rem;font-size:.8rem;border:1px solid #b8c4ab;border-radius:2px;color:#294c35;text-decoration:none;display:inline-flex;align-items:center}.design-studio-page .design-actions .design-primary{background:#294c35;color:#fffefa;border-color:#294c35}.design-studio-page .design-actions p{flex-basis:100%;font-size:.75rem;margin:0}.design-studio-page .footer{max-width:none;display:block;margin:0}.design-studio-page .footer-main{display:grid}.design-studio-page .footer .wordmark{font-size:inherit}.design-studio-page .footer-col h2{font-family:'DM Sans',Arial,sans-serif;font-size:.7rem;font-weight:700}.design-studio-page .footer-col a{font-size:.84rem;font-weight:400}.design-studio-page .footer-lead .brand-tagline{font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.3}.design-studio-page .footer-contact{font-family:var(--font-display)}.design-studio-page .primary-nav{font-family:'DM Sans',Arial,sans-serif}.design-studio-page .header-inner{max-width:1600px}.design-studio-page .brand-logo{object-fit:contain;width:144px;height:auto}
@media(max-width:1000px){.design-studio-page main{grid-template-columns:minmax(0,1fr) 310px;gap:1.5rem}}
@media(max-width:760px){.design-studio-page main{display:flex;flex-direction:column;padding:2rem var(--gutter) 3rem;gap:1.5rem}.design-studio-page .page-heading,.design-studio-page .preview-panel,.design-studio-page #selection-panel{width:100%}.design-studio-page .preview-panel{position:relative;top:auto}.design-studio-page .page-heading h1{font-size:3.25rem}.design-studio-page.picker-open .preview-panel{position:fixed;top:0;height:36dvh;z-index:25}.design-studio-page.picker-open .header{visibility:hidden}.design-studio-page .design-actions{padding:1rem;justify-content:stretch}.design-studio-page .design-actions a{flex:1;justify-content:center;text-align:center}.design-studio-page .footer-main{grid-template-columns:1fr 1fr}}