@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-ext-400-normal.BtiwyxMk.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-400-normal.BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-sans-latin-400-normal.CW0RaeGs.woff2)format("woff2"),url(/_astro/dm-sans-latin-400-normal.BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-ext-500-normal.BJfUCQsA.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-500-normal.DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-sans-latin-500-normal.B9HHJjqV.woff2)format("woff2"),url(/_astro/dm-sans-latin-500-normal.Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/dm-sans-latin-ext-600-normal.4vooXBpG.woff2)format("woff2"),url(/_astro/dm-sans-latin-ext-600-normal.DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/dm-sans-latin-600-normal.Aqo67rzb.woff2)format("woff2"),url(/_astro/dm-sans-latin-600-normal.BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-cyrillic-ext-500-normal.Dz8SjJZ9.woff2)format("woff2"),url(/_astro/manrope-cyrillic-ext-500-normal.PaLk8PaH.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-cyrillic-500-normal.B1OEZity.woff2)format("woff2"),url(/_astro/manrope-cyrillic-500-normal.CNwnNrRC.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-greek-500-normal.GeMIHyWm.woff2)format("woff2"),url(/_astro/manrope-greek-500-normal.DyxYGEtJ.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-vietnamese-500-normal.DCXiE_xi.woff2)format("woff2"),url(/_astro/manrope-vietnamese-500-normal.DaZ8i3XM.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-latin-ext-500-normal.dm74KBQw.woff2)format("woff2"),url(/_astro/manrope-latin-ext-500-normal.EtoS1VaI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-latin-500-normal.BYYD-dBL.woff2)format("woff2"),url(/_astro/manrope-latin-500-normal.DMZssgOp.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-cyrillic-ext-600-normal.Dk-u7o-5.woff2)format("woff2"),url(/_astro/manrope-cyrillic-ext-600-normal.DjQx9_jq.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-cyrillic-600-normal.DvRl3Mj-.woff2)format("woff2"),url(/_astro/manrope-cyrillic-600-normal.It4mZcQk.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-greek-600-normal.BoRV6lzK.woff2)format("woff2"),url(/_astro/manrope-greek-600-normal.CF2i9ZRY.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-vietnamese-600-normal.C1J5PCl_.woff2)format("woff2"),url(/_astro/manrope-vietnamese-600-normal.lA7a_7Ok.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-latin-ext-600-normal._gBojHdJ.woff2)format("woff2"),url(/_astro/manrope-latin-ext-600-normal.u5Pl7hTU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-latin-600-normal.4f0koTD-.woff2)format("woff2"),url(/_astro/manrope-latin-600-normal.BqgrALkZ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-cyrillic-ext-700-normal.cq7F7ESW.woff2)format("woff2"),url(/_astro/manrope-cyrillic-ext-700-normal.ezu7N0xg.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-cyrillic-700-normal.Dw_fZAg2.woff2)format("woff2"),url(/_astro/manrope-cyrillic-700-normal.7JNVKxyl.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-greek-700-normal.CHUG9PD8.woff2)format("woff2"),url(/_astro/manrope-greek-700-normal.DyfsrCpP.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-vietnamese-700-normal.CUqMx5-1.woff2)format("woff2"),url(/_astro/manrope-vietnamese-700-normal.pt65Fn2Z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-latin-ext-700-normal.DYOwVNan.woff2)format("woff2"),url(/_astro/manrope-latin-ext-700-normal.eVCcYqtJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-latin-700-normal.BZp_XxE4.woff2)format("woff2"),url(/_astro/manrope-latin-700-normal.DGRFkw-m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#292d27;font-synthesis:none;--ink:#292d27;--muted:#696e64;--line:#deded2;--accent:#a94730;--paper:#fffef9;background:#f7f5ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration:none}button,input,select{font:inherit;color:inherit}button,.button{cursor:pointer}button{border:1px solid var(--line);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:background .16s;display:inline-flex}button:hover,.button:hover{background:#eeebe1}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #a94730}::selection{background:#eec3ad}input{accent-color:var(--accent);caret-color:var(--accent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#c8c6b8;border-radius:8px}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.75}h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(38px,4.2vw,62px);font-weight:600;line-height:1.12}h2{letter-spacing:-.035em;text-wrap:balance;font-size:32px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600}small{font-size:12px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:40px;max-width:1400px;margin:auto;padding:26px 44px;display:flex}.brand{letter-spacing:-1.1px;align-items:center;gap:9px;font-size:25px;font-weight:700;display:flex}.brand svg{color:#a94730}.brand-dot{color:#a94730;margin-left:-9px}.site-header nav{color:#62675f;gap:28px;margin-left:auto;font-size:14px;display:flex}.site-header nav a{padding:10px 0}.site-header nav a:hover,.site-header nav .current{color:var(--ink)}.current{box-shadow:0 2px #a94730}.header-pro{border:1px solid #c7cabc;border-radius:7px;padding:11px 17px;font-size:13px}.header-pro span{margin-left:10px}main{max-width:1312px;margin:auto;padding:0 0 48px}.page-intro{justify-content:space-between;align-items:center;gap:30px;padding:55px 0 36px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden+astro-island>.studio{margin-top:16px}.page-intro p{max-width:700px;margin-top:14px;font-size:17px}.heading-dot{color:#a94730}.intro-help{color:#62675f;text-align:right;font-size:13px}.intro-help span{color:var(--ink);margin-top:7px;display:block}.page-intro.compact{gap:24px;padding:20px 0}.page-intro.compact>div{flex-wrap:wrap;align-items:baseline;gap:8px 20px;display:flex}.page-intro.compact h1{letter-spacing:-.03em;font-size:28px;line-height:1.2}.page-intro.compact p{margin:0;font-size:14px}.page-intro.compact .intro-help{flex-shrink:0}.page-intro.compact .intro-help span{margin-top:4px}@media (width<=600px){.page-intro.compact{padding:16px 0}.page-intro.compact>div{gap:6px}.page-intro.compact h1{font-size:24px}}.studio{background:var(--paper);border:1px solid #d9d9ce;border-radius:13px;overflow:hidden}.studio-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.sketch-name{align-items:center;gap:10px;display:flex}.sketch-name input{background:0 0;border:0;width:170px;font-size:14px;font-weight:500}.live-dot,.tiny-dot{background:#628373;border-radius:50%;width:6px;height:6px;display:inline-block}.saved{color:#73786f;align-items:center;gap:4px;font-size:11px;display:flex}.text-button{background:0 0;border:0;padding:0;font-size:12px}.workspace{grid-template-columns:188px 1fr;display:grid}.instrument-shelf{border-right:1px solid var(--line);background:#f4f3ec;padding:23px 15px}.control-label{letter-spacing:.1em;color:#72786c;margin:0 8px 12px;font-size:10px;font-weight:600;display:block}.instrument{white-space:nowrap;border:1px solid #0000;justify-content:start;gap:9px;width:100%;margin-bottom:4px;padding:10px 9px;font-size:12px}.instrument.selected{background:#fffef9;border-color:#dcded0}.instrument svg{color:var(--sound);margin-left:auto}.sound-dot{background:var(--sound);border-radius:50%;width:11px;height:11px}.shelf-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.shelf-bottom select{background:#fffef9;border:1px solid #d9dbcf;border-radius:6px;width:100%;margin-bottom:16px;padding:9px 10px;font-size:12px;display:block}.shelf-bottom .control-label{margin-bottom:8px;margin-left:1px}.shelf-bottom p{margin-top:20px;font-size:11px;line-height:1.7}.canvas-area{grid-template-rows:auto minmax(315px,1fr) auto;min-width:0;padding:12px 22px 0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.tools{gap:4px;display:flex}.tools button{color:#72786c;border:0;padding:9px}.tools .active{color:var(--ink);background:#efe9da}.drawing-board{background:#fffdfa;border:1px solid #c9c8ba;border-radius:8px;min-height:315px;margin-left:22px;position:relative;box-shadow:0 2px 8px #292d270d}.drawing-board canvas{touch-action:none;cursor:crosshair;border-radius:7px;width:100%;height:100%;display:block;position:absolute;inset:0}.pitch-labels{writing-mode:vertical-rl;letter-spacing:.12em;color:#7b8077;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:7px;bottom:0;left:-30px;transform:rotate(180deg)}.time-ruler{font-variant-numeric:tabular-nums;color:#73786f;justify-content:space-between;margin:13px 0 18px 22px;font-size:10px;display:flex}.canvas-empty{pointer-events:none;color:#72786c;text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:23px;display:flex;position:absolute;inset:0}.canvas-empty small{margin-top:12px;font-size:13px}.transport{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:17px 23px;display:flex}.transport-left,.export-actions{align-items:center;gap:12px;display:flex}.play-button,.primary{color:#fff;background:#a94730;border-color:#a94730}.play-button:hover,.primary:hover{background:#8c3b28}.play-button{min-width:143px;padding:13px 15px;font-size:13px}.duration{color:#73786f;font-size:12px}.volume{color:#73786f;align-items:center;gap:8px;margin-left:10px;display:flex}.volume input{width:70px;height:4px}.export-actions button{font-size:12px}.pro-tag{letter-spacing:.04em;border:1px solid #cacdbe;border-radius:3px;padding:2px 3px;font-size:8px;font-weight:700}.studio-status{color:#72786c;background:#faf9f3;border-top:1px solid #e9eadf;justify-content:space-between;padding:10px 23px;font-size:10px;display:flex}.studio-status span:last-child{letter-spacing:.1em;font-size:9px}.under-studio{justify-content:space-between;align-items:center;padding:18px 2px;font-size:11px;display:flex}.under-studio p{font-size:11px}.tiny-dot{margin-right:6px}.under-studio a{color:#656b5f}.editorial{margin-top:65px}.content-section{border-top:1px solid var(--line);padding:50px 0}.content-section>div:first-child{grid-template-columns:1fr 1.2fr;column-gap:90px;display:grid}.content-section h2{max-width:330px;font-size:29px}.content-section p{max-width:70ch;font-size:15px}.content-section>div>a{margin-top:20px;font-size:13px;text-decoration:underline}.steps-inline{color:#46543c;background:#eaeedf;justify-content:space-between;margin-top:36px;padding:30px;font-size:18px;display:flex}.steps-inline b{font-weight:400}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.gallery-section .gallery-grid{margin-top:35px}.gallery-section>div:first-child{display:block}.gallery-section p{margin-top:15px}.gallery-section>div>a{display:inline-block}.gallery-item{min-width:0}.sketch-preview{background:#ecebdf;border-radius:10px;position:relative;overflow:hidden}.sketch-preview svg{width:100%;height:auto;display:block}.preview-1,.preview-4{background:#e4ece5}.preview-2,.preview-5{background:#f1e7da}.gallery-play{background:#ffffff80;border:1px solid #b8bcac;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:15px;right:15px}.gallery-item:hover .gallery-play{background:#fff}.gallery-caption{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;display:flex}.gallery-caption h3{font-size:15px}.gallery-caption span,.gallery-item p{color:#6b7165;font-size:11px}.gallery-item p{margin-top:6px}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:90px;padding:50px 0;display:grid}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{padding:14px 0;font-size:14px}.closing{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:48px 0;display:flex}.closing h2{font-size:40px}.button{border-radius:7px;padding:14px 23px;font-size:14px;display:inline-block}footer{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:17px;max-width:1400px;margin:auto;padding:40px 44px;display:grid}footer .brand{font-size:22px}footer>p{text-align:right;font-size:13px}.footer-links{align-items:center;gap:23px;font-size:11px;display:flex}.footer-links button{border:0;padding:0;font-size:11px}footer>small{text-align:right;color:#72786c;font-size:11px}.consent{z-index:20;background:#fffef9;border-radius:12px;align-items:center;gap:12px;width:min(750px,95vw);padding:20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #292d2730}.consent[hidden]{display:none}.consent p{color:var(--ink);flex:1;font-size:14px}.consent small{color:#696e64;font-size:11px}.consent button{white-space:nowrap;font-size:12px}.skip-link{position:absolute;top:-100px}.skip-link:focus{z-index:50;background:#fff;padding:15px;top:10px;left:10px}.share-result{align-items:center;gap:20px;padding:15px 23px;font-size:12px;display:flex}.share-result input{border:1px solid var(--line);border-radius:5px;width:100%;padding:10px}.guide-strip{background:#eaeedf;justify-content:space-between;align-items:center;padding:40px;display:flex}.guide-strip strong{color:#506047;font-size:32px}.analyzer{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:30px}.upload-zone{text-align:center;border:1px dashed #a4ac97;border-radius:8px;padding:48px 20px}.upload-zone h2{margin:15px;font-size:26px}.upload-zone input{max-width:100%;margin:20px auto;display:block}.analyzer canvas{touch-action:none;background:#171e20;border-radius:5px;width:100%;height:330px;margin-top:25px;display:block}.analyzer-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.analyzer p{font-size:13px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.price-plan{border-top:2px solid #879475;padding:30px 0}.price-plan strong{margin:20px 0;font-size:42px;display:block}.price-plan strong small{font-size:14px;font-weight:400}.price-plan ul{color:#626a5b;padding-left:20px;font-size:14px;line-height:2.4}.price-plan button{width:100%}.notice{background:#ede8d9;border-radius:8px;margin:25px 0;padding:20px;line-height:1.7}.prose{max-width:760px;margin:50px auto}.prose h1{font-size:44px}.prose h2{margin:36px 0 14px;font-size:25px}.prose p{margin:15px 0}.checkout-status{min-height:30px;font-size:14px}@media (width>=1400px){main{padding-left:30px;padding-right:30px}}@media (width<=1399px){main{padding:0 44px 40px}}@media (width<=900px){.site-header{gap:25px;padding:20px 25px}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.header-pro{display:none}main{padding:0 25px 30px}.workspace{grid-template-columns:160px 1fr}.instrument-shelf{padding:20px 10px}.volume{display:none}.content-section>div:first-child,.faq{column-gap:35px}.gallery-grid{gap:18px}.gallery-caption{display:block}.gallery-caption span{margin-top:5px;display:block}.footer-links{flex-wrap:wrap}.canvas-area{padding:12px 15px 0}.saved{display:none}}@media (width<=600px){.site-header{padding:20px;display:block}.brand{font-size:24px}.site-header nav{justify-content:space-between;gap:10px;margin-top:20px}.site-header nav a{font-size:12px}.page-intro{padding:32px 0 24px}.page-intro p{font-size:14px}.intro-help{display:none}main{padding:0 15px 20px}h1{font-size:40px}.workspace{flex-direction:column;display:flex}.instrument-shelf{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:12px;display:flex}.instrument-shelf>.control-label{display:none}.instrument{width:calc(50% - 3px);margin:0;padding:8px;font-size:11px}.shelf-bottom{border:0;align-items:center;gap:7px;width:100%;margin:6px 0 0;padding:0;display:flex}.shelf-bottom select{flex:1;width:auto;margin:0;padding:6px;font-size:11px}.shelf-bottom .control-label{margin:0;font-size:8px}.shelf-bottom p{display:none}.studio-top{padding:12px}.sketch-name input{width:145px;font-size:12px}.text-button{gap:0;font-size:0}.text-button svg{width:17px}.drawing-board canvas{height:235px}.drawing-board{min-height:235px}.canvas-toolbar{margin-bottom:10px;padding-bottom:8px}.canvas-area{padding:10px 12px 0;display:block}.transport{flex-wrap:wrap;padding:13px}.transport-left{justify-content:space-between;width:100%}.export-actions{gap:7px;width:100%}.export-actions button{flex:1;padding:9px 8px;font-size:11px}.studio-status{min-height:44px;padding:10px 13px;font-size:10px}.studio-status span:last-child{display:none}.under-studio{text-align:center;display:block}.under-studio a{margin-top:8px;display:block}.content-section{padding:32px 0}.editorial{margin-top:25px}.content-section>div:first-child,.faq{display:block}.content-section h2,.faq h2{max-width:none;margin-bottom:18px;font-size:26px}.content-section p{font-size:14px}.steps-inline{gap:10px;padding:20px 12px;font-size:12px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-caption{display:flex}.gallery-caption span{margin:0}.faq{padding:32px 0}.closing{display:block}.closing h2{margin-bottom:25px;font-size:33px}.consent{flex-wrap:wrap;padding:15px}.consent p{flex:0 0 100%}.consent button{flex:1}footer{padding:30px 20px;display:block}footer>p,footer>small{text-align:left;margin-top:15px;display:block}.footer-links{gap:18px;margin-top:25px}.guide-strip{flex-wrap:wrap;gap:20px;padding:24px}.guide-strip p{font-size:12px}.analyzer{padding:15px}.upload-zone{padding:25px 10px}.analyzer canvas{height:230px}.pricing-grid{grid-template-columns:1fr}.canvas-empty{font-size:16px}.canvas-empty small{font-size:11px}.share-result{display:block}.share-result input{margin-top:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.gallery-optin{align-items:center;gap:6px;font-size:12px;display:flex}.gallery-optin input{accent-color:var(--accent)}@media (width<=700px){.export-actions{flex-wrap:wrap}.gallery-optin{flex-basis:100%;justify-content:center}}.spectrogram-stack{margin-top:25px;position:relative}.analyzer .spectrogram-stack canvas{margin-top:0}.analyzer .note-overlay{cursor:crosshair;background:0 0;position:absolute;inset:0}.loop-controls,.note-edit-tools,.note-inspector{border-bottom:1px solid var(--line,#e9e4d9);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.loop-controls label{align-items:center;gap:7px;font-size:13px;display:flex}.loop-controls select,.note-inspector input{color:#242820;background:#fffdf8;border:1px solid #d8d4c9;border-radius:6px;padding:7px}.loop-controls>span{color:#686b63;margin-left:auto;font-size:12px}.note-edit-tools{border:0;padding:15px 0 0}.note-edit-tools button[aria-pressed=true]{color:#fff;background:#244f40}.note-inspector{padding:14px 0}.note-inspector label{flex-direction:column;gap:6px;font-size:12px;display:flex}.note-inspector input{width:100px}.editor-hint{color:#62665c;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 20px;font-size:12px;display:flex}.export-notice{background:#f3eedf;padding:14px 20px}@media (width<=600px){.loop-controls{gap:10px;padding:12px}.loop-controls>span{margin-left:0}}.header-account{white-space:nowrap;margin-left:18px;font-size:13px}.account-page{max-width:850px;margin:65px auto;padding:0 20px}.account-page h1{margin-bottom:24px;font-size:clamp(32px,5vw,52px)}.account-view{gap:20px;display:grid}.account-view>p:empty{display:none}.account-card{background:#fffdf8;border:1px solid #e0ded5;border-radius:14px;padding:28px}.account-card h2{overflow-wrap:anywhere;margin:12px 0}.account-card p{line-height:1.7}.account-card .eyebrow{color:#527666;letter-spacing:.1em;font-size:11px}.account-email{overflow-wrap:anywhere}.account-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.account-fineprint{color:#686b63;font-size:13px}.google-signin{min-height:44px;margin:22px 0}.subscription-row{border-bottom:1px solid #e0ded5;flex-wrap:wrap;gap:12px;padding:14px 0;display:flex}.account-card form{gap:12px;margin-top:15px;display:grid}.account-card input{border:1px solid #d8d4c9;border-radius:6px;max-width:100%;padding:12px}.account-card summary{cursor:pointer}@media (width<=700px){.header-account{margin:0;font-size:12px;position:absolute;top:35px;right:20px}.account-page{margin-top:30px}.account-card{padding:20px}}.sound-help{color:#686b63;margin:12px 0;font-size:12px;line-height:1.5}.workspace>.canvas-area{grid-area:1/2}.workspace>.instrument-shelf{grid-area:1/1}.canvas-toolbar{flex-wrap:wrap;gap:8px}.canvas-toolbar>.play-button{min-width:130px}.canvas-view{gap:3px;display:flex}.canvas-view button{min-height:36px;padding:8px 12px;font-size:12px}.canvas-view button[aria-pressed=true]{color:#30422c;background:#e4ebdf;border-color:#a1b096}.legacy-ink-note{color:#62665c;flex-basis:100%}.creation-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.creation-intro h2{font-size:clamp(22px,2.5vw,29px)}.creation-intro p{max-width:62ch;margin-top:7px;font-size:13px}.creation-steps{white-space:nowrap;color:#526049;gap:12px;font-size:13px;display:flex}.creative-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px 23px;display:flex}.creative-controls label{align-items:center;gap:8px;font-size:13px;display:flex}.creative-controls select{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:9px}.brush-choice,.take-comparison [role=group]{gap:4px;display:flex}.brush-choice button,.take-comparison button{min-height:40px;font-size:12px}.brush-choice button[aria-pressed=true],.take-comparison button[aria-pressed=true]{color:#30422c;background:#e4ebdf;border-color:#a1b096}.backing-choice{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.backing-choice button{padding:8px;font-size:12px}.take-comparison{border-top:1px solid var(--line);background:#f0f3e9;justify-content:space-between;align-items:center;gap:14px;padding:13px 23px;display:flex}.take-comparison>span{color:#3e5135;font-size:13px}.finish-piece{border-top:1px solid var(--line);background:#f6f3e9;grid-template-columns:1fr 1fr;gap:32px;padding:32px;scroll-margin:24px;display:grid}.finish-piece:focus{outline:none}.score-artwork{width:100%;height:auto;display:block}.finish-art{border-radius:12px;align-self:center;overflow:hidden}.finish-details{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.finish-details h3{font-size:24px}.finish-details p{font-size:14px}.finish-details>label,.finished-link label{font-size:13px}.finish-details input:not([type=checkbox]){background:var(--paper);border:1px solid #c8c7bb;border-radius:7px;width:100%;min-height:44px;padding:11px}.finish-details small{color:#5f6459;line-height:1.5}.finished-link{gap:10px;width:100%;display:grid}.finished-link p{color:#40573a}.finish-actions{flex-wrap:wrap;gap:10px;display:flex}.finish-actions .button{border:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.shared-piece{max-width:900px;margin:52px auto 70px}.piece-heading{margin-bottom:28px}.piece-heading h1{overflow-wrap:anywhere;font-size:clamp(32px,5vw,54px)}.piece-heading p{margin-top:13px;font-size:16px}.piece-stage{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.piece-player{flex-wrap:wrap;align-items:center;gap:20px;padding:23px;display:flex}.piece-player>span{color:#61675b;font-variant-numeric:tabular-nums;font-size:13px}.piece-player .play-button{min-height:48px;font-size:15px}.piece-status{min-height:25px;margin:16px 0 26px;font-size:14px}.piece-actions{flex-wrap:wrap;gap:12px;display:flex}.piece-actions .button{align-items:center;gap:8px;display:inline-flex}.piece-actions .primary{margin-left:auto}.piece-footnote{margin-top:20px;font-size:13px}.piece-state{justify-items:start;gap:24px;padding:70px 0;display:grid}.piece-state h1{font-size:36px}.studio button:disabled{cursor:not-allowed}.studio-status{color:#555e4d;font-size:12px}@media (width<=900px){.creation-steps{display:none}.backing-choice{margin-left:0}.finish-piece{gap:22px;padding:24px}}@media (width<=600px){.studio .canvas-toolbar{grid-template-columns:1fr auto;display:grid}.canvas-view{justify-content:flex-end}.studio .canvas-toolbar>.tools{justify-content:flex-start}.studio .canvas-toolbar>.tools:last-child{justify-content:flex-end}.canvas-toolbar>.play-button{min-width:0;padding:10px;font-size:12px}.canvas-toolbar .tools{gap:2px}.canvas-toolbar .tools button{padding:7px}.studio .instrument-shelf{border-top:1px solid var(--line)}.creation-intro{padding:18px 14px}.creative-controls{gap:12px;padding:14px}.creative-controls label{font-size:12px}.brush-choice{width:100%}.brush-choice button{flex:1}.backing-choice{justify-content:space-between;width:100%}.take-comparison{flex-direction:column;align-items:flex-start;gap:8px;padding:13px}.finish-piece{grid-template-columns:1fr;gap:20px;padding:18px}.finish-details .gallery-optin{text-align:left;flex-basis:auto;justify-content:flex-start}.finish-details>.primary{width:100%}.shared-piece{margin:32px auto 42px}.piece-player{gap:14px;padding:18px}.piece-actions .primary{justify-content:center;width:100%;margin:4px 0 0}.piece-status{margin-bottom:18px}.studio-top .text-button{gap:6px;font-size:12px}.studio .export-actions{flex-wrap:wrap}.studio .export-actions>.primary{flex-basis:100%;min-height:44px}}.piano-preview .creative-controls,.piano-preview .instrument-shelf,.piano-preview .loop-controls,.piano-preview .canvas-view,.piano-preview .take-comparison{display:none}.piano-preview .workspace{display:block}.piano-preview .drawing-board{height:340px}.piano-preview .canvas-area{grid-template-rows:auto auto auto}.piano-comparison{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px;display:flex}.piano-comparison [role=group]{gap:5px;display:flex}.piano-comparison button{padding:9px 12px;font-size:13px}.piano-comparison button[aria-pressed=true]{color:#30422c;background:#e4ebdf;border-color:#a1b096}.piano-comparison>span{color:#62665c;font-size:12px}.piano-credit{color:#62665c;max-width:1250px;margin:18px auto 48px;padding:0 16px;font-size:12px}.piano-credit a{text-underline-offset:3px;text-decoration:underline}@media (width<=600px){.piano-preview .drawing-board{height:235px}.piano-preview .canvas-toolbar{display:flex}.piano-comparison{gap:8px;padding:12px}.piano-preview .canvas-empty{font-size:20px}}.piano-preview .tools button[aria-label="Select / move note"],.piano-preview .export-actions button:has(.pro-tag){display:none}.studio .studio-top{z-index:4;min-height:66px;padding:11px 20px;position:relative}.studio-title{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(20px,2.1vw,27px);font-weight:600;line-height:1.2}.studio-actions{align-items:center;gap:10px;display:flex}.studio-actions .text-button{padding:10px;font-size:12px}.studio-actions .play-button{min-width:100px;padding:10px 14px}.studio-options summary{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:12px;list-style:none}.studio-options summary::-webkit-details-marker{display:none}.studio-options summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;margin:0 2px 2px 9px;display:inline-block;transform:rotate(45deg)}.studio-options[open] summary{background:#f2f0e8}.studio-options-panel{background:var(--paper);z-index:5;border:1px solid #c8c8bb;border-radius:0 0 10px 10px;width:min(660px,100% - 32px);padding:16px;position:absolute;top:100%;right:16px;box-shadow:0 12px 25px #292d2721}.studio-options .creative-controls{border-bottom:1px solid var(--line);padding:0 0 14px}.studio-options .loop-controls{border-bottom:0;margin-top:14px;padding:0}.studio-options .backing-choice{margin-left:0}.studio .canvas-toolbar{border-bottom:0;justify-content:flex-start;margin-bottom:8px}.studio .canvas-toolbar>.tools:last-child{margin-left:auto}.studio .canvas-view{margin-right:12px}.studio .transport-left{width:auto}.studio:not(.piano-preview) .drawing-board{min-height:clamp(380px,52vh,620px)}.studio .editor-hint:empty{display:none}.studio .studio-status:empty{border:0;height:0;min-height:0;padding:0;overflow:hidden}@media (width<=600px){.studio .studio-top{gap:6px;min-height:58px;padding:9px 12px}.studio-title{font-size:20px}.studio-actions{gap:5px}.studio-actions .text-button{padding:9px;font-size:0}.studio-actions .play-button{min-width:78px;padding:9px;font-size:11px}.studio-options summary{padding:9px 7px;font-size:11px}.studio .canvas-toolbar{flex-wrap:nowrap;gap:3px;display:flex}.studio .canvas-view{justify-content:flex-start;margin:0}.studio .canvas-view button{min-height:32px;padding:5px 7px;font-size:11px}.studio .canvas-toolbar .tools{gap:0}.studio .canvas-toolbar .tools button{padding:5px}.studio:not(.piano-preview) .drawing-board{min-height:235px}}@media (width<=360px){.studio .studio-top{flex-wrap:wrap}.studio-actions{justify-content:flex-end;width:100%}.studio .canvas-toolbar{flex-wrap:wrap}}.drawing-guide{border-top:1px solid var(--line);padding:48px 0}.drawing-guide-intro{grid-template-columns:1fr 1.2fr;align-items:start;gap:40px 90px;display:grid}.drawing-guide-intro h2{max-width:380px;font-size:29px}.drawing-guide-intro p{max-width:65ch;font-size:15px}.drawing-guide-steps{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0;padding:24px 0 24px 24px;display:grid}.drawing-guide-steps li{padding-left:4px}.drawing-guide-steps li::marker{color:var(--accent);font-weight:600}.drawing-guide-steps h3{font-size:17px}.drawing-guide-steps p{margin-top:8px;font-size:14px}.tutorial-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;display:grid}.tutorial-example{min-width:0}.tutorial-example .score-artwork{aspect-ratio:5/2;border-radius:10px}.tutorial-example h3{margin-top:20px}.tutorial-example>p{margin-top:8px;font-size:14px}.tutorial-example-actions{align-items:center;gap:20px;margin-top:18px;display:flex}.tutorial-example-actions button{background:var(--paper);min-height:44px}.tutorial-example-actions a{align-items:center;gap:5px;font-size:14px;text-decoration:underline;display:inline-flex}.tutorial-example-actions a:hover{color:var(--accent)}.tutorial-example-status{grid-column:1/-1;min-height:25px;font-size:13px}.drawing-guide-footer{justify-content:space-between;align-items:start;gap:20px 40px;margin-top:28px;display:flex}.drawing-guide-footer p{max-width:65ch;font-size:13px}.drawing-guide-footer a{flex-shrink:0;font-size:14px;text-decoration:underline}@media (width<=800px){.drawing-guide-intro,.drawing-guide-steps,.tutorial-examples{gap:24px}.tutorial-example-actions{flex-wrap:wrap;gap:12px}.drawing-guide-footer{flex-direction:column}}@media (width<=600px){.drawing-guide{padding:32px 0}.drawing-guide-intro,.drawing-guide-steps,.tutorial-examples{grid-template-columns:1fr}.drawing-guide-intro{gap:16px}.drawing-guide-steps{gap:20px;margin:24px 0}.tutorial-examples{gap:32px}.tutorial-example-actions{flex-wrap:nowrap}.drawing-guide-intro h2{font-size:26px}}