.studio-home{color:#20231d;background:#fffdf6}.studio-intro{max-width:1250px;margin:auto;padding:58px 6vw 34px}.studio-intro h1{letter-spacing:-.065em;margin:19px 0;font-size:clamp(44px,6.8vw,94px);line-height:1.02}.studio-intro h1 em{color:#496525;font-style:normal}.studio-intro>p{max-width:680px;font-size:18px;line-height:1.65}.studio-jump{text-underline-offset:5px;margin-top:18px;font-weight:750;text-decoration:underline;display:inline-block}.charm-studio{grid-template-columns:1fr 1fr;gap:40px;max-width:1250px;margin:0 auto 60px;padding:30px 6vw;scroll-margin-top:90px;display:grid}.studio-controls h2{letter-spacing:-.04em;margin:14px 0;font-size:clamp(30px,3vw,44px);line-height:1.1}.studio-controls>p{font-size:15px;line-height:1.6}.studio-upload{color:#fff;text-align:center;cursor:pointer;background:#20231d;border:2px solid #20231d;border-radius:8px;margin-top:25px;padding:20px;font-size:17px;font-weight:750;display:block;position:relative;overflow:hidden}.studio-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio-upload:focus-within{outline-offset:4px;outline:3px solid #c4462b}.studio-controls>small{margin:10px 0;font-size:12px;line-height:1.5;display:block}.studio-select{gap:9px;margin:22px 0;font-size:13px;font-weight:700;display:grid}.studio-select select{width:100%;font:inherit;background:#fff;border:1px solid #8c9283;border-radius:6px;min-height:48px;padding:14px}.studio-controls fieldset{border:0;margin:22px 0;padding:0}.studio-controls legend{margin-bottom:10px;font-size:13px;font-weight:750}.studio-options{flex-wrap:wrap;gap:8px;display:flex}.studio-options button{font:inherit;cursor:pointer;background:#fff;border:1px solid #8c9283;border-radius:6px;min-height:44px;padding:12px 15px;font-size:13px}.studio-options button[aria-pressed=true]{background:#dcf49e;border:2px solid #20231d;padding:11px 14px}.studio-sliders{gap:14px;display:grid}.studio-sliders label{gap:7px;font-size:13px;display:grid}.studio-sliders input{accent-color:#496525;width:100%;min-height:30px}.studio-sliders output{display:inline}.studio-tip{background:#f0eee5;border-radius:8px;margin-top:25px;padding:18px;font-size:13px!important}.studio-result{background:#e8ebdf;border:1px solid #d0d6c3;border-radius:18px;align-self:start;padding:22px;position:sticky;top:98px}.studio-preview-label{font:700 10px var(--font-mono);letter-spacing:.12em;margin-bottom:14px;display:block}.studio-result canvas{border-radius:5px;width:100%;height:auto;display:block;box-shadow:0 5px 16px #20231d14}.studio-actions{gap:10px;margin-top:20px;display:grid}.studio-actions button{cursor:pointer;border-radius:6px;justify-content:center;width:100%;min-height:50px}.studio-actions .primary{color:#fff;background:#20231d;font-size:15px}.studio-actions .primary:disabled{opacity:.5}.studio-message{min-height:20px;margin-top:12px;font-size:13px;line-height:1.5}.studio-result small{margin-top:10px;font-size:11px;line-height:1.5;display:block}.studio-explainer,.studio-physical,.studio-faq{max-width:1250px;margin:auto;padding:64px 6vw}.studio-explainer{border-top:1px solid #c9cebd;grid-template-columns:.8fr 1.2fr;gap:60px;display:grid}.studio-explainer h2,.studio-physical h2,.studio-faq h2{letter-spacing:-.045em;margin:17px 0 25px;font-size:clamp(32px,4vw,56px);line-height:1.08}.studio-explainer ol{gap:25px;padding-left:23px;display:grid}.studio-explainer li{padding-left:8px}.studio-explainer p{margin-top:7px;font-size:15px;line-height:1.65}.studio-home a:not(.primary):not(.studio-characters a){text-underline-offset:4px}.studio-explainer a,.studio-boundary a,.studio-faq>p a,.studio-reserve .reserve-copy>a{text-decoration:underline;display:inline-block}.studio-physical{background:#f0eddf;max-width:none}.studio-physical>header,.studio-characters,.studio-boundary{max-width:1090px;margin:auto}.studio-physical header>p{max-width:700px;font-size:17px;line-height:1.65}.studio-characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px auto;display:grid}.studio-characters a{background:#fffdf6;border:1px solid #c9cebd;border-radius:12px;display:grid;overflow:hidden}.studio-characters img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.studio-characters strong{padding:18px;font-size:20px}.studio-boundary{font-size:13px;line-height:1.6}.studio-reserve{border-block:1px solid #c9cebd;scroll-margin-top:90px}.studio-reserve .reserve-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.06}.studio-reserve .reserve-copy p{margin-bottom:20px}.studio-faq details{border-top:1px solid #c9cebd;padding:22px 0}.studio-faq summary{cursor:pointer;font-size:18px;font-weight:700}.studio-faq details p{max-width:800px;margin-top:14px;line-height:1.7}.studio-faq>p{margin-top:30px;line-height:2}.studio-home button:focus-visible,.studio-home input:focus-visible{outline-offset:3px;outline:3px solid #c4462b}@media (max-width:760px){.charm-studio{grid-template-columns:1fr;gap:25px;padding:20px 6vw}.studio-result{position:static}.studio-result canvas{max-width:420px;margin:auto}.studio-intro{padding-top:35px}.studio-explainer{grid-template-columns:1fr;gap:15px}.studio-characters{grid-template-columns:1fr;gap:12px}.studio-characters a{grid-template-columns:120px 1fr;align-items:center}.studio-characters strong{font-size:18px}.studio-controls h2 br{display:none}.studio-intro>p{font-size:16px}}@media (prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}}