.studio-sample[data-astro-cid-qigcnemp]{border-bottom:1px solid var(--line);margin-top:20px}summary[data-astro-cid-qigcnemp]{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:.86rem;font-weight:600;list-style:none;display:flex}summary[data-astro-cid-qigcnemp]::-webkit-details-marker{display:none}.studio-sample-body[data-astro-cid-qigcnemp]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;padding:10px 0 35px;display:grid}video[data-astro-cid-qigcnemp]{aspect-ratio:1;border:1px solid var(--line);background:#263c2e;border-radius:3px;width:100%;max-width:420px}figcaption[data-astro-cid-qigcnemp]{color:var(--muted);margin-top:10px;font-size:.66rem}.eyebrow[data-astro-cid-qigcnemp]{color:var(--rust);margin-bottom:15px}h2[data-astro-cid-qigcnemp]{margin-bottom:18px;font-size:2.3rem}p[data-astro-cid-qigcnemp]:not(.eyebrow){color:var(--muted);max-width:440px;margin-bottom:15px;font-size:.9rem;line-height:1.75}a[data-astro-cid-qigcnemp]{align-items:center;gap:20px;width:fit-content;padding-block:10px;font-size:.8rem;font-weight:550;display:flex}@media (width<=700px){.studio-sample-body[data-astro-cid-qigcnemp]{grid-template-columns:1fr;gap:25px}summary[data-astro-cid-qigcnemp]{font-size:.78rem}h2[data-astro-cid-qigcnemp]{font-size:2rem}}.studio-page{padding-bottom:4rem}.studio-hero{padding-top:3rem;padding-bottom:3rem}.studio-return{font-size:.85rem;text-decoration:none}.studio-hero-grid{grid-template-columns:1.4fr 1fr;align-items:end;gap:4rem;margin-top:2.8rem;display:grid}.studio-hero h1{letter-spacing:-.07em;margin:.8rem 0 0;font-size:clamp(3.6rem,7vw,7.6rem);line-height:.94}.studio-hero h1 em,.studio-note h2 em{letter-spacing:-.06em;font-family:Fraunces Variable,serif;font-weight:500}.studio-hero-copy{max-width:30rem;padding-bottom:.6rem}.studio-hero-copy p{margin:0 0 1rem;font-size:1.13rem;line-height:1.55}.studio-local{text-transform:uppercase;letter-spacing:.08em;color:var(--forest);font-size:.76rem}.studio-local span{margin-right:.5rem}.studio-workshop{border:1px solid var(--ink);background:#eeece3;box-shadow:8px 8px #dedfd0}.studio-topline{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:1rem 1.4rem;font-size:.75rem;display:flex}.studio-topline>div{align-items:center;gap:.6rem;display:flex}.studio-topline>span{color:#586252;font-family:monospace}.studio-dot{background:#b45337;border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.studio-bench{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);display:grid}.studio-stage-column{background-image:linear-gradient(#344d3d08 1px,#0000 1px),linear-gradient(90deg,#344d3d08 1px,#0000 1px);background-size:24px 24px;flex-direction:column;align-items:center;min-width:0;padding:2rem;display:flex}.studio-stage{width:100%;max-width:610px;padding:14px;position:relative}.studio-canvas{aspect-ratio:1;background:#233f34;border-radius:1px;width:100%;display:block;box-shadow:0 16px 34px #1b27221c}.studio-registration span{color:#687464;font:14px monospace;position:absolute}.studio-registration span:first-child{top:0;left:0}.studio-registration span:nth-child(2){top:0;right:0}.studio-registration span:nth-child(3){bottom:0;left:0}.studio-registration span:nth-child(4){bottom:0;right:0}.studio-playhead{align-items:center;gap:1rem;width:100%;max-width:584px;margin:1rem 0 1.75rem;display:flex}.studio-playhead button{width:40px;height:40px;color:var(--ink);background:0 0;border:1px solid #8d9684;border-radius:50%;flex-shrink:0}.studio-playhead label{white-space:nowrap;flex:1;align-items:center;gap:.8rem;font-size:.7rem;display:flex}.studio-playhead input{accent-color:#344d3d;width:100%;min-width:40px}.studio-playhead output{white-space:nowrap;font:11px monospace}.studio-output{border-top:1px solid #c3c7b8;flex-wrap:wrap;justify-content:space-between;gap:.8rem;width:100%;max-width:584px;padding-top:1.3rem;display:flex}.studio-output .eyebrow{font-size:.63rem}.studio-output p{margin:.35rem 0 0;font-size:.75rem}.studio-downloads{align-items:center;gap:.4rem;display:flex}.studio-downloads button,.studio-controls-foot button,.studio-output>[data-action=cancel]{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #344d3d;padding:.75rem .85rem;font-size:.8rem}.studio-downloads .studio-primary{color:#fff;background:#344d3d;justify-content:space-between;gap:1rem;min-width:150px;display:flex}.studio-downloads button:hover:not(:disabled){color:#202622;background:#d9ee8b}.studio-workshop button:disabled{opacity:.45;cursor:wait}.studio-workshop [data-action=mp4]:disabled{cursor:not-allowed}.studio-output .studio-capability{color:#586252;flex-basis:100%;font-size:.7rem;line-height:1.4}.studio-output progress{accent-color:#344d3d;width:100%}.studio-status{color:#344d3d;width:100%;max-width:584px;min-height:1.1rem;margin:.7rem 0 0;font-size:.76rem;line-height:1.4}.studio-controls{background:#f7f5ee;border-left:1px solid #c3c7b8;flex-direction:column;gap:1.65rem;padding:1.9rem 1.5rem;display:flex}.studio-controls fieldset{border:0;min-width:0;margin:0;padding:0}.studio-controls legend{margin-bottom:1rem;padding:0;font-size:.9rem;font-weight:600}.studio-controls legend>span{color:#586252;margin-right:.6rem;font:11px monospace;display:inline-block}.studio-controls label{margin-bottom:.7rem;font-size:.72rem;font-weight:500;display:block}.studio-controls input:not([type=range]):not([type=color]),.studio-controls select{width:100%;font:inherit;color:var(--ink);background:#fffef9;border:1px solid #bfc5b6;border-radius:0;min-height:42px;margin-top:.35rem;padding:.62rem .65rem;font-size:.86rem;display:block}.studio-controls input[type=range]{accent-color:#344d3d;width:100%;margin-top:.7rem;display:block}.studio-controls input[type=color]{background:#fffef9;border:1px solid #bfc5b6;width:100%;height:42px;margin-top:.35rem;padding:4px;display:block}.studio-controls label output{float:right;font:11px monospace}.studio-optional{color:#586252;margin-left:.3rem}.studio-word-pair{grid-template-columns:1fr 1.55fr;gap:.6rem;display:grid}.studio-backgrounds,.studio-compositions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.studio-backgrounds button,.studio-compositions button{color:var(--ink);font:inherit;cursor:pointer;background:#fffef9;border:1px solid #bfc5b6;flex-direction:column;align-items:center;gap:.45rem;padding:.5rem;font-size:.7rem;display:flex}.studio-backgrounds button[aria-pressed=true],.studio-compositions button[aria-pressed=true]{background:#e9eddf;border-color:#344d3d;box-shadow:inset 0 0 0 1px #344d3d}.studio-swatch{background:radial-gradient(ellipse at 30% 40%,var(--swatch),transparent 70%),linear-gradient(120deg,var(--swatch-back),var(--swatch));border-radius:1px;width:100%;height:44px}.studio-settings-row{grid-template-columns:1fr 64px;gap:.7rem;margin-top:.8rem;display:grid}.studio-layout-icon{color:#f4f1e9;text-align:left;background:#344d3d;width:46px;height:46px;padding:14px 5px;font-size:13px;line-height:1}.studio-layout-center{text-align:center;padding-top:17px}.studio-layout-corner{padding-top:7px}.studio-controls-foot{border-top:1px solid #c3c7b8;justify-content:space-between;align-items:center;gap:.7rem;margin-top:auto;padding-top:1rem;display:flex}.studio-controls-foot p{max-width:190px;margin:0;font-size:.7rem;line-height:1.4}.studio-controls-foot button{white-space:nowrap;padding:.6rem;font-size:.72rem}.studio-note{grid-template-columns:1fr 1.3fr;gap:5rem;padding-top:5rem;display:grid}.studio-note h2{margin:1rem 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.studio-note p{margin-top:0;font-size:.95rem;line-height:1.7}.studio-note details{border-top:1px solid #bfc5b6;border-bottom:1px solid #bfc5b6;margin:1.5rem 0;padding:1rem 0}.studio-note summary{cursor:pointer;font-size:.82rem;font-weight:600}.studio-note details[open] summary{margin-bottom:1.2rem}.studio-note details p{font-size:.82rem}.studio-note code{font-size:.8rem}.studio-workshop button:focus-visible,.studio-workshop input:focus-visible,.studio-workshop select:focus-visible{outline-offset:3px;outline:3px solid #b45337}@media (width<=1000px){.studio-bench{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.studio-stage-column{padding:1.2rem}.studio-downloads{flex-wrap:wrap}.studio-downloads .studio-primary{flex-grow:1}.studio-output{display:block}.studio-output>div+div{margin-top:.8rem}.studio-hero-grid{gap:2rem}.studio-controls{padding:1.5rem 1.2rem}.studio-note{gap:2rem}}@media (width<=720px){.studio-hero{padding-top:1.8rem;padding-bottom:2rem}.studio-hero-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.studio-hero h1{font-size:4.1rem}.studio-hero-copy p{font-size:1rem}.studio-bench{grid-template-columns:1fr}.studio-controls{border-top:1px solid #bfc5b6;border-left:0;padding:1.3rem}.studio-stage-column{padding:1rem}.studio-topline{padding:.85rem 1rem}.studio-topline>span{display:none}.studio-stage{padding:10px}.studio-playhead{gap:.5rem;margin:.7rem 0 1rem}.studio-playhead label{gap:.5rem}.studio-output>div:first-child{justify-content:space-between;align-items:center;display:flex}.studio-output>div:first-child p{margin:0;font-size:.67rem}.studio-output{padding-top:.9rem}.studio-downloads button{min-height:44px}.studio-downloads .studio-primary{min-width:150px}.studio-output .studio-capability{font-size:.67rem}.studio-note{grid-template-columns:1fr;gap:1rem;padding-top:3.3rem}.studio-note h2{margin-bottom:.5rem}.studio-workshop{box-shadow:5px 5px #dedfd0}.studio-controls-foot p{max-width:none}.studio-playhead button{width:44px;height:44px}.studio-backgrounds button,.studio-compositions button{min-height:75px}}.studio-mobile-proof{display:none}@media (width<=720px){.studio-controls{padding-bottom:7rem}.studio-mobile-proof:not([hidden]){z-index:25;background:#f7f5ee;border:1px solid #344d3d;align-items:center;gap:.65rem;padding:.5rem;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 6px 30px #20262233}.studio-mobile-proof canvas{flex-shrink:0;width:60px;height:60px}.studio-mobile-proof strong{font-size:.68rem;display:block}.studio-mobile-proof span{color:#63725c;margin-top:.25rem;font-size:.62rem;display:block}.studio-mobile-proof button{text-align:left;max-width:90px;min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#344d3d;border:0;margin-left:auto;padding:.5rem;font-size:.7rem}}.studio-start{width:fit-content;min-height:44px;margin-bottom:8px;font-size:.875rem;display:flex}#studio-controls{scroll-margin-top:20px}