@font-face{font-family:Yuhan Kimberly Pureunsoop;src:url(/assets/%EC%9C%A0%ED%95%9C%ED%82%B4%EB%B2%8C%EB%A6%AC_%ED%91%B8%EB%A5%B8%EC%88%B2%EC%B2%B4_Light-0aIgh-gk.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Yuhan Kimberly Pureunsoop;src:url(/assets/%EC%9C%A0%ED%95%9C%ED%82%B4%EB%B2%8C%EB%A6%AC_%ED%91%B8%EB%A5%B8%EC%88%B2%EC%B2%B4_Medium-FO90GTf5.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Yuhan Kimberly Pureunsoop;src:url(/assets/%EC%9C%A0%ED%95%9C%ED%82%B4%EB%B2%8C%EB%A6%AC_%ED%91%B8%EB%A5%B8%EC%88%B2%EC%B2%B4_Bold-BozYBUSO.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-weight:300}html{background:#f2f0e9;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #839621}:root{--ink:#191b18;--muted:#77786f;--paper:#f2f0e9;--panel:#e8e5dc;--line:#cfccc2;--acid:#d8ff3e;--orange:#ff7043}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 11% 9%, #ffffffe6, transparent 25%), var(--paper)}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 34px;display:grid}.brand{width:max-content;color:var(--ink);letter-spacing:.06em;align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;display:flex;overflow-x:auto}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--acid);border-radius:50%;place-items:center;margin-right:3px;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-style:italic;display:grid}.brand-light{font-weight:400}.project-title,.audio-status,.instrument-meta small,.eyebrow,.octave-control>span,.knob-control label,.lower-controls small,footer{letter-spacing:.08em;font-family:Yuhan Kimberly Pureunsoop,sans-serif}.project-title{color:#5f6059;text-transform:uppercase;font-size:11px}.save-dot{background:#9a9b94;border-radius:50%;width:5px;height:5px;margin:0 8px 2px 0;display:inline-block}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.audio-status{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;margin-right:6px;font-size:10px;display:flex}.audio-status span{background:#e8a43d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e8a43d21}.audio-status.is-ready span{background:#65a137;box-shadow:0 0 0 3px #65a13721}.icon-button,.avatar{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.icon-button{color:inherit;text-decoration:none}.avatar{border-color:var(--ink);background:var(--ink);color:#fff;letter-spacing:.05em;font-size:10px}.language-toggle{border:1px solid var(--line);color:#96978f;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:6px;height:31px;padding:0 9px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.language-toggle i{background:#b8b6ae;width:1px;height:9px}.language-toggle span.active{color:var(--ink);font-weight:500}.maker-page .language-toggle{border-color:#41423d}.maker-page .language-toggle i{background:#4b4c46}.maker-page .language-toggle span.active{color:var(--acid)}.language-toggle.compact{height:27px;margin-right:8px;padding-inline:8px}.theme-toggle{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-toggle span{font-size:13px;line-height:1}.theme-toggle.compact{width:27px;height:27px}.maker-page .theme-toggle{color:var(--acid);border-color:#41423d}main{width:min(1320px,100% - 68px);margin:0 auto}.intro{justify-content:space-between;align-items:center;min-height:224px;display:flex;overflow:hidden}.eyebrow{color:#83847c;margin:0 0 19px;font-size:10px}h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,74px);font-weight:500;line-height:.92}.intro-copy{color:#6e6f67;margin:22px 0 0;font-size:13px;line-height:1.75}.wave-art{opacity:.7;justify-content:flex-end;align-items:center;gap:5px;width:min(46vw,590px);height:130px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%,#000);mask-image:linear-gradient(90deg,#0000,#000 25%,#000)}.wave-art i{background:#878880;width:2px;min-height:4px;max-height:80px}.studio{background:#dedbd2;border:1px solid #c8c5bb;border-radius:5px;overflow:hidden;box-shadow:0 24px 60px #23211b1a,inset 0 1px #fffc}.control-strip{background:linear-gradient(#ffffff2e,#0000),#d5d2c9;border-bottom:1px solid #bab7ae;grid-template-columns:minmax(240px,1fr) 230px 230px 150px;align-items:center;min-height:92px;padding:16px 24px;display:grid}.instrument-meta{align-items:center;gap:14px;display:flex}.instrument-meta strong{margin-bottom:5px;font-size:13px;font-weight:500;display:block}.instrument-meta small{color:#828279;font-size:10px;display:block}.instrument-icon{background:#e3e0d7;border:1px solid #bbb8af;border-radius:3px;place-items:center;width:43px;height:43px;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-size:22px;display:grid}.knob-control{border-left:1px solid #bfbbb2;grid-template-columns:54px 1fr 34px;align-items:center;gap:12px;padding:0 24px;display:grid}.knob-control label,.octave-control>span{color:#66675f;font-size:10px}.knob-control input{appearance:none;cursor:pointer;background:#aaa79f;height:2px}.knob-control input::-webkit-slider-thumb{appearance:none;border:3px solid var(--ink);background:var(--acid);border-radius:50%;width:13px;height:13px}.knob-control output{font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-size:10px}.octave-control{border-left:1px solid #bfbbb2;flex-direction:column;justify-content:center;gap:9px;height:54px;padding-left:24px;display:flex}.octave-control div{grid-template-columns:27px 40px 27px;display:grid}.octave-control button,.octave-control output{background:#e5e2d9;border:1px solid #afaca3;place-items:center;height:25px;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-size:11px;display:grid}.octave-control button{cursor:pointer}.octave-control button:disabled{opacity:.35}.octave-control output{background:#cbc8bf;border-inline:0}.keyboard-stage{background:linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/25% 100%,#24251f;padding:40px 28px 34px;position:relative;overflow-x:auto}.audio-gate{z-index:20;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181915e0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.audio-gate p{margin:0 0 14px;font-size:13px}.audio-gate button{background:var(--acid);color:#171812;cursor:pointer;border:0;border-radius:2px;min-width:210px;padding:13px 20px;font-size:12px;font-weight:700}.audio-gate button:disabled{color:#c9c9c5;cursor:wait;background:#6d6e66}.audio-gate button span{margin-right:9px;font-size:10px}.audio-gate small{color:#a7a79f;margin-top:12px;font-size:10px}.keyboard{border-top:7px solid #11120f;border-inline:6px solid #151612;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:10px solid #11120f;border-radius:3px;min-width:1248px;height:clamp(210px,26vw,338px);display:flex;box-shadow:0 12px 18px #00000073,inset 0 4px 5px #0009}.white-key-wrap{flex:1;min-width:0;position:relative}.piano-key{-webkit-tap-highlight-color:transparent}.white-key{cursor:pointer;background:linear-gradient(90deg,#00000008,#0000 25% 75%,#0000000f),linear-gradient(#f8f6ed,#e8e5da);border-top:0;border-bottom:5px solid #c4c1b6;border-left:0;border-right:1px solid #aaa89f;border-radius:0 0 3px 3px;width:100%;height:100%;padding:0;transition:background 55ms,transform 55ms;position:relative}.white-key.active{background:linear-gradient(#d8ff3e61,#d8ff3e1a),#eeeade;border-bottom-width:2px;transform:translateY(3px)}.black-key{z-index:5;color:#aaa;cursor:pointer;background:linear-gradient(90deg,#070806,#33342f 45%,#0c0d0b 85%),#111;border:0;border-bottom:8px solid #050605;border-radius:0 0 3px 3px;width:62%;height:61%;padding:0;transition:transform 55ms,border-width 55ms;position:absolute;top:0;right:-31%;box-shadow:0 5px 7px #0000007a}.black-key.active{background:linear-gradient(90deg,#181b0f,#6b7829 48%,#12130e);border-bottom-width:4px;transform:translateY(4px)}.black-key span{font:10px Yuhan Kimberly Pureunsoop,sans-serif;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.note-label{inset-inline:0;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:14px}.note-label b{color:#85857d;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.note-label em{color:#686961;border:1px solid #c5c2b8;border-radius:2px;place-items:center;width:18px;height:18px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.note-label.key-only{bottom:14px}.lower-controls{background:#cfccc3;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px;padding:12px 22px;display:grid}.pedal{text-align:left;cursor:pointer;background:#dcd9d0;border:1px solid #aaa79e;border-radius:3px;grid-template-columns:34px 1fr 32px;align-items:center;gap:10px;min-width:185px;padding:8px 11px;display:grid}.pedal.active{box-shadow:inset 0 0 0 1px var(--acid);border-color:#8a9438}.pedal-icon{background:linear-gradient(#77776e,#373832);border-radius:50% 50% 40% 40%;width:30px;height:18px;box-shadow:inset 0 2px 3px #ffffff52}.pedal b,.pedal small{display:block}.pedal b{margin-bottom:3px;font-size:10px}.pedal small{color:#77786f;font-size:10px}.pedal i{color:#77786f;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.pedal.active i{color:#657213;font-weight:700}.lower-controls>p{color:#71726a;text-align:center;font-size:10px}.lower-controls>p span{border-left:1px solid #aaa89f;height:11px;margin:0 14px -2px;display:inline-block}kbd{color:#55564f;background:#dcd9d0;border:1px solid #aaa89f;border-radius:2px;padding:2px 5px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.stop-button{color:#65665f;cursor:pointer;background:0 0;border:1px solid #aaa79e;border-radius:3px;padding:9px 12px;font-size:10px}.stop-button span{color:var(--orange);margin-right:7px;font-size:10px}footer{color:#94958e;justify-content:space-between;padding:17px 4px 30px;font-size:10px;display:flex}.home-page{background:radial-gradient(circle at 74% 18%, #d8ff3e2e, transparent 25%), var(--paper);min-height:100vh}.home-welcome-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0d0bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.home-welcome-modal{border:1px solid var(--line);background:radial-gradient(circle at 100% 0, #d8ff3e33, transparent 32%), var(--paper);width:min(590px,100%);color:var(--ink);border-radius:9px;padding:38px;position:relative;box-shadow:0 28px 90px #00000061}.home-welcome-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:20px;position:absolute;top:14px;right:14px}.home-welcome-modal>small{color:#778c20;letter-spacing:.12em;font-size:10px}.home-welcome-modal h2{letter-spacing:-.035em;max-width:470px;margin:14px 0 12px;font-size:clamp(28px,5vw,46px);line-height:1.08}.home-welcome-modal>p{max-width:500px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.home-welcome-flow{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 76%, transparent);border-radius:5px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:27px 0;padding:15px;display:grid}.home-welcome-flow span{text-align:center;flex-direction:column;gap:4px;min-width:0;font-size:11px;display:flex}.home-welcome-flow b{color:#778c20;font-size:10px}.home-welcome-flow i{color:var(--muted);font-style:normal}.home-welcome-modal footer{grid-template-columns:minmax(130px,.7fr) minmax(190px,1fr);gap:10px;padding:0;display:grid}.home-welcome-modal footer button,.home-welcome-modal footer a{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.home-welcome-modal footer button{border:1px solid var(--line);color:var(--muted);background:0 0}.home-welcome-modal footer a{border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none}.home-welcome-modal footer a span{color:var(--acid)}@media (width<=560px){.home-welcome-backdrop{padding:12px}.home-welcome-modal{padding:30px 20px 20px}.home-welcome-flow{gap:4px;margin:20px 0;padding:12px 8px}.home-welcome-flow span{font-size:10px}.home-welcome-modal footer{grid-template-columns:1fr}.home-welcome-modal footer a{grid-row:1}}.home-main{width:min(1320px,100% - 68px);margin:0 auto}.home-hero{border-bottom:1px solid var(--line);min-height:410px;padding:78px 0 70px}.home-hero h1{max-width:850px;font-size:clamp(60px,9vw,122px);line-height:.83}.home-hero h1.is-ko{max-width:1200px;font-size:clamp(48px,7vw,96px);line-height:.95}.home-hero h1 em{color:#92948b;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-weight:400}.home-hero>p{color:#6e6f67;margin:40px 0 0;font-size:13px;line-height:1.8}.make-mugic-link{background:var(--ink);width:max-content;min-width:280px;min-height:62px;color:var(--paper);border-radius:4px;align-items:center;gap:10px;margin-top:30px;padding:16px 25px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,color .16s;display:flex;box-shadow:0 14px 28px #1c1d182b}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home-guide-link{border:1px solid var(--line);min-height:62px;color:var(--ink);border-radius:4px;align-items:center;gap:10px;margin-top:30px;padding:0 22px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.home-guide-link:hover{border-color:var(--ink);background:color-mix(in srgb, var(--panel) 68%, transparent)}.home-guide-link span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.make-mugic-link:hover{background:var(--acid);color:var(--ink);transform:translateY(-2px)}.make-mugic-link span{border:1px solid;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.instrument-library{padding:48px 0 76px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-heading>div{align-items:baseline;gap:14px;display:flex}.section-heading span,.section-heading p,.card-topline,.card-copy p,.card-copy small{font-family:Yuhan Kimberly Pureunsoop,sans-serif}.section-heading span{color:#989991;font-size:10px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:26px;font-weight:500}.section-heading p{color:#8e8f87;letter-spacing:.08em;margin:0;font-size:10px}.instrument-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.instrument-card{min-height:350px;color:var(--ink);border:1px solid #c6c3b9;border-radius:5px;flex-direction:column;padding:20px;text-decoration:none;display:flex;overflow:hidden}.piano-card{color:#f3f1e8;background:#22231e;transition:transform .18s,box-shadow .18s}.piano-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #1f1e1930}.coming-card{color:#77786f;background:#d9d6cc}.card-topline{letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.card-topline i{color:var(--acid);border:1px solid;border-radius:20px;padding:3px 7px;font-size:10px;font-style:normal}.coming-card .card-topline i{color:#888980}.mini-piano{perspective:550px;background:repeating-linear-gradient(90deg,#0000 0 12%,#d8ff3e06 12% 12.2%);flex:1;justify-content:center;align-items:flex-end;margin:35px -20px 24px;padding:0 11%;display:flex}.mini-piano span{transform-origin:bottom;background:linear-gradient(#f6f3e8,#c9c7be);border-radius:0 0 2px 2px;width:7.6%;height:95px;margin-right:1px;transform:rotateX(18deg)}.mini-piano span:nth-child(2),.mini-piano span:nth-child(4),.mini-piano span:nth-child(7),.mini-piano span:nth-child(9),.mini-piano span:nth-child(11){z-index:2;background:linear-gradient(#080907,#3a3b36);align-self:flex-start;width:4.4%;height:62px;margin-inline:-2.3%;box-shadow:0 5px 9px #0009}.synth-lines{opacity:.42;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.synth-lines span{background:#77786f;width:2px;max-height:105px}.card-copy{border-top:1px solid #ffffff29;justify-content:space-between;align-items:flex-end;padding-top:18px;display:flex}.coming-card .card-copy{border-color:#bbb8ae}.card-copy p{color:#8e8f87;margin:0 0 7px;font-size:10px}.card-copy h3{letter-spacing:-.04em;margin:0 0 9px;font-size:25px;font-weight:500}.card-copy small{color:#8e8f87;letter-spacing:.06em;font-size:10px}.card-arrow,.card-lock{width:43px;height:43px;color:var(--acid);border:1px solid #61625d;border-radius:50%;place-items:center;font-size:18px;transition:background .18s,color .18s;display:grid}.piano-card:hover .card-arrow{background:var(--acid);color:#171812}.card-lock{color:#8a8b83;border-color:#b2afa5}.home-footer{border-top:1px solid var(--line);width:min(1320px,100% - 68px);margin:0 auto}.home-footer nav{align-items:center;gap:9px;display:flex}.home-footer a{color:inherit;text-decoration:none}.home-footer a:hover,.home-footer a:focus-visible{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.guide-page{background:radial-gradient(circle at 84% 6%, #d8ff3e33, transparent 23%), var(--paper);min-height:100vh;color:var(--ink)}.guide-topbar{z-index:40;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.guide-close{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);border-radius:50%;place-items:center;text-decoration:none;display:grid}.guide-main,.guide-footer{width:min(1180px,100% - 68px);margin:0 auto}.guide-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);align-items:end;gap:80px;min-height:540px;padding:105px 0 72px;display:grid}.guide-hero h1{letter-spacing:-.065em;max-width:800px;margin:16px 0 0;font-size:clamp(48px,6.3vw,92px);line-height:.94}.guide-hero h1 em{color:#92948b;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-weight:400}.guide-hero-copy>p{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.85}.guide-hero-copy>a{background:var(--ink);min-height:54px;color:var(--paper);border-radius:3px;align-items:center;gap:9px;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.guide-hero-copy>a span{color:var(--acid);font-size:10px}.guide-concept,.guide-workflow,.guide-reference{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:45px;padding:75px 0;display:grid}.guide-section-label{color:var(--muted);letter-spacing:.1em;gap:12px;padding-top:7px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.guide-section-label p{margin:0}.guide-concept h2,.guide-workflow h2,.guide-reference h2,.guide-mobile-note h2,.guide-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(27px,3.2vw,44px);font-weight:500}.guide-score-demo{border:1px solid var(--line);color:#eceae1;background:#20211d;border-radius:5px;margin-top:40px;padding:25px 26px 20px;box-shadow:0 22px 50px #1f1e191f}.guide-demo-ruler{color:#77786f;grid-template-columns:repeat(4,1fr);height:26px;padding-left:9%;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.guide-demo-grid{background:linear-gradient(90deg,#0000 calc(100% - 1px),#3d3e38 1px) 0 0/25% 100%,linear-gradient(#0000 calc(100% - 1px),#353630 1px) 0 0/100% 33.333%;border:1px solid #41423c;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);height:190px;display:grid;position:relative}.guide-demo-grid>i{border-right:1px dashed #30312c}.demo-block{z-index:2;border:1px solid #55564f;border-left:4px solid var(--demo-color);background:#292a26;border-radius:3px;align-items:center;min-width:94px;margin:7px;padding:0 12px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.demo-piano{--demo-color:#d8ff3e;grid-area:1/2}.demo-violin{--demo-color:#ff8d6b;grid-area:2/2}.demo-cello{--demo-color:#a8c7ff;grid-area:3/2}.demo-playhead{z-index:3;background:var(--orange);width:1px;position:absolute;top:-8px;bottom:-8px;left:25%;box-shadow:0 0 12px #ff704359}.guide-demo-notes{color:#8e8f87;letter-spacing:.08em;justify-content:space-between;padding-top:14px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.guide-demo-notes span:first-child{color:var(--acid)}.guide-rules{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.guide-rules p{border:1px solid var(--line);min-height:88px;color:var(--muted);flex-direction:column;gap:11px;margin:0;padding:17px;font-size:11px;line-height:1.55;display:flex}.guide-rules b{color:var(--ink);font:12px Yuhan Kimberly Pureunsoop,sans-serif}.guide-workflow>div:last-child>h2{margin-bottom:35px}.guide-step-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.guide-step-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:265px;padding:25px}.guide-step-grid article>span{color:#9b9c94;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.guide-step-grid h3{margin:42px 0 13px;font-size:19px;font-weight:500}.guide-step-grid p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.guide-step-grid a{color:var(--ink);margin-top:18px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.guide-step-grid a b{color:var(--orange)}.guide-reference-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.guide-reference-grid>article{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);padding:30px}.guide-reference-grid h2{margin:9px 0 30px;font-size:27px}.shortcut-list p{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(125px,.7fr) 1fr;align-items:center;gap:15px;margin:0;padding:11px 0;font-size:10px;display:grid}.shortcut-list kbd{border:1px solid var(--line);background:var(--paper);width:max-content;color:var(--ink);border-radius:2px;padding:4px 6px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.guide-save-list{counter-reset:guide-save;margin:0;padding:0;list-style:none}.guide-save-list li{border-top:1px solid var(--line);grid-template-columns:115px 1fr;gap:16px;padding:17px 0;display:grid}.guide-save-list b{font-size:11px}.guide-save-list span{color:var(--muted);font-size:10px;line-height:1.65}.guide-mobile-note{background:var(--acid);color:#191b18;border-radius:5px;grid-template-columns:85px minmax(0,1fr);align-items:start;gap:35px;margin:75px 0;padding:48px;display:grid}.guide-mobile-note>span{font:55px/.8 Yuhan Kimberly Pureunsoop,sans-serif}.guide-mobile-note h2{margin:10px 0 14px}.guide-mobile-note div>p:last-child{color:#505248;max-width:730px;margin:0;font-size:12px;line-height:1.75}.guide-cta{text-align:center;padding:95px 0 110px}.guide-cta h2{margin:12px 0 34px;font-size:clamp(42px,6vw,78px)}.guide-cta>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.guide-cta a{min-height:56px;color:var(--ink);border-radius:3px;align-items:center;gap:35px;padding:0 23px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.guide-primary-action{background:var(--ink);color:var(--paper)!important}.guide-primary-action span{color:var(--acid)}.guide-secondary-action{border:1px solid var(--line)}.guide-footer{border-top:1px solid var(--line)}.guide-footer a{color:inherit;text-decoration:none}.credits-page{background:radial-gradient(circle at 84% 6%, #d8ff3e33, transparent 23%), var(--paper);min-height:100vh;color:var(--ink)}.credits-main,.credits-footer{width:min(1180px,100% - 68px);margin:0 auto}.credits-hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:500px;padding:100px 0 70px;display:flex}.credits-hero h1{letter-spacing:-.065em;max-width:930px;margin:16px 0 32px;font-size:clamp(48px,6.3vw,92px);line-height:.96}.credits-hero h1 em{color:#92948b;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-weight:400}.credits-hero>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:13px;line-height:1.85}.credits-section{border-bottom:1px solid var(--line);grid-template-columns:145px minmax(0,1fr);gap:45px;padding:85px 0;display:grid}.credits-section-label>span{color:var(--acid);margin-bottom:10px;font-size:28px;font-weight:700;display:block}.credits-section-label>p{color:var(--muted);letter-spacing:.12em;margin:0;font-size:10px;font-weight:700}.credits-section h2{letter-spacing:-.04em;margin:0 0 32px;font-size:clamp(31px,4vw,52px)}.audio-credit-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.audio-credit-list article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:390px;padding:24px;display:flex}.credit-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.credit-heading p,.credit-heading span{letter-spacing:.08em;margin:0;font-size:10px;font-weight:700}.credit-heading p{color:var(--muted)}.credit-heading span{border:1px solid var(--line);color:#667919;white-space:nowrap;padding:5px 7px}.audio-credit-list h3{margin:50px 0 8px;font-size:21px;line-height:1.2}.audio-credit-list strong{min-height:42px;color:var(--muted);font-size:11px;line-height:1.6}.audio-credit-list article>p{color:var(--muted);margin:18px 0 25px;font-size:12px;line-height:1.75}.credit-links{flex-wrap:wrap;gap:8px 14px;margin-top:auto;display:flex}.credit-links a,.font-credit-card>a{color:var(--ink);text-underline-offset:4px;font-size:11px;font-weight:700}.font-credit-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 65%, transparent);padding:40px}.font-credit-card h2{margin:14px 0 20px}.font-credit-card>p:not(.eyebrow){max-width:710px;color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.8}.software-credit-list{border-top:1px solid var(--line)}.software-credit-list>a{border-bottom:1px solid var(--line);min-height:74px;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:0 18px;text-decoration:none;transition:padding .16s,background .16s;display:flex}.software-credit-list>a:hover,.software-credit-list>a:focus-visible{background:color-mix(in srgb, var(--acid) 10%, transparent);padding-left:25px}.software-credit-list span:first-child{align-items:baseline;gap:18px;display:flex}.software-credit-list strong{min-width:110px;font-size:15px}.software-credit-list small{color:var(--muted);font-size:11px}.software-credit-list b{color:var(--muted);letter-spacing:.08em;font-size:10px}.credits-contact>div:last-child>p:not(.eyebrow){max-width:630px;color:var(--muted);margin:-12px 0 27px;font-size:13px;line-height:1.8}.credits-contact>div:last-child>a{color:var(--ink);letter-spacing:-.02em;-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-underline-offset:8px;align-items:center;gap:13px;font-size:clamp(19px,3vw,31px);font-weight:700;text-decoration-thickness:3px;display:inline-flex}.license-note{border:1px solid var(--line);align-items:flex-start;gap:20px;margin:70px 0;padding:28px 32px;display:flex}.license-note>span{background:var(--acid);color:#191b18;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.license-note h2{margin:1px 0 8px;font-size:15px}.license-note p{max-width:820px;color:var(--muted);margin:0;font-size:11px;line-height:1.75}.credits-footer{border-top:1px solid var(--line)}.credits-footer a{color:inherit;text-decoration:none}.credits-footer nav{align-items:center;gap:9px;display:flex}.maker-page{--maker-bg:#1b1c19;--maker-panel:#22231f;--maker-line:#363731;background:var(--maker-bg);color:#ebe9df;min-height:100vh}.maker-header{z-index:50;border-bottom:1px solid var(--maker-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1c19f2;grid-template-columns:1fr minmax(110px,180px) auto 1fr;align-items:center;gap:17px;height:72px;padding:0 25px;display:grid;position:sticky;top:0}.maker-brand{color:#f1efe5}.maker-brand .brand-mark{background:var(--acid);color:#181914}.maker-project{color:#92938b;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;max-width:180px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;overflow:hidden}.transport{justify-self:center;align-items:center;gap:8px;display:flex}.transport button{color:#d8d7ce;cursor:pointer;border:1px solid #484943;place-items:center;display:grid}.transport-skip{background:0 0;border-radius:50%;width:32px;height:32px;font-size:10px}.transport-play{background:var(--acid);border-radius:50%;width:42px;height:42px;padding-left:3px;font-size:12px;color:#181914!important}.transport-play.playing{background:var(--orange);padding-left:0}.transport-play:disabled{cursor:wait;background:#55564f;color:#8d8e86!important}.transport-time{flex-direction:column;width:54px;margin-left:8px;display:flex}.transport-time b{font:16px Yuhan Kimberly Pureunsoop,sans-serif}.transport-time span{color:#77786f;letter-spacing:.12em;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.maker-tempo{color:#77786f;justify-self:end;align-items:center;gap:8px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.maker-guide-link{color:#d8d7ce;cursor:pointer;background:0 0;border:1px solid #484943;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;text-decoration:none;display:grid}.maker-guide-link:hover{border-color:var(--acid);color:var(--acid)}.composer-tutorial{z-index:120;color:#eeece3;width:min(430px,100vw - 48px);box-shadow:inset 4px 0 var(--acid), 0 18px 50px #0000006b;background:#1d1e1af7;border:1px solid #696b5f;border-radius:8px;padding:18px;position:fixed;bottom:24px;left:24px}.composer-tutorial-progress{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:14px;display:grid}.composer-tutorial-progress i{background:#4a4b44;border-radius:4px;height:3px}.composer-tutorial-progress i.active{background:var(--acid)}.composer-tutorial>small{color:var(--acid);letter-spacing:.1em;font-size:10px}.composer-tutorial h2{margin:7px 0 5px;font-size:17px;line-height:1.35}.composer-tutorial p{color:#b8b8ae;margin:0;font-size:12px;line-height:1.6}.composer-tutorial footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:15px;display:flex}.composer-tutorial footer a,.composer-tutorial footer button,.composer-tutorial footer span{border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:0 10px;font-size:10px;text-decoration:none;display:inline-flex}.composer-tutorial footer a{color:#aaa99f;margin-right:auto}.composer-tutorial footer button{color:#d8d7ce;cursor:pointer;background:#292a25;border:1px solid #55564f}.composer-tutorial footer .tutorial-next{border-color:var(--acid);background:var(--acid);color:#1a1b17;font-weight:700}.composer-tutorial footer span{color:var(--acid);border:1px dashed #6d7d31}.tutorial-step-place .quick-piano-viewport,.tutorial-step-place .song-track,.tutorial-step-position .inspector-position,.tutorial-step-chord .inspector-chord-builder,.tutorial-step-duration .inspector-duration,.tutorial-step-sounds .inspector-sounds,.tutorial-step-play .transport-play{outline:3px solid var(--acid);outline-offset:3px;animation:1.25s ease-in-out infinite alternate composer-tutorial-focus}@keyframes composer-tutorial-focus{0%{box-shadow:0 0 #d8ff3e14}to{box-shadow:0 0 0 8px #d8ff3e33}}@media (width<=560px){.composer-tutorial{width:calc(100vw - 24px);padding:15px;bottom:12px;left:12px;right:12px}.composer-tutorial h2{font-size:15px}.composer-tutorial p{font-size:11px}.composer-tutorial footer{flex-wrap:wrap}.composer-tutorial footer a{order:2}}.maker-tempo input{width:50px;color:var(--acid);text-align:center;background:#252621;border:1px solid #41423d;border-radius:2px;outline:0;padding:7px 3px;font:12px Yuhan Kimberly Pureunsoop,sans-serif}.maker-commandbar{z-index:49;background:#252620;border-bottom:1px solid #3b3c36;align-items:center;gap:7px;height:64px;padding:7px 18px;display:flex;position:sticky;top:72px;box-shadow:0 8px 18px #0000002e}.maker-master-volume{background:#1d1e1a;border:1px solid #4a4b44;border-radius:3px;flex-direction:column;flex:0 0 205px;justify-content:center;gap:5px;min-width:205px;height:50px;padding:6px 12px;display:flex}.maker-master-volume label,.maker-master-volume>div{align-items:center;display:flex}.maker-volume-heading{justify-content:space-between}.maker-master-volume label{color:#d9d8cf;letter-spacing:.06em;gap:7px;font-size:10px}.maker-master-volume label span{background:var(--acid);color:#181914;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:grid}.maker-master-volume .maker-volume-heading>button{color:var(--acid);cursor:pointer;background:#2d2f28;border:1px solid #4f5148;border-radius:2px;padding:2px 5px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.maker-master-volume>div{gap:9px}.maker-master-volume input{width:100%;height:12px;accent-color:var(--acid);cursor:pointer;margin:0}.maker-master-volume output{min-width:32px;color:var(--acid);text-align:right;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.maker-commandbar>a,.maker-commandbar>button{color:#e4e2d9;text-align:left;cursor:pointer;background:#2d2e29;border:1px solid #4a4b44;border-radius:3px;grid-template-rows:1fr 1fr;grid-template-columns:28px 1fr;align-items:center;min-width:165px;height:49px;padding:0 12px;text-decoration:none;display:grid}.maker-commandbar>a:hover,.maker-commandbar>button:hover{background:#343530;border-color:#777870}.maker-commandbar>a>span,.maker-commandbar>button>span{color:#bfc0b8;border:1px solid #5a5b54;border-radius:50%;grid-row:1/3;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.maker-commandbar b{align-self:end;font-size:11px;font-weight:500}.maker-commandbar small{color:#a0a199;letter-spacing:.07em;align-self:start;margin-top:3px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.maker-commandbar .command-create{background:var(--acid);color:#1b1c17;border-color:#77852a}.maker-commandbar .command-create:hover{border-color:var(--acid);background:#e1ff6a}.maker-commandbar .command-create>span{color:#1b1c17;border-color:#7e9224}.maker-commandbar .command-create small{color:#58651a}.maker-commandbar .command-mp3{color:#ff9c77;border-color:#bd633f}.maker-commandbar .command-reset{color:#c99b8b;border-color:#5b4a44;min-width:132px}.maker-commandbar .command-reset:hover{background:#3a2d28;border-color:#a66c58}.arrangement-edit-actions{border:1px solid #51524b;border-radius:3px;grid-template-columns:repeat(2,58px);height:49px;display:grid;overflow:hidden}.arrangement-edit-actions button{color:#b8b7ae;cursor:pointer;background:#292a26;border:0;border-right:1px solid #454640;place-items:center;gap:2px;padding:0;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.arrangement-edit-actions button:last-child{border-right:0}.arrangement-edit-actions button:hover:not(:disabled){color:var(--acid);background:#363731}.arrangement-edit-actions button:disabled{color:#55564f;cursor:default}.arrangement-edit-actions span{font-size:13px;line-height:1}.maker-commandbar>button:disabled{color:#676860;cursor:wait;border-color:#3b3c36}.maker-commandbar>p{color:#77786f;white-space:nowrap;align-items:center;margin:0 0 0 auto;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.maker-commandbar>p .ready-lamp{margin-left:0}.draft-auto-status{color:#9fa17f;margin-left:6px}.maker-length-control{background:#1f201c;border:1px solid #51524b;border-radius:3px;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;align-items:center;column-gap:12px;height:49px;padding:6px 6px 6px 12px;display:grid}.maker-length-control>span{color:#898a82;letter-spacing:.08em;align-self:end;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.maker-length-control>b{color:#e7e5dc;white-space:nowrap;align-self:start;margin-top:2px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.length-stepper{grid-area:1/2/3;gap:4px;display:flex}.length-stepper button{background:var(--acid);color:#1c1d18;cursor:pointer;border:1px solid #8b9c2c;border-radius:50%;width:32px;height:34px;padding:0;font-size:19px;line-height:1}.length-stepper button:disabled{color:#66675f;cursor:not-allowed;background:#30312c;border-color:#474841}.maker-workspace{grid-template-columns:260px minmax(520px,1fr) 260px;width:100%;min-height:calc(100vh - 164px);margin:0;display:grid}.mobile-workspace-tabs{display:none}.mobile-placement-toast{z-index:80;background:var(--acid);color:#1b1c18;border:1px solid #65751f;border-radius:4px;grid-template-columns:9px minmax(0,1fr) 34px;align-items:center;gap:12px;width:min(520px,100% - 32px);min-height:62px;padding:11px 11px 11px 16px;display:grid;position:fixed;top:268px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000061}.mobile-placement-pulse{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite placement-pulse;box-shadow:0 0 0 5px #ff70432e}.mobile-placement-toast b,.mobile-placement-toast small{display:block}.mobile-placement-toast b{font-size:12px}.mobile-placement-toast small{color:#555a3e;margin-top:3px;font:10px/1.45 Yuhan Kimberly Pureunsoop,sans-serif}.mobile-placement-toast button{color:#1b1c18;cursor:pointer;background:0 0;border:1px solid #1b1c184d;border-radius:50%;width:34px;height:34px}.block-library,.inspector{background:#20211d;height:calc(100vh - 164px);padding:22px 18px;position:sticky;top:136px;overflow-y:auto}.block-library,.inspector,.timeline-scroll,.quick-piano-viewport,.saved-score-list{scrollbar-width:thin;scrollbar-color:#55564f #1a1b18}.block-library::-webkit-scrollbar{width:8px;height:8px}.inspector::-webkit-scrollbar{width:8px;height:8px}.timeline-scroll::-webkit-scrollbar{width:8px;height:8px}.quick-piano-viewport::-webkit-scrollbar{width:8px;height:8px}.saved-score-list::-webkit-scrollbar{width:8px;height:8px}.block-library::-webkit-scrollbar-track{background:#1a1b18}.inspector::-webkit-scrollbar-track{background:#1a1b18}.timeline-scroll::-webkit-scrollbar-track{background:#1a1b18}.quick-piano-viewport::-webkit-scrollbar-track{background:#1a1b18}.saved-score-list::-webkit-scrollbar-track{background:#1a1b18}.block-library::-webkit-scrollbar-thumb{background:#55564f;border:2px solid #1a1b18;border-radius:8px}.inspector::-webkit-scrollbar-thumb{background:#55564f;border:2px solid #1a1b18;border-radius:8px}.timeline-scroll::-webkit-scrollbar-thumb{background:#55564f;border:2px solid #1a1b18;border-radius:8px}.quick-piano-viewport::-webkit-scrollbar-thumb{background:#55564f;border:2px solid #1a1b18;border-radius:8px}.saved-score-list::-webkit-scrollbar-thumb{background:#55564f;border:2px solid #1a1b18;border-radius:8px}.block-library::-webkit-scrollbar-thumb:hover{background:#77786f}.inspector::-webkit-scrollbar-thumb:hover{background:#77786f}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:#77786f}.quick-piano-viewport::-webkit-scrollbar-thumb:hover{background:#77786f}.saved-score-list::-webkit-scrollbar-thumb:hover{background:#77786f}.block-library{border-right:1px solid var(--maker-line)}.inspector{border-left:1px solid var(--maker-line)}.panel-title{color:#d0cfc7;letter-spacing:.1em;border-bottom:1px solid #363731;justify-content:space-between;padding-bottom:15px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.panel-title b{color:#66675f;font-weight:400}.library-title-actions{align-items:center;gap:9px;display:flex}.library-title-actions a{color:var(--acid);border-left:1px solid #44453f;padding-left:9px;font-size:10px;text-decoration:none}.panel-help{color:#aaaba3;margin:16px 0 20px;font-size:10px;line-height:1.6}.block-list{flex-direction:column;gap:8px;display:flex}.instrument-groups{flex-direction:column;gap:12px;display:flex}.instrument-group-title{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #363731;grid-template-columns:7px 1fr auto 14px;align-items:center;gap:8px;width:100%;min-height:31px;margin:0 0 9px;padding:0 3px 8px;display:grid}.instrument-group-title>span{border-radius:50%;width:6px;height:6px}.instrument-group-title b{color:#e0ded5;font-size:10px;font-weight:500}.instrument-group-title small{color:#8c8d85;letter-spacing:.08em;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.instrument-group-title i{color:#77786f;text-align:right;font:12px/1 Yuhan Kimberly Pureunsoop,sans-serif}.instrument-group-title:hover b,.instrument-group-title:hover i{color:var(--acid)}.instrument-group.collapsed .instrument-group-title{margin-bottom:0}.library-block-wrap{position:relative}.library-block{color:#eceae1;text-align:left;cursor:grab;background:#272824;border:1px solid #383934;border-radius:3px;grid-template-columns:5px minmax(0,1fr) 25px 29px;align-items:center;gap:11px;width:100%;min-height:65px;padding:10px;transition:border-color .15s,transform .15s;display:grid}.library-block:hover{border-color:#60615a;transform:translate(3px)}.library-block.placement-selected{border-color:var(--acid);box-shadow:inset 3px 0 var(--acid), 0 0 18px #d8ff3e1a;background:#303229}.block-color{border-radius:3px;width:4px;height:35px}.block-info b,.block-info small{display:block}.block-info b{margin-bottom:7px;font-size:13px;font-weight:500}.block-info b em{background:var(--acid);color:#20211d;vertical-align:2px;border-radius:2px;margin-left:6px;padding:2px 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.block-info small{color:#a1a29a;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.block-add{color:#8f9088;border:1px solid #4a4b45;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.block-more{color:#dcdbd3;letter-spacing:-.12em;cursor:pointer;background:#30312c;border:1px solid #50514b;border-radius:50%;place-items:center;width:28px;height:28px;padding:0 0 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.block-more:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.block-more:disabled{color:#55564f;cursor:not-allowed;opacity:.55;background:0 0;border-color:#383934}.block-context-menu{z-index:35;background:#30312c;border:1px solid #565750;border-radius:4px;width:118px;padding:5px;position:absolute;top:54px;right:7px;box-shadow:0 12px 28px #0000006b}.block-context-menu a,.block-context-menu button{color:#dedcd4;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:9px;width:100%;height:32px;padding:0 9px;font-size:10px;text-decoration:none;display:flex}.block-context-menu a:hover{background:#41423c}.block-context-menu button{color:#e59073}.block-context-menu button:hover{background:#49342e}.block-context-menu span{width:14px;color:inherit;text-align:center;font-size:12px}.data-note{color:#66675f;border:1px dashed #40413b;margin-top:28px;padding:14px}.data-note>span{letter-spacing:.1em;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.data-note p{margin:10px 0 0;font-size:10px;line-height:1.7}.data-note code{color:#abad9f;background:#30312c;border-radius:2px;padding:1px 3px;font-family:Yuhan Kimberly Pureunsoop,sans-serif}.arranger-panel{background:radial-gradient(circle at 50% 0,#d8ff3e0b,#0000 32%),#191a17;min-width:0}.quick-piano-panel{background:#20211d;border-bottom:1px solid #30312c;grid-template-columns:175px minmax(280px,1fr) 190px;align-items:center;gap:18px;min-height:112px;padding:10px 24px;display:grid}.quick-piano-controls{gap:7px;display:grid}.quick-piano-controls label>span{color:#85867e;letter-spacing:.1em;margin-bottom:4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.quick-piano-controls select{color:#d4d3ca;background:#292a26;border:1px solid #484943;border-radius:2px;outline:0;width:100%;height:27px;padding:0 26px 0 8px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.quick-octave-control{grid-template-columns:27px 1fr 27px;display:grid}.quick-octave-control button,.quick-octave-control b{color:#c6c5bc;background:#292a26;border:1px solid #484943;place-items:center;height:25px;display:grid}.quick-octave-control button{cursor:pointer;padding:0;font-size:17px}.quick-octave-control button:disabled{color:#4d4e48;cursor:default}.quick-octave-control b{border-inline:0;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.quick-piano-viewport{background:#181914;border:1px solid #10110e;border-radius:3px;min-width:0;padding:4px 5px 0;overflow-x:auto;box-shadow:inset 0 3px 5px #000000a6,0 1px #ffffff0f}.quick-piano-keys{min-width:300px;height:68px;padding-bottom:5px;display:flex}.quick-white-wrap{flex:1 0 0;min-width:31px;position:relative}.quick-key{cursor:grab;border:0;position:relative}.quick-key:active{cursor:grabbing}.quick-key.placement-selected{outline:2px solid var(--orange);outline-offset:-2px}.quick-white{border:1px solid #85857d;color:#5e5f58;background:linear-gradient(#faf8ef,#d8d5ca);border-top:0;border-radius:0 0 3px 3px;width:100%;height:63px;padding:0;box-shadow:inset 0 -3px #5150492e,0 2px 2px #0000004d}.quick-white:hover,.quick-white:focus-visible{background:var(--acid);outline:0}.quick-white:disabled{color:#44453f;cursor:not-allowed;background:#77776f}.quick-white span{padding-top:43px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.quick-black{z-index:2;background:#11120f;border-radius:0 0 3px 3px;width:60%;height:39px;position:absolute;top:0;right:-30%;box-shadow:0 3px 5px #00000073}.quick-black:hover,.quick-black:focus-visible{background:#809529;outline:0}.quick-black:disabled{cursor:not-allowed;box-shadow:none;background:#30312d}.quick-recommendation-marker{z-index:3;background:var(--acid);pointer-events:none;border-radius:999px;height:4px;position:absolute;bottom:0;box-shadow:0 0 7px #d8ff3eb8}.quick-recommendation-marker-white{left:4px;right:4px}.quick-black.chord-recommended:after{background:var(--acid);content:"";pointer-events:none;border-radius:999px;height:4px;position:absolute;bottom:4px;left:4px;right:4px;box-shadow:0 0 7px #d8ff3ed1}.quick-piano-drag-tip{min-height:76px;box-shadow:inset 3px 0 var(--acid);background:#292a25;border:1px solid #515249;border-radius:4px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;margin-left:14px;padding:12px 13px;display:grid}.quick-piano-drag-tip>span{width:28px;height:28px;color:var(--acid);border:1px solid #686960;border-radius:50%;place-items:center;font-size:14px;display:grid}.quick-piano-drag-tip small,.quick-piano-drag-tip b,.quick-piano-drag-tip p{display:block}.quick-piano-drag-tip small{color:var(--acid);letter-spacing:.1em;margin-bottom:4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.quick-piano-drag-tip b{color:#eeece3;font-size:11px;line-height:1.35}.quick-piano-drag-tip p{color:#91928a;margin:4px 0 0;font:10px/1.4 Yuhan Kimberly Pureunsoop,sans-serif}.ready-lamp{background:#b77c38;border-radius:50%;width:5px;height:5px;margin:0 6px 1px 18px;display:inline-block}.ready-lamp.ready{background:var(--acid);box-shadow:0 0 7px #d8ff3e99}.audio-loading-toast{z-index:320;color:#f2f0e9;background:#191b18f5;border:1px solid #43443e;border-radius:10px;width:min(330px,100vw - 32px);padding:13px 15px;position:fixed;top:82px;right:20px;box-shadow:0 14px 32px #0000003d}.audio-loading-toast>div{align-items:center;gap:7px;font-size:11px;display:flex}.audio-loading-toast .ready-lamp{flex:none;margin:0}.audio-loading-toast b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-loading-toast em{color:#b8b9b1;white-space:nowrap;margin-left:auto;font-size:10px;font-style:normal}.audio-loading-toast>i{background:#3e4039;border-radius:999px;height:4px;margin-top:10px;display:block;overflow:hidden}.audio-loading-toast>i>span{border-radius:inherit;background:var(--acid);height:100%;transition:width .18s;display:block}@media (width<=560px){.audio-loading-toast{width:auto;inset:auto 16px 76px}}.timeline-scroll{height:calc(100vh - 260px);display:block;overflow:auto}.score-bar-edge-control{z-index:8;background:#23241f;border:1px solid #484943;border-radius:4px;gap:5px;width:54px;padding:6px;display:grid;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 10px 22px #0000004d}.score-bar-edge-control>small{color:#8f917d;text-align:center;white-space:nowrap;padding:2px 0 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.score-bar-edge-control button{color:#d8d7ce;cursor:pointer;background:#2d2e29;border:1px solid #51524b;border-radius:3px;width:40px;height:38px;padding:0;font-size:22px;line-height:1}.score-bar-edge-control .score-add-bar{background:var(--acid);color:#1b1c18;border-color:#91a72d}.score-bar-edge-control button:disabled{color:#5f6059;cursor:not-allowed;background:#292a26;border-color:#3d3e38}.beat-ruler{width:var(--track-length);border-bottom:1px solid #33342f;height:34px;margin:16px 40px 0 70px;position:relative}.beat-ruler>span{bottom:8px;left:var(--beat-position);color:#55564f;font:10px Yuhan Kimberly Pureunsoop,sans-serif;position:absolute;transform:translate(-50%)}.beat-ruler>span.bar-number{color:#a0a198;font-size:10px}.song-track{width:var(--track-length);height:calc(var(--lane-height) * 6);background:linear-gradient(#ffffff03,#0000 45%,#ffffff03);border-block:1px solid #2b2c28;margin:0 84px 24px 70px;position:relative}.placement-grid{z-index:0;background-image:linear-gradient(90deg,#30312c 1px,#0000 1px),linear-gradient(#272824 1px,#0000 1px);background-size:calc(var(--beat-size,86px) / 2) 100%, 100% var(--lane-height);pointer-events:none;border-block:1px solid #30312c;position:absolute;inset:0}.track-spine{display:none}.track-spine:before,.track-spine:after{content:"";background:#66675f;border-radius:50%;width:8px;height:8px;position:absolute;left:-3px}.track-spine:before{top:0}.track-spine:after{bottom:0}.lane-guides{grid-template-rows:repeat(6, var(--lane-height));pointer-events:none;display:grid;position:absolute;inset:0}.lane-guides i{color:#3d3e39;text-indent:-64px;border-bottom:1px solid #30312c;padding:8px 0 0 8px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.lane-guides i:last-child{border-bottom:0}.beat-line{top:0;bottom:0;left:var(--beat-position);pointer-events:none;border-left:1px dashed #292a26;width:1px;position:absolute}.beat-line.bar-line{border-left:1px solid #41423c}.beat-line span{color:#3e3f3a;font:10px Yuhan Kimberly Pureunsoop,sans-serif;position:absolute;top:7px;left:7px}.vertical-playhead{z-index:20;top:-12px;bottom:-12px;left:var(--beat-position);border-left:1px solid var(--orange);pointer-events:none;opacity:.45;width:1px;position:absolute}.vertical-playhead.moving{opacity:1;box-shadow:0 0 10px #ff704340}.vertical-playhead span{background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-5px}.vertical-playhead b{background:var(--orange);color:#201e1b;padding:2px 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;position:absolute;top:-6px;left:6px}.selection-marquee{z-index:30;border:1px solid var(--acid);pointer-events:none;background:#d8ff3e1c;position:absolute;box-shadow:0 0 12px #d8ff3e14}.drop-cell-preview{z-index:25;top:calc(var(--lane,0) * var(--lane-height) + 3px);left:calc(var(--beat-position) + 3px);width:calc(var(--beat-size,86px) / 2 - 6px);height:calc(var(--lane-height) - 6px);border:1px solid var(--acid);pointer-events:none;background:#d8ff3e21;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #d8ff3e14,0 0 16px #d8ff3e1a}.drop-cell-preview span{color:var(--acid);letter-spacing:.06em;font:10px Yuhan Kimberly Pureunsoop,sans-serif;position:absolute;top:4px;right:5px}.arranged-block{z-index:5;right:auto;top:calc(var(--lane,0) * var(--lane-height) + 3px);left:calc(var(--beat-position) + 3px);width:calc(var(--beat-size,86px) * var(--block-beats,.5) - 6px);height:calc(var(--lane-height) - 6px);border:1px solid #454640;border-left:4px solid var(--block-color);color:#e9e7de;text-align:left;cursor:grab;background:#292a26;border-radius:3px;grid-template-columns:minmax(0,1fr) 6px;align-items:center;gap:2px;min-height:0;padding:5px 14px 5px 7px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;position:absolute;box-shadow:0 8px 18px #0003}.arranged-block.resizing{z-index:18;cursor:ew-resize;transition:none}.arranged-block:hover,.arranged-block.selected{border-color:#6d6e66;border-left-color:var(--block-color);transform:translateY(-2px)}.arranged-block.selected{box-shadow:0 0 0 1px var(--block-color), 0 8px 18px #00000040}.arranged-block.sounding{background:linear-gradient(90deg, color-mix(in srgb, var(--block-color) 22%, transparent), transparent 65%), #30312c;box-shadow:0 0 0 1px var(--block-color), 0 0 25px color-mix(in srgb, var(--block-color) 23%, transparent)}.arranged-beat{color:#696a63;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.arranged-name b,.arranged-name small{display:block}.arranged-name b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.arranged-name small{color:#74756d;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.note-stack{gap:4px;display:flex}.note-stack i{color:#a6a79f;border:1px solid #454640;border-radius:2px;padding:4px 5px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.drag-grip{color:#60615a;font-size:10px}.block-resize-handle{z-index:3;cursor:ew-resize;touch-action:none;opacity:0;pointer-events:none;border-radius:2px;width:11px;position:absolute;top:3px;bottom:3px;right:1px}.block-resize-handle:after{content:"";background:var(--block-color);width:2px;box-shadow:-3px 0 0 color-mix(in srgb, var(--block-color) 50%, transparent);border-radius:2px;position:absolute;top:24%;bottom:24%;right:4px}.arranged-block:hover .block-resize-handle,.arranged-block.selected .block-resize-handle,.arranged-block.resizing .block-resize-handle{opacity:1;pointer-events:auto}.inspector-chord{border-bottom:1px solid #363731;padding:27px 0 22px;position:relative}.inspector-chord>span{border-radius:3px;width:29px;height:4px;margin-bottom:20px;display:block}.inspector-chord small{color:#75766e;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.inspector-chord h2{letter-spacing:-.04em;margin:5px 0 0;font-size:32px;font-weight:500}.inspector-section{border-bottom:1px solid #363731;padding:20px 0}.inspector-section>label,.inspector-chord-field>label{color:#707169;letter-spacing:.1em;margin-bottom:12px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.inspector-chord-field+.inspector-chord-field{margin-top:14px}.inspector-chord-builder select{color:#e4e2d9;background:#282925;border:1px solid #4a4b45;border-radius:3px;width:100%;min-height:40px;padding:0 34px 0 11px;font:11px Yuhan Kimberly Pureunsoop,sans-serif}.inspector-chord-builder>small{color:#797a72;margin-top:9px;font-size:10px;line-height:1.5;display:block}.readonly-badge{float:right;color:#8f9087;letter-spacing:.04em;border:1px solid #4d4e47;border-radius:2px;padding:2px 5px;font-size:9px;font-style:normal}.position-stepper{grid-template-columns:30px 1fr 30px;display:grid}.position-stepper button,.position-stepper output{color:#c8c7be;background:#292a25;border:1px solid #41423d;place-items:center;height:30px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.position-stepper button{cursor:pointer}.position-stepper output{border-inline:0}.duration-percent-control{grid-template-columns:1fr 43px;align-items:center;gap:10px;display:grid}.duration-percent-control input{width:100%;accent-color:var(--acid)}.duration-percent-control output{color:var(--acid);text-align:center;background:#292a25;border:1px solid #41423d;border-radius:2px;padding:7px 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.duration-beat-control{grid-template-columns:36px 1fr 36px;display:grid}.duration-beat-control button,.duration-beat-control output{color:#c8c7be;background:#292a25;border:1px solid #41423d;place-items:center;min-height:36px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:grid}.inspector-instrument-volume>div{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.inspector-instrument-volume input{width:100%;accent-color:var(--acid);cursor:pointer;margin:0}.inspector-instrument-volume output{color:var(--acid);text-align:right;font:11px Yuhan Kimberly Pureunsoop,sans-serif}.inspector-instrument-volume>small{color:#797a72;margin-top:9px;font-size:10px;line-height:1.5;display:block}.duration-beat-control button{color:var(--acid);cursor:pointer;font-size:18px}.duration-beat-control button:disabled{color:#5d5e57;cursor:not-allowed}.duration-beat-control output{border-inline:0}.duration-percent-help{color:#77786f;margin-top:8px;font:10px/1.5 Yuhan Kimberly Pureunsoop,sans-serif;display:block}.inspector-notes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.inspector-notes>span{background:#272824;border:1px solid #41423d;border-radius:2px;align-items:center;gap:10px;height:39px;padding:0 9px;display:flex}.inspector-notes i{color:#64655e;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.inspector-notes b{font:10px Yuhan Kimberly Pureunsoop,sans-serif}.inspector-meta p{justify-content:space-between;margin:0 0 10px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.inspector-meta p:last-child{margin:0}.inspector-meta p span{color:#6f7068}.inspector-meta p b{color:#aaaba3;font-weight:400}.delete-block{color:#a67565;cursor:pointer;background:0 0;border:1px solid #4b3e39;border-radius:2px;width:100%;margin-top:18px;padding:10px;font-size:10px}.empty-inspector{color:#65665f;margin:25px 0;font-size:10px;line-height:1.7}.maker-statusbar{z-index:60;color:#979890;letter-spacing:.08em;background:#20211d;border-top:1px solid #393a34;align-items:center;gap:25px;height:28px;padding:0 20px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}.maker-statusbar span:last-child{color:var(--acid);margin-left:auto}.score-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b09b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.score-modal{color:#e8e6dd;background:#242520;border:1px solid #4a4b45;border-radius:5px;flex-direction:column;width:min(560px,100%);max-height:min(680px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0000008c}.score-modal>header{border-bottom:1px solid #3b3c36;justify-content:space-between;align-items:flex-start;padding:23px 24px 18px;display:flex}.score-modal>header span{color:#74756d;letter-spacing:.12em;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.score-modal>header h2{letter-spacing:-.035em;margin:7px 0 0;font-size:23px;font-weight:500}.score-modal>header>button{color:#aaaba3;cursor:pointer;background:0 0;border:1px solid #484943;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.saved-score-list{min-height:240px;padding:12px;overflow-y:auto}.saved-score-item{cursor:pointer;border:1px solid #0000;border-bottom-color:#383934;border-radius:3px;grid-template-columns:29px 1fr auto 25px;align-items:center;gap:11px;min-height:68px;padding:10px 12px;transition:background .12s,border-color .12s;display:grid}.saved-score-item:hover,.saved-score-item:focus-visible{background:#2c2d28;border-color:#4b4c46;outline:0}.score-play{background:var(--acid);color:#1b1c17;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.score-name{min-width:0}.score-name b,.score-name small{display:block}.score-name b{white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:11px;font-weight:500;overflow:hidden}.score-name b em{background:var(--acid);color:#1b1c17;vertical-align:2px;border-radius:2px;margin-left:7px;padding:2px 4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.score-name small,.saved-score-item time{color:#77786f;letter-spacing:.05em;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.saved-score-item time{white-space:nowrap}.delete-score{color:#696a63;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.delete-score:hover{color:#df8a6d;background:#46312b}.demo-score-mark{color:var(--acid);text-align:center;font:13px Yuhan Kimberly Pureunsoop,sans-serif}.empty-score-list{color:#696a63;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.empty-score-list>span{color:#8a8b83;margin-bottom:14px;font:28px Yuhan Kimberly Pureunsoop,sans-serif}.empty-score-list p{color:#a6a79f;margin:0 0 7px;font-size:11px}.empty-score-list small{font-size:10px}.score-modal>footer{color:#65665f;text-align:center;border-top:1px solid #3b3c36;padding:13px 24px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.instrument-mixer-modal{width:min(680px,100%)}.instrument-mixer-list{flex:1;grid-template-columns:1fr 1fr;gap:7px;min-height:0;padding:12px;display:grid;overflow-y:auto}.instrument-mixer-row{background:#20211d;border:1px solid #3d3e38;border-radius:3px;grid-template-columns:5px minmax(95px,1fr) minmax(80px,1fr) 42px;align-items:center;gap:9px;min-width:0;min-height:70px;padding:9px 10px;display:grid}.instrument-mixer-row.used{background:#d8ff3e09;border-color:#5e682f}.instrument-mixer-color{border-radius:999px;width:5px;height:34px}.instrument-mixer-name{min-width:0}.instrument-mixer-name b,.instrument-mixer-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instrument-mixer-name b{color:#e0ded5;font-size:11px;font-weight:500}.instrument-mixer-name small{color:#77786f;margin-top:4px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.instrument-mixer-row input{width:100%;min-width:0;accent-color:var(--acid);cursor:pointer}.instrument-mixer-row output{color:var(--acid);text-align:right;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.score-modal>.instrument-mixer-footer{text-align:left;justify-content:space-between;align-items:center;gap:14px;display:flex}.instrument-mixer-footer button{color:#d3d2c9;cursor:pointer;background:#2c2d28;border:1px solid #505149;border-radius:3px;flex:none;min-height:32px;padding:0 10px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}@media (width<=560px){.instrument-mixer-list{grid-template-columns:1fr}.instrument-mixer-row{grid-template-columns:5px minmax(100px,1fr) minmax(90px,1fr) 42px}.score-modal>.instrument-mixer-footer{flex-direction:column;align-items:stretch}}.create-block-page{background:radial-gradient(circle at 83% 12%, #e4b6ff2e, transparent 25%), var(--paper);min-height:100vh}.creator-close{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);border-radius:50%;place-items:center;font-size:18px;text-decoration:none;display:grid}.creator-main{width:min(1320px,100% - 68px);margin:0 auto}.creator-heading{justify-content:space-between;align-items:center;min-height:230px;display:flex}.creator-heading h1{font-size:clamp(40px,5vw,68px)}.creator-heading>div>p:last-child{color:#71726a;margin:20px 0 0;font-size:12px}.creator-audio-status{color:#8a8b83;letter-spacing:.08em;align-items:center;gap:8px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.creator-audio-status span{background:#d3913d;border-radius:50%;width:7px;height:7px}.creator-audio-status.ready span{background:#7da83c;box-shadow:0 0 0 4px #7da83c1f}.creator-instrument{text-align:center;background:#d9d6cd;border:1px solid #c6c3b9;border-bottom:0;border-radius:5px 5px 0 0;grid-template-columns:55px 1fr 55px;align-items:center;min-height:104px;display:grid}.creator-instrument>button{color:#1c1d19;cursor:pointer;background:#f0ede5;border:2px solid #8e8c84;border-radius:50%;width:44px;height:44px;margin:auto;font-family:Yuhan Kimberly Pureunsoop,sans-serif;font-size:24px;font-weight:700;line-height:1;transition:transform .14s,border-color .14s,background .14s;box-shadow:0 4px 10px #1d1c171f}.creator-instrument>button:hover,.creator-instrument>button:focus-visible{background:var(--acid);border-color:#1c1d19;outline:0;transform:scale(1.06)}.creator-instrument small,.creator-instrument p{font-family:Yuhan Kimberly Pureunsoop,sans-serif}.creator-instrument small{color:#7f8078;letter-spacing:.12em;font-size:10px}.creator-instrument h2{letter-spacing:-.04em;margin:5px 0;font-size:25px;font-weight:500}.creator-instrument p{color:#77786f;margin:0;font-size:10px}.creator-selection{border-inline:1px solid #c6c3b9;background:#cfccc3;border-top:1px solid #c2bfb6;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:82px;padding:13px 20px;display:grid}.held-notes{align-items:center;gap:17px;min-width:0;display:flex}.hold-label{color:#6a6b63;flex:none;align-items:center;gap:7px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.hold-label i{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ff70431f}.held-notes>div{align-items:center;gap:5px;min-height:35px;display:flex;overflow-x:auto}.held-notes b{background:#dfdcd3;border:1px solid #aaa89f;border-radius:2px;flex:none;padding:7px 9px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.held-notes em{color:#85867e;font-size:10px;font-style:normal}.selection-actions{gap:7px;display:flex}.selection-actions button{color:#5e5f58;cursor:pointer;background:#dedbd2;border:1px solid #aaa89f;border-radius:2px;padding:9px 11px;font-size:10px}.selection-actions button:first-child{color:#f1efe6;background:#23241f}.selection-actions button:disabled{opacity:.4;cursor:default}.creator-keyboard-stage{background:linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/25% 100%,#24251f;border-inline:1px solid #191a17;padding:35px 25px 31px;overflow-x:auto}.creator-keyboard-toolbar{display:none}.creator-keyboard{min-width:1248px;height:260px}.creator-keyboard .piano-key:disabled{cursor:not-allowed}.creator-keyboard .white-key:disabled{background:repeating-linear-gradient(-45deg,#0000000d 0 4px,#0000 4px 8px),#8c8b84;border-color:#5c5d57}.creator-keyboard .black-key:disabled{opacity:.42;background:#090a08}.creator-keyboard .white-key.held{background:linear-gradient(#d8ff3e8c,#d8ff3e24),#f0ede2}.creator-keyboard .black-key.held{background:linear-gradient(90deg,#20270a,#869d28 50%,#16190e);box-shadow:0 0 12px #d8ff3e47}.creator-save-panel{background:#d9d6cd;border:1px solid #c6c3b9;border-top:0;border-radius:0 0 5px 5px;grid-template-columns:1fr 1fr auto;align-items:end;gap:22px;min-height:112px;padding:18px 20px;display:grid;box-shadow:0 22px 50px #25231d1a}.creator-save-panel label>span{color:#77786f;letter-spacing:.09em;margin-bottom:9px;font:10px Yuhan Kimberly Pureunsoop,sans-serif;display:block}.creator-save-panel label>input{width:100%;height:38px;color:var(--ink);background:#e8e5dc;border:1px solid #aaa89f;border-radius:2px;outline:0;padding:0 11px;font-size:11px}.duration-input{grid-template-columns:1fr 72px;align-items:center;gap:12px;height:38px;display:grid}.duration-input input{accent-color:#25261f}.duration-input output{font:10px Yuhan Kimberly Pureunsoop,sans-serif}.save-custom-block{background:var(--acid);color:#191a15;cursor:pointer;border:0;border-radius:2px;height:39px;padding:0 17px;font-size:10px;font-weight:700}.save-custom-block:disabled{color:#7d7e76;cursor:default;background:#afaca3}@media (width<=900px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.project-title{display:none}main{width:calc(100% - 24px)}.intro{min-height:190px}.wave-art{display:none}.control-strip{grid-template-columns:1fr 1fr;gap:14px 0}.instrument-meta{grid-column:1/-1}.knob-control{border-left:0;padding:0 14px 0 0}.octave-control{padding-left:14px}.keyboard-stage{padding:20px 12px 22px;overflow-x:auto}.keyboard{min-width:1248px}.lower-controls{grid-template-columns:auto 1fr}.lower-controls>p{display:none}.home-main,.home-footer{width:calc(100% - 36px)}.home-hero{min-height:360px}.instrument-grid{grid-template-columns:1fr}.guide-main,.guide-footer,.credits-main,.credits-footer{width:calc(100% - 36px)}.credits-section{grid-template-columns:105px minmax(0,1fr);gap:25px}.audio-credit-list{grid-template-columns:1fr}.audio-credit-list article{min-height:330px}.guide-hero{grid-template-columns:1fr;gap:42px;min-height:470px;padding-top:80px}.guide-hero-copy{max-width:560px}.guide-concept,.guide-workflow,.guide-reference{grid-template-columns:105px minmax(0,1fr);gap:25px}.guide-rules,.guide-reference-grid{grid-template-columns:1fr}.maker-header{grid-template-columns:1fr auto auto}.maker-project,.maker-tempo label,.maker-tempo>span{display:none}.maker-workspace{grid-template-columns:210px minmax(500px,1fr);overflow-x:auto}.inspector{display:none}.creator-main{width:calc(100% - 24px)}.creator-heading{min-height:195px}.creator-save-panel{grid-template-columns:1fr 1fr}.save-custom-block{grid-column:1/-1}}@media (width<=560px){.audio-status,.icon-button{display:none}.intro{min-height:170px}.intro-copy{font-size:11px}.control-strip{grid-template-columns:1fr}.instrument-meta{grid-column:auto}.knob-control,.octave-control{border-top:1px solid #bfbbb2;border-left:0;padding:10px 0}.lower-controls{grid-template-columns:1fr}.stop-button{display:none}.home-hero{min-height:320px;padding:58px 0}.home-hero h1{font-size:clamp(52px,18vw,78px)}.home-hero h1.is-ko{font-size:clamp(38px,12vw,58px);line-height:1}.home-hero>p:last-child br,.section-heading p{display:none}.instrument-card{min-height:310px}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions a{width:100%;min-width:0;margin-top:12px}.guide-main,.guide-footer,.credits-main,.credits-footer{width:calc(100% - 24px)}.guide-topbar .brand>span:not(.brand-mark){display:none}.credits-hero{min-height:0;padding:65px 0 55px}.credits-hero h1{font-size:clamp(43px,13vw,64px)}.credits-section{grid-template-columns:1fr;gap:25px;padding:55px 0}.credits-section h2{margin-bottom:24px}.audio-credit-list article{min-height:310px;padding:20px}.font-credit-card{padding:26px 20px}.software-credit-list span:first-child{flex-direction:column;align-items:flex-start;gap:4px}.software-credit-list strong{min-width:0}.license-note{margin:50px 0;padding:22px 18px}.home-footer{flex-direction:column;align-items:flex-start;gap:12px}.home-footer nav{flex-wrap:wrap;align-items:flex-start}.guide-hero{gap:35px;min-height:0;padding:65px 0 55px}.guide-hero h1{font-size:clamp(43px,13vw,64px)}.guide-concept,.guide-workflow,.guide-reference{grid-template-columns:1fr;gap:25px;padding:55px 0}.guide-score-demo{margin-top:28px;padding:14px 12px}.guide-demo-grid{height:165px}.demo-block{min-width:0;margin:5px;padding:0 6px;font-size:10px}.guide-rules,.guide-step-grid,.guide-reference-grid{grid-template-columns:1fr}.guide-step-grid article{min-height:230px}.shortcut-list p{grid-template-columns:115px 1fr}.guide-save-list li{grid-template-columns:95px 1fr}.guide-mobile-note{grid-template-columns:1fr;gap:20px;margin:48px 0;padding:30px 24px}.guide-mobile-note>span{font-size:36px}.guide-cta{padding:70px 0 80px}.guide-cta h2{font-size:44px}.guide-cta a{justify-content:space-between;width:100%}.maker-header{grid-template-columns:auto 1fr auto;gap:8px;height:65px;padding:0 12px}.maker-header .brand>span:not(.brand-mark),.maker-tempo input,.maker-tempo label,.maker-tempo>span,.transport-skip,.transport-time{display:none}.maker-commandbar{padding-inline:9px;top:65px;overflow-x:auto}.maker-commandbar>a,.maker-commandbar>button{flex:0 0 158px;min-width:158px}.maker-commandbar>p{display:none}.maker-length-control{flex:0 0 155px}.saved-score-item{grid-template-columns:29px 1fr 24px}.saved-score-item time{display:none}.maker-workspace{min-height:0;display:block;overflow-x:hidden}.mobile-workspace-tabs{z-index:48;background:#20211d;border-bottom:1px solid #3b3c36;grid-template-columns:repeat(3,1fr);height:43px;display:grid;position:sticky;top:129px}.mobile-workspace-tabs button{color:#77786f;letter-spacing:.07em;background:0 0;border:0;border-right:1px solid #363731;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.mobile-workspace-tabs button.active{color:var(--acid);box-shadow:inset 0 -2px var(--acid);background:#2c2d28}.mobile-workspace-tabs button.placement-ready{color:#1c1d18;background:var(--acid);box-shadow:none}.mobile-placement-toast{z-index:80;background:var(--acid);color:#1b1c18;border:1px solid #65751f;border-radius:4px;grid-template-columns:9px minmax(0,1fr) 32px;align-items:center;gap:10px;width:min(420px,100% - 24px);min-height:58px;padding:10px 10px 10px 14px;display:grid;position:fixed;top:auto;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000061}.mobile-placement-pulse{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite placement-pulse;box-shadow:0 0 0 5px #ff70432e}.mobile-placement-toast b,.mobile-placement-toast small{display:block}.mobile-placement-toast b{font-size:11px}.mobile-placement-toast small{color:#555a3e;margin-top:3px;font:10px/1.45 Yuhan Kimberly Pureunsoop,sans-serif}.mobile-placement-toast button{color:#1b1c18;cursor:pointer;background:0 0;border:1px solid #1b1c184d;border-radius:50%;width:32px;height:32px}.block-library{border-right:0;border-bottom:1px solid var(--maker-line);width:100%;height:calc(100dvh - 200px);display:none;position:static}.mobile-panel-blocks .block-library{display:block}.arranger-panel{display:none}.mobile-panel-score .arranger-panel{display:block}.mobile-panel-inspector .inspector{border-left:0;width:100%;height:calc(100dvh - 200px);display:block;position:static}.instrument-groups{grid-template-columns:1fr 1fr;display:grid}.instrument-group{min-width:0}.data-note{display:none}.quick-piano-panel{grid-template-columns:1fr;gap:7px;min-height:116px;padding:8px 10px;overflow:visible}.quick-piano-controls{grid-template-columns:1fr 120px;align-items:end}.quick-piano-keys{min-width:280px;height:55px}.quick-white{height:50px}.quick-white span{padding-top:34px}.quick-black{height:31px}.quick-piano-drag-tip{margin-left:0;display:none}.timeline-scroll{grid-template-columns:32px minmax(0,1fr);justify-content:stretch;height:calc(100dvh - 316px);min-height:300px;display:grid;overflow:hidden auto}.beat-ruler{width:auto;height:var(--track-length);border-bottom:0;border-right:1px solid #33342f;margin:28px 0 0}.beat-ruler>span{top:var(--beat-position);bottom:auto;left:auto;right:7px;transform:translateY(-50%)}.song-track{width:auto;height:var(--track-length);border:0;border-inline:1px solid #2b2c28;margin:28px 8px 24px 7px}.score-bar-edge-control{float:right;position:sticky;top:12px;left:auto;right:8px;transform:none}.placement-grid{background-size:calc(100% / 6) 100%, 100% calc(var(--beat-size,86px) / 2);border:0;border-inline:1px solid #30312c;inset:0 12px 0 42px}.track-spine{z-index:0;background:#3c3d37;width:2px;display:block;position:absolute;top:0;bottom:0;left:28px}.lane-guides{grid-template-rows:none;grid-template-columns:repeat(6,1fr);inset:0 12px 0 42px}.lane-guides i{text-indent:0;border-bottom:0;padding:8px 7px}.beat-line{top:var(--beat-position);border-top:1px dashed #292a26;border-left:0;width:auto;height:1px;bottom:auto;left:0;right:0}.beat-line.bar-line{border-top:1px solid #41423c;border-left:0}.beat-line span{top:7px;left:auto;right:8px}.vertical-playhead{top:var(--beat-position);border-top:1px solid var(--orange);border-left:0;width:auto;height:1px;bottom:auto;left:19px;right:-13px}.vertical-playhead span{top:-5px;left:5px}.vertical-playhead b{top:-6px;left:auto;right:0}.drop-cell-preview{top:calc(var(--beat-position) + 3px);left:calc(42px + var(--lane,0) * ((100% - 54px) / 6) + 3px);width:calc(16.6667% - 15px);height:calc(var(--beat-size,86px) / 2 - 6px)}.arranged-block{top:calc(var(--beat-position) + 3px);left:calc(42px + var(--lane,0) * ((100% - 54px) / 6) + 3px);width:calc(16.6667% - 15px);height:calc(var(--beat-size,86px) * var(--block-beats,.5) - 6px);padding:7px 5px 16px;right:auto}.arranged-block.resizing{cursor:ns-resize}.block-resize-handle{cursor:ns-resize;width:auto;height:15px;inset:auto 3px 1px}.block-resize-handle:after{width:auto;height:2px;box-shadow:0 -3px 0 color-mix(in srgb, var(--block-color) 50%, transparent);inset:auto 26% 4px}.arranged-name small{display:none}.arranged-block:hover,.arranged-block.selected{transform:translate(3px)}.note-stack,.maker-statusbar span:nth-child(2),.maker-statusbar span:nth-child(3){display:none}.creator-heading{min-height:0;padding:44px 4px 32px}.creator-heading h1{margin-top:10px;font-size:clamp(34px,10vw,46px);line-height:1.05}.creator-heading>div>p:last-child{max-width:320px;margin-top:14px;line-height:1.6}.creator-audio-status{display:none}.creator-topbar{z-index:60;position:sticky;top:0}.creator-topbar .brand>span:not(.brand-mark){display:none}.creator-main{width:calc(100% - 24px)}.creator-instrument{grid-template-columns:52px 1fr 52px;min-height:92px}.creator-instrument>button{width:44px;height:44px;font-size:23px}.creator-instrument h2{white-space:nowrap;text-overflow:ellipsis;font-size:21px;overflow:hidden}.creator-selection{grid-template-columns:1fr;gap:12px;padding:14px}.held-notes{grid-template-columns:1fr;gap:8px;display:grid}.held-notes>div{width:100%;padding-bottom:3px}.selection-actions{grid-template-columns:1fr 1fr;display:grid}.selection-actions button{min-height:42px}.creator-keyboard-toolbar{color:#a4a59d;background:#20211d;border:1px solid #41423c;border-bottom:0;justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:7px 8px 7px 12px;font:10px/1.4 Yuhan Kimberly Pureunsoop,sans-serif;display:flex}.creator-keyboard-toolbar>div{flex:none;gap:5px;display:flex}.creator-keyboard-toolbar button{min-width:55px;height:31px;color:var(--acid);background:#2d2e29;border:1px solid #51524c;border-radius:2px;font:10px Yuhan Kimberly Pureunsoop,sans-serif}.creator-keyboard-stage{overscroll-behavior-inline:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:18px 10px 22px;overflow-x:auto}.creator-keyboard,.creator-keyboard .piano-key{touch-action:pan-x}.creator-keyboard{width:1456px;min-width:1456px;height:220px}.creator-save-panel{grid-template-columns:1fr;gap:17px;margin-bottom:24px;padding:16px 14px}.creator-save-panel label>input{height:44px;font-size:16px}.duration-input{min-height:44px}.save-custom-block{grid-column:auto;width:100%;height:48px;font-size:10px}}@keyframes placement-pulse{0%{box-shadow:0 0 #ff70436b}70%,to{box-shadow:0 0 0 8px #ff704300}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171815}html[data-theme=dark] body{background:#171815}html[data-theme=dark] .app-shell,html[data-theme=dark] .home-page,html[data-theme=dark] .guide-page,html[data-theme=dark] .credits-page,html[data-theme=dark] .create-block-page{--ink:#efede4;--muted:#9a9b93;--paper:#191a17;--panel:#242520;--line:#393a34;color:#efede4;background:radial-gradient(circle at 74% 12%,#d8ff3e0e,#0000 27%),#191a17}html[data-theme=dark] .topbar{background:#191a17f0;border-color:#393a34}html[data-theme=dark] .guide-topbar{background:#191a17eb}html[data-theme=dark] .project-title,html[data-theme=dark] .intro-copy,html[data-theme=dark] .home-hero>p,html[data-theme=dark] .creator-heading>div>p:last-child{color:#9a9b93}html[data-theme=dark] .brand-mark,html[data-theme=dark] .avatar,html[data-theme=dark] .make-mugic-link{background:var(--acid);color:#181914}html[data-theme=dark] .language-toggle,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .icon-button,html[data-theme=dark] .creator-close{border-color:#484943}html[data-theme=dark] .language-toggle span.active{color:var(--acid)}html[data-theme=dark] .studio,html[data-theme=dark] .control-strip,html[data-theme=dark] .lower-controls,html[data-theme=dark] .creator-instrument,html[data-theme=dark] .creator-selection,html[data-theme=dark] .creator-save-panel{box-shadow:none;background:#292a25;border-color:#44453f}html[data-theme=dark] .creator-instrument>button{color:var(--acid);background:#1f201c;border-color:#6a6b63;box-shadow:0 0 0 3px #d8ff3e0f}html[data-theme=dark] .creator-instrument>button:hover,html[data-theme=dark] .creator-instrument>button:focus-visible{border-color:var(--acid);background:var(--acid);color:#181914}html[data-theme=dark] .instrument-icon,html[data-theme=dark] .octave-control button,html[data-theme=dark] .octave-control output,html[data-theme=dark] .pedal,html[data-theme=dark] kbd,html[data-theme=dark] .held-notes b,html[data-theme=dark] .selection-actions button,html[data-theme=dark] .creator-save-panel input{color:#e5e3da;background:#343530;border-color:#55564f}html[data-theme=dark] .octave-control output,html[data-theme=dark] .selection-actions button:first-child{background:#20211d}html[data-theme=dark] .knob-control,html[data-theme=dark] .octave-control,html[data-theme=dark] .control-strip{border-color:#454640}html[data-theme=dark] .coming-card{color:#a1a29a;background:#292a25;border-color:#41423d}html[data-theme=dark] .home-hero,html[data-theme=dark] .home-footer,html[data-theme=dark] .guide-hero,html[data-theme=dark] .guide-concept,html[data-theme=dark] .guide-workflow,html[data-theme=dark] .guide-reference,html[data-theme=dark] .guide-footer,html[data-theme=dark] .credits-hero,html[data-theme=dark] .credits-section,html[data-theme=dark] .credits-footer,html[data-theme=dark] .audio-credit-list,html[data-theme=dark] .audio-credit-list article,html[data-theme=dark] .credit-heading span,html[data-theme=dark] .font-credit-card,html[data-theme=dark] .software-credit-list,html[data-theme=dark] .software-credit-list>a,html[data-theme=dark] .license-note,html[data-theme=dark] .credits-contact,html[data-theme=dark] .card-copy,html[data-theme=dark] .coming-card .card-copy{border-color:#393a34}html[data-theme=dark] .font-credit-card{background:#242520}html[data-theme=dark] .guide-step-grid,html[data-theme=dark] .guide-step-grid article,html[data-theme=dark] .guide-rules p,html[data-theme=dark] .guide-reference-grid>article,html[data-theme=dark] .guide-reference-grid p,html[data-theme=dark] .guide-reference-grid li,html[data-theme=dark] .guide-secondary-action{border-color:#41423d}html[data-theme=dark] .guide-reference-grid>article{background:#242520}html[data-theme=dark] .guide-reference-grid kbd{color:#efede4;background:#191a17;border-color:#50514b}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f2f0e9}html[data-theme=light] .maker-page{--maker-bg:#f2f0e9;--maker-panel:#e7e4db;--maker-line:#cbc8be;color:#20211d;background:#f2f0e9}html[data-theme=light] .maker-header{background:#f2f0e9f2;border-color:#cbc8be}html[data-theme=light] .maker-brand{color:#20211d}html[data-theme=light] .maker-brand .brand-mark{color:var(--acid);background:#20211d}html[data-theme=light] .maker-page .language-toggle,html[data-theme=light] .maker-page .theme-toggle,html[data-theme=light] .maker-guide-link,html[data-theme=light] .transport button{border-color:#b8b5ab}html[data-theme=light] .maker-page .language-toggle span.active,html[data-theme=light] .maker-page .theme-toggle,html[data-theme=light] .maker-guide-link{color:#20211d}html[data-theme=light] .maker-commandbar,html[data-theme=light] .mobile-workspace-tabs{background:#dedbd2;border-color:#c8c5bb;box-shadow:0 8px 18px #2d2a2214}html[data-theme=light] .maker-commandbar>a,html[data-theme=light] .maker-commandbar>button,html[data-theme=light] .arrangement-edit-actions button,html[data-theme=light] .maker-length-control{color:#292a25;background:#ebe8df;border-color:#b9b6ac}html[data-theme=light] .maker-master-volume{background:#ebe8df;border-color:#b9b6ac}html[data-theme=light] .maker-master-volume label{color:#30312c}html[data-theme=light] .maker-master-volume .maker-volume-heading>button{color:#586a10;background:#e4e1d8;border-color:#b8b5ab}html[data-theme=light] .inspector-instrument-volume output{color:#617511}html[data-theme=light] .maker-commandbar small,html[data-theme=light] .maker-commandbar>p,html[data-theme=light] .maker-length-control>span{color:#66675f}html[data-theme=light] .maker-length-control>b,html[data-theme=light] .transport-time b{color:#25261f}html[data-theme=light] .score-bar-edge-control>small{color:#686961}html[data-theme=light] .score-bar-edge-control button{color:#292a25;background:#f0ede5;border-color:#b9b6ac}html[data-theme=light] .score-bar-edge-control .score-add-bar{color:#1b1c18;background:#cce937;border-color:#728711}html[data-theme=light] .score-bar-edge-control button:disabled{color:#9a9b93;background:#dedbd2;border-color:#d0cdc3}html[data-theme=light] .beat-ruler>span{color:#686961}html[data-theme=light] .beat-ruler>span.bar-number{color:#292a25;font-weight:500}html[data-theme=light] .beat-line span{color:#66675f;font-weight:500}html[data-theme=light] .block-library,html[data-theme=light] .inspector,html[data-theme=light] .quick-piano-panel{background:#e3e0d7;border-color:#c8c5bb}html[data-theme=light] .quick-piano-drag-tip{background:#f1efe8;border-color:#b9b6ac;box-shadow:inset 3px 0 #809d12}html[data-theme=light] .quick-piano-drag-tip>span{color:#657d0d;border-color:#aaa79e}html[data-theme=light] .quick-piano-drag-tip small{color:#597008}html[data-theme=light] .quick-piano-drag-tip b{color:#242520}html[data-theme=light] .quick-piano-drag-tip p{color:#696a63}html[data-theme=light] .creator-keyboard-toolbar{color:#5f6059;background:#dedbd2;border-color:#c8c5bb}html[data-theme=light] .creator-keyboard-toolbar button{color:#536a07;background:#f1efe8;border-color:#aaa79e}html[data-theme=light] .arranger-panel,html[data-theme=light] .timeline-scroll{background:radial-gradient(circle at 50% 0,#8396210f,#0000 32%),#f4f2eb}html[data-theme=light] .panel-title,html[data-theme=light] .instrument-group-title,html[data-theme=light] .inspector-section,html[data-theme=light] .inspector-chord{color:#343530;border-color:#c2bfb5}html[data-theme=light] .instrument-group-title b,html[data-theme=light] .quick-piano-copy b{color:#292a25}html[data-theme=light] .library-block,html[data-theme=light] .arranged-block,html[data-theme=light] .inspector-notes>span,html[data-theme=light] .inspector-chord-builder select,html[data-theme=light] .position-stepper button,html[data-theme=light] .position-stepper output,html[data-theme=light] .duration-percent-control output,html[data-theme=light] .duration-beat-control button,html[data-theme=light] .duration-beat-control output{color:#262722;background:#eeece4;border-color:#bbb8ae;box-shadow:0 7px 15px #302d2414}html[data-theme=light] .block-info small,html[data-theme=light] .arranged-name small,html[data-theme=light] .panel-help,html[data-theme=light] .empty-inspector{color:#66675f}html[data-theme=light] .placement-grid{background-image:linear-gradient(90deg,#d0cdc3 1px,#0000 1px),linear-gradient(#dedbd2 1px,#0000 1px);border-color:#d0cdc3}html[data-theme=light] .quick-piano-viewport{background:#1d1e1a;border-color:#11120f;box-shadow:inset 0 3px 6px #000000b8,0 0 0 1px #ffffff73}html[data-theme=light] .quick-white{color:#3f403a;background:linear-gradient(#fffdf5,#d3d0c5);border-color:#77786f}html[data-theme=light] .quick-black{background:linear-gradient(90deg,#050604,#34352f 50%,#090a08);outline:1px solid #050604}html[data-theme=light] .keyboard{border-color:#080906;box-shadow:0 15px 24px #0000007a,inset 0 4px 5px #000000b8}html[data-theme=light] .white-key{background:linear-gradient(90deg,#0000000a,#0000 25% 72%,#0000001a),linear-gradient(#fffdf5,#d8d5ca);border-bottom-color:#aaa79d;border-right-color:#89877f}html[data-theme=light] .beat-line{border-color:#dedbd2}html[data-theme=light] .beat-line.bar-line{border-color:#aaa79e}html[data-theme=light] .track-spine{background:#aaa79e}html[data-theme=light] .maker-statusbar{color:#595a53;background:#e1ded5;border-color:#c5c2b8}html[data-theme=light] .score-modal{color:#242520;background:#eeece4;border-color:#bbb8ae}html[data-theme=light] .score-modal>header,html[data-theme=light] .score-modal>footer,html[data-theme=light] .saved-score-item{border-color:#cbc8be}html[data-theme=light] .instrument-mixer-row{background:#e6e3da;border-color:#cbc8be}html[data-theme=light] .instrument-mixer-row.used{background:#eef1dc;border-color:#8b9b48}html[data-theme=light] .instrument-mixer-name b{color:#282923}html[data-theme=light] .instrument-mixer-footer button{color:#30312c;background:#e4e1d8;border-color:#b8b5ab}html[data-theme=light] .saved-score-item:hover{background:#dedbd2}html[data-theme=light] .block-library,html[data-theme=light] .inspector,html[data-theme=light] .timeline-scroll,html[data-theme=light] .quick-piano-viewport,html[data-theme=light] .saved-score-list{scrollbar-color:#aaa79e #dedbd2}