.studio-page{padding-bottom:3rem}.studio-page .article-hero{max-width:950px}.lettering-tool{padding:clamp(20px,4vw,44px);background:#f0f2e8;border:1px solid #d7decc;border-radius:24px}.lettering-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(22px,4vw,48px)}.lettering-layout>*{min-width:0}.lettering-tool label{display:grid;gap:.45rem;color:#253d32;font-size:.9rem;font-weight:650}.lettering-tool textarea,.lettering-tool input,.lettering-tool select{width:100%;min-height:44px;border:1px solid #b3bfad;border-radius:9px;background:#fffefa;color:#20392b;padding:10px;font:inherit}.lettering-tool textarea{font-size:1.4rem;line-height:1.5;resize:vertical}.lettering-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:20px 0}.lettering-tool button{min-height:44px}.lettering-canvas{padding:10px;background:#fff;overflow:auto;border:1px solid #d7decc;border-radius:12px}.lettering-canvas canvas{display:block;max-width:100%;height:auto;margin:auto}.lettering-normalized{font:600 1.2rem/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#315641}.lettering-exports{flex-wrap:wrap}.lettering-exports button{border:1px solid #aab9a3;border-radius:8px;padding:10px 16px;background:#fffefa;cursor:pointer}.alphabet-details{border-top:1px solid #c8d2c0;padding-top:14px}.alphabet-details p{font:1rem/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.handoff-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;border:1px solid #c8d2c0;border-radius:22px;background:#faf9f0;padding:clamp(22px,4vw,38px);margin:40px 0}.handoff-panel>*{min-width:0}.handoff-panel h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin:.3em 0}.handoff-files{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.handoff-panel .converter-download{display:inline-flex}.handoff-panel [hidden]{display:none!important}.handoff-instructions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}.handoff-instructions li,.help-steps li{padding-inline-start:.3rem;margin-bottom:1.1rem}.studio-reading{max-width:850px;margin:32px 0}.studio-reading h2{margin-top:1.5em}.help-steps{padding-inline-start:1.5rem}.recording-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:35px;margin:44px 0;padding:28px;border:1px solid #d6ddcc;border-radius:24px;background:#f1f3e9}.recording-card>*{min-width:0}.recording-card video{width:100%;max-height:620px;border-radius:14px;box-shadow:0 10px 30px #20392b18;background:#e1e7db}.studio-page .resource-card{min-width:0}.studio-page .resource-card h3{overflow-wrap:anywhere}.converter-status[data-error=true]{color:#963a27}.studio-page button:focus-visible,.studio-page input:focus-visible,.studio-page textarea:focus-visible,.studio-page select:focus-visible{outline:3px solid #bd693c;outline-offset:3px}@media(max-width:760px){.lettering-layout,.handoff-panel,.handoff-instructions,.recording-card{grid-template-columns:minmax(0,1fr)}.recording-card{padding:20px;gap:18px}.handoff-panel{gap:16px}.lettering-tool{border-radius:18px}.lettering-fields{gap:12px}.lettering-fields label{font-size:.82rem}.studio-page .article-hero{padding-top:30px}.recording-card video{max-height:560px}.studio-reading{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto}}

.recording-card video{height:auto}.recording-screens{grid-template-columns:minmax(0,1fr)}.app-screen-sequence figure{margin:22px 0}.app-screen-sequence img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #c8d2c0}.app-screen-sequence figcaption{font-size:.9rem;margin-top:10px}.screen-step-buttons{display:none;flex-wrap:wrap;gap:8px}.app-screen-sequence[data-enhanced=true] .screen-step-buttons{display:flex}.screen-step-buttons button{border:1px solid #aab9a3;border-radius:8px;background:#fffefa;color:#23442f;min-height:44px;padding:9px 14px;font:inherit;cursor:pointer}.screen-step-buttons button[aria-pressed=true]{background:#315641;color:#fff}.app-screen-sequence [hidden]{display:none!important}

.recording-card video{width:100%;max-width:350px;height:auto;max-height:none;justify-self:center}
.photo-tool{padding:clamp(18px,4vw,38px);border:1px solid #d7decc;border-radius:24px;background:#f0f2e8;margin:32px 0}.photo-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px}.photo-layout>*{min-width:0}.photo-tool label{display:grid;gap:8px;font-size:.92rem;font-weight:600;color:#253d32}.photo-tool input,.photo-tool select{width:100%;min-height:46px;padding:10px;border:1px solid #b3bfad;border-radius:9px;background:#fffefa;color:#20392b;font:inherit}.photo-tool input[type=range]{padding:0;accent-color:#315641}.photo-tool .photo-ratio{display:flex;align-items:center;gap:10px;margin:16px 0}.photo-ratio input{width:22px;min-height:24px;accent-color:#315641}.photo-crop-controls{display:grid;gap:8px;margin:16px 0}.photo-tool [data-photo-crop]{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:12px;background:#fff;touch-action:none;cursor:grab}.photo-tool [data-photo-crop]:active{cursor:grabbing}.photo-tool [data-photo-result]{margin-top:32px}.photo-tool button,.lettering-templates button{min-height:46px;padding:10px 16px;border-radius:9px;border:1px solid #aab9a3;cursor:pointer;background:#fffefa;color:#20392b;font:inherit}.photo-tool button.converter-submit{background:#315641;color:white}.photo-picker input{max-width:100%;font-size:16px}.photo-tool input[type=number],.photo-tool input[type=text],.photo-tool select,.lettering-tool input,.lettering-tool select{font-size:16px}.photo-tool [hidden],.lettering-tool [hidden]{display:none!important}.lettering-templates{padding:12px 0;border-block:1px solid #c8d2c0}.lettering-templates summary{min-height:44px;cursor:pointer}.lettering-templates .small-note{margin-bottom:0}.lesson-video{margin:24px 0;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;align-items:center}.lesson-video video{display:block;width:100%;height:auto;border-radius:14px;background:#e1e7db}.lesson-video figcaption p{margin:8px 0}.lettering-normalized{font-family:system-ui,sans-serif}
@media(max-width:760px){.photo-layout{grid-template-columns:minmax(0,1fr);gap:24px}.photo-tool{border-radius:18px}.photo-tool .lettering-fields{gap:12px}.photo-tool [data-photo-crop]{max-height:360px}.photo-tool button,.photo-tool .converter-download{min-height:48px}.photo-tool .converter-actions{flex-wrap:wrap}.lesson-video{grid-template-columns:minmax(0,1fr);gap:14px}.lesson-video video{max-width:280px;justify-self:center}.lettering-exports .converter-download{width:100%;justify-content:center}.lettering-fields>div{min-width:0}}

.photo-tool [data-photo-crop]{width:auto;max-width:100%;margin-inline:auto}
.native-app-cta{border-top:1px solid #c8d2c0;margin-top:22px;padding-top:18px}.native-app-cta>p{font-size:.95rem;line-height:1.6;max-width:620px}.native-app-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.native-app-actions .store-button{margin:0;flex:none}.native-app-cta [data-handoff-files]{display:none!important}.native-app-cta [data-handoff-status]:empty{display:none}.native-app-actions .converter-submit{margin:0}.generator-details{margin-top:22px;font-size:.86rem;color:#526057;line-height:1.65}.generator-details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px}.generator-details>summary:before{content:'+';font-size:1.2rem}.generator-details[open]>summary:before{content:'−'}.generator-details>p{margin:10px 0}.native-app-actions [hidden]{display:none!important}
@media(max-width:760px){.native-app-actions{align-items:stretch}.native-app-actions .store-button{width:auto}.native-app-actions>div{width:100%}.native-app-actions [data-handoff-share]{width:100%}.photo-tool .converter-actions [data-photo-export]{flex:1 1 72px}.generator-details>summary{font-size:.9rem}}

.photo-tool [data-photo-native]{margin-bottom:10px}