@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans-latin-2ee17598a98d.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans Math";src:url("/fonts/instrument-math-symbols-58795c9a3004.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+21BA,U+2197,U+25B6,U+219D,U+266A,U+25A0,U+266D,U+22A4,U+27F3,U+2192,U+25C9,U+266F}@font-face{font-family:"Noto Sans Symbols 2";src:url("/fonts/instrument-control-symbols-2da4c3a49643.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2637,U+23FB}:root{color-scheme:dark;font-variant-numeric:tabular-nums;font-family:"Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif;background:#101011;color:#bfc1bd;--line:#353638;--accent:#aeb899}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input[type=range]{cursor:pointer}button,select{background:#242528;border:1px solid #414346;border-radius:5px;color:inherit;padding:8px 11px;font-size:12px}button:hover{background:#343638}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}#studio{height:100dvh;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#252629 0,#151618 55%,#101011 85%)}#drum-scene{position:absolute;inset:0}#drum-scene canvas{display:block;touch-action:none}.quiet-tools{position:absolute;right:24px;top:24px;display:flex;gap:9px}.quiet-tools button,.quiet-tools a,.quiet-bottom button{width:36px;height:36px;padding:0;border:1px solid #40424770;background:#22242766;backdrop-filter:blur(12px);display:grid;place-items:center;border-radius:50%;font-size:20px;color:#9b9f98}.quiet-bottom{position:absolute;left:27px;right:27px;bottom:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.quiet-bottom button{pointer-events:auto}#engine-status{font:8px "Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif;letter-spacing:1.4px;color:#737970}#fallback-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px}dialog{width:min(1100px,94vw);max-height:85dvh;overflow:auto;background:#191b1d;color:#c4c7c0;border:1px solid #43473f;border-radius:12px;padding:28px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#080909c7;backdrop-filter:blur(10px)}dialog h2{font-size:19px;font-weight:400;margin:0 0 20px}dialog p{font-size:12px;line-height:1.7;color:#90958b}.dialog-close{float:right;font-size:20px;padding:2px 9px;margin:0 0 15px 15px}.flat-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;clear:both;padding:10px 0 22px}.flat-controls label{font-size:10px;display:flex;align-items:center;gap:8px}.flat-controls input[type=number]{width:62px;background:#25272a;border:1px solid #424640;color:inherit;padding:6px}.flat-controls input[type=range]{width:90px;accent-color:var(--accent)}.flat-controls output{font:9px "Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif}.secondary-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.secondary-controls>span{font-size:10px;color:#878f80}.grid-scroll{overflow:auto}.seq-row{display:grid;grid-template-columns:120px repeat(16,minmax(25px,1fr));gap:5px;margin:5px 0;min-width:700px}.ruler{font:8px "Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif;text-align:center;color:#70766b}.pad{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:9px}.pad .number,.pad small{font:8px "Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif;color:#7c8375}.step{height:28px;padding:0;background:#292d2c;border-color:#383f37}.step.on{background:#8a9771;border-color:#9ba984}.step.playhead{box-shadow:inset 0 0 0 2px #d2dfb9}.pad.audition{background:#6c785b}#piano{display:flex;gap:3px}.piano-key{display:flex;flex-direction:column;gap:8px;background:#898f80;color:#171b16;font-size:10px;padding:7px}.piano-key.active{background:#d4ddb9}table{width:100%;border-collapse:collapse;font-size:10px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px}th{font-weight:500;color:#a0aa93}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:90vw;padding:11px 17px;border-radius:7px;background:#b9c3a6;color:#22291c;font-size:12px;opacity:0;pointer-events:none}#toast.visible{opacity:1}kbd{font:8px "Instrument Sans","Noto Sans Math","Noto Sans Symbols 2",sans-serif;color:#8f9987;margin-left:8px}@media(max-width:650px){.quiet-tools{top:15px;right:15px}.quiet-bottom{left:18px;right:18px;bottom:15px}dialog{padding:19px}.flat-controls{gap:12px}.flat-controls input[type=range]{width:75px}.quiet-bottom #engine-status{max-width:70%;line-height:1.7}}

.section-top{display:flex;gap:8px;align-items:center}.section-top a,.secondary-controls a{font-size:10px;margin-left:auto;color:#8c9189}#melody-dialog{max-width:430px}#melody-options{font-size:11px;margin:20px 0}#melody-options label{display:flex;align-items:center;gap:9px}#melody-brief{margin-top:12px}.quiet-tools button,.quiet-tools a,.view-tools button,.quiet-bottom button{transition:background .2s,color .2s}.quiet-tools button:hover,.view-tools button:hover,.quiet-bottom button:hover{color:#dde0d8;background:#353735aa}

.melody-actions{display:flex;gap:8px;flex-wrap:wrap}#melody-checkout:empty{display:none}#melody-checkout{margin:18px 0 12px;font-size:10px}#melody-apply{display:block;margin-top:16px;border-color:#778467;color:#d4dec7}#melody-pay{border-color:#778467}.quiet-link{display:block;background:transparent;border:0;color:#90958b;padding:8px 0;font-size:10px}button:disabled{cursor:default;opacity:.45}button[hidden]{display:none}

#melody-risk{font-size:10px;line-height:1.6;margin:0 0 14px}#melody-download{margin-top:10px}

button,select{font-weight:500}dialog h2,h2{font-weight:500}#engine-status{font-size:9px;letter-spacing:1.1px}

.seq-row button{scroll-margin:6px}