.tool-island{position:relative}.first-paint-note,.first-paint-panel{display:none}html[data-store=blocked] .first-paint-blocked,html[data-store=damaged] .first-paint-damaged{display:block}html[data-store=blocked] .tool-static,html[data-store=damaged] .tool-static{display:none}html[data-store=saved] .tool-static{visibility:hidden}html[data-store=saved] .first-paint-note{display:block;position:absolute;top:0;left:0;margin:0;color:var(--muted)}.home-header{max-width:none;margin-bottom:var(--s-4)}.home-header h1{max-width:24ch;margin-bottom:var(--s-2);font-size:clamp(1.625rem,1.3rem + 1.2vw,2.125rem);line-height:1.12;letter-spacing:-.03em}.home-header .lede{max-width:40rem;margin-bottom:0;font-size:1rem;color:var(--graphite)}@media (min-width:48rem){.home-header{padding-right:200px;margin-bottom:var(--s-5)}}html[data-store=saved] .home-header .lede{display:none}.maker .card{margin-bottom:var(--s-4)}.maker .card>h2{font-size:1.35rem}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-2)}.section-head h2{margin:0;font-size:1.35rem}.count-line{margin:0 0 var(--s-3);color:var(--graphite);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.maker-bar{--paper:var(--band);--card:var(--band-raised);--raised:var(--band-hover);--ink:var(--band-ink);--graphite:var(--band-muted);--muted:var(--band-muted);--line:var(--band-line);--accent:var(--band-focus);--accent-ink:#062220;--focus:var(--band-focus);position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3) var(--s-4);padding:var(--s-5) var(--s-4) var(--s-4);background:var(--tubes) var(--s-4) 0 /117px 4px no-repeat,var(--band);border:1px solid var(--band-edge);border-radius:var(--r-card);color:var(--ink)}.maker-bar .tempo-row input{background:var(--band-raised)}@media (min-width:48rem){.maker-bar{padding:var(--s-5) var(--s-5);background:var(--band)}.maker-bar:before{content:"";position:absolute;right:var(--s-6);bottom:100%;width:140px;height:70px;background:var(--tube-art) center bottom /contain no-repeat;pointer-events:none}}.play-button{min-width:8.5rem;min-height:52px;font-size:1.125rem;font-weight:700}.play-button svg{width:18px;height:18px;fill:currentColor}.tempo-field{display:flex;flex-direction:column;gap:2px}.tempo-field label{font-size:.875rem;font-weight:600;color:var(--graphite)}.tempo-row{display:flex;align-items:center;gap:var(--s-1)}.tempo-row input{width:4.25rem;min-height:44px;padding:0 var(--s-2);border:1px solid var(--line);border-radius:var(--r-chip);background:var(--paper);color:var(--ink);font:inherit;font-size:1.125rem;font-weight:650;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tempo-row input[aria-invalid=true]{border:2px solid var(--bad)}.step-button{border-color:var(--line);font-size:1.25rem;font-weight:700}.tempo-field .hint{font-size:.8rem}.keep-full,.loop-check,.mute-check{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;font-weight:600}.keep-full input,.loop-check input,.mute-check input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--accent)}.settings-button{margin-left:auto}.play-note{margin:var(--s-2) 0 var(--s-4);color:var(--graphite);font-size:.9375rem;min-height:1.5em}.play-note.is-bad{color:var(--bad);font-weight:600}.maker-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-5) var(--s-6);gap:var(--s-5) var(--s-6);align-items:start}@media (min-width:64rem){.maker-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.part-tabs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-3)}.part-tab{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:48px;padding:var(--s-1) var(--s-4);border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:inherit;font-family:var(--serif);font-weight:600;line-height:1.2;cursor:pointer}.part-tab-sound{font-family:var(--sans);font-size:.8rem;font-weight:500;color:var(--muted)}.part-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.part-tab[aria-pressed=true] .part-tab-sound{color:var(--paper)}.grid-bars{display:flex;flex-direction:column;gap:var(--s-3);margin:0 0 var(--s-3)}.bar-row{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-control);padding:var(--s-2) var(--s-3) var(--s-3)}.bar-row.is-empty,.bar-row.is-long,.bar-row.is-short{border-color:var(--bad);border-left-width:4px}.bar-head{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s-3);min-height:44px}.bar-name{margin:0;font-size:1rem;font-weight:700;font-family:var(--serif)}.bar-status{font-size:.875rem;color:var(--graphite);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-status.ok:before{content:"\2713  ";color:var(--ok)}.bar-status.bad{color:var(--bad);font-weight:650}.bar-status.bad:before{content:"\25B2  ";font-size:.75em}.bar-notes{display:flex;flex-wrap:wrap;gap:4px}.note-chip{flex-basis:0;min-width:44px;min-height:60px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 4px;border:1px solid var(--line);border-radius:var(--r-chip);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;position:relative}.note-chip:hover:not(:disabled){background:var(--raised)}.note-chip[aria-pressed=true]{background:var(--accent-soft);border:2px solid var(--ink);box-shadow:inset 0 -4px 0 var(--accent)}.note-chip.is-rest{border-style:dashed;color:var(--muted)}.note-chip.is-tied:after{content:"tie";position:absolute;right:3px;top:1px;font-size:.75rem;font-weight:700;color:var(--graphite)}.note-icon{width:18px;height:26px;fill:currentColor}.note-icon .icon-line{stroke:currentColor;stroke-width:1}.chip-label{gap:3px;font-size:.8125rem;font-weight:650;line-height:1.1}.chip-dot,.chip-label,.colour-dot{display:inline-flex;align-items:center}.chip-dot,.colour-dot{justify-content:center;border:1px solid #111318;border-radius:50%}.chip-dot{width:.7rem;height:.7rem}.chip-octave{font-size:.75rem;color:var(--muted);font-weight:500}.note-tools{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card);margin:0 0 var(--s-3)}.note-now{margin:0;font-weight:600}.tool-group{display:flex;flex-wrap:wrap;gap:var(--s-1)}.tool-button{min-height:44px;min-width:44px;padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.tool-button:hover:not(:disabled){background:var(--raised)}.tool-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tool-button[aria-pressed=true]:before{content:"\2713 "}.tool-button:disabled{opacity:.5;cursor:not-allowed}.pitch-button{border-bottom:6px solid var(--pc,var(--line))}.edit-message{margin:0}.grid-actions{margin-bottom:var(--s-1)}.keys-list{margin:0;padding:0 var(--s-4) var(--s-3) var(--s-6);font-size:.9375rem}.problems{border-left:4px solid var(--bad);background:var(--bad-soft);border-radius:var(--r-box) var(--r-chip) var(--r-chip) var(--r-box);padding:var(--s-3) var(--s-4);margin:var(--s-3) 0}.problems h3{font-size:1rem;margin:0 0 var(--s-2);font-family:var(--sans)}.problems ul{margin:0}.fold{margin:var(--s-3) 0;border:1px solid var(--line-soft);border-radius:var(--r-control);background:var(--card)}.fold>summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3);min-height:48px;padding:var(--s-2) var(--s-4);cursor:pointer}.fold-title{font-family:var(--serif);font-size:1.0625rem;font-weight:600;color:var(--ink)}.fold-sum{font-size:.8125rem;color:var(--muted);font-family:var(--mono)}.fold-body{padding:0 var(--s-4) var(--s-3)}.text-fold textarea{min-height:6rem}.text-errors ul{margin:0}.seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card)}.seg-button{min-height:44px;padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink);font:inherit;font-family:var(--serif);font-weight:500;cursor:pointer}.seg-button:hover:not([aria-pressed=true]){background:var(--raised)}.seg-button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.seg-button[aria-pressed=true]:before{content:"\2713  ";content:"\2713  "/""}.preview-box{position:relative;background:var(--nt-paper);border:1px solid var(--line-soft);border-radius:var(--r-card);max-height:75vh;overflow:auto;margin:0 0 var(--s-4)}.preview-svg svg{display:block;width:100%;height:auto}.preview-fresh{display:block;width:117px;height:40px;margin:0 auto var(--s-4);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 117 40'><g><rect x='0' y='0' width='12' height='40' rx='6' fill='%23d7263d'/><rect x='15' y='4.4' width='12' height='35.6' rx='6' fill='%23f28c28'/><rect x='30' y='8.2' width='12' height='31.8' rx='6' fill='%23f6d32d'/><rect x='45' y='10' width='12' height='30' rx='6' fill='%232e9e4f'/><rect x='60' y='13.2' width='12' height='26.8' rx='6' fill='%231fa3a3'/><rect x='75' y='16.2' width='12' height='23.8' rx='6' fill='%237b4fc9'/><rect x='90' y='18.8' width='12' height='21.2' rx='6' fill='%23e46aa8'/><rect x='105' y='20' width='12' height='20' rx='6' fill='%23d7263d'/></g></svg>") 50% /contain no-repeat}.marker{position:absolute;width:16px;transform:translateX(-50%);background:linear-gradient(to right,var(--marker) 0 6.5px,var(--marker-edge) 6.5px 9.5px,var(--marker) 9.5px);border-radius:4px;pointer-events:none}.count-badge{position:absolute;top:var(--s-2);right:var(--s-2);width:3.5rem;height:3.5rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2rem;font-weight:800}.count-badge[hidden],.marker[hidden]{display:none}.export-card fieldset{margin-bottom:var(--s-3)}.video-statement{font-weight:600;max-width:var(--measure)}.progress-block{display:flex;flex-direction:column;gap:var(--s-2);align-items:flex-start}.progress-block p{margin:0}.progress-block progress{width:100%;height:12px;accent-color:var(--accent)}.boards-card{margin-top:var(--s-5)}.board-list{list-style:none;margin:0 0 var(--s-3);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));grid-gap:var(--s-2);gap:var(--s-2)}.board-pick{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:56px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-chip);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.board-pick[aria-pressed=true]{background:var(--raised);box-shadow:inset 4px 0 0 var(--accent)}.board-name{font-family:var(--serif);font-weight:600;overflow-wrap:anywhere}.board-meta{font-size:.8125rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.danger-link{color:var(--bad)}.confirm-row{border:1px solid var(--bad);border-radius:var(--r-card);padding:var(--s-3);background:var(--card);margin:var(--s-2) 0}.confirm-row p{margin:0 0 var(--s-2);font-weight:600}.import-status{margin:var(--s-2) 0 0;color:var(--graphite);max-width:var(--measure)}.settings-drawer{max-width:460px;width:94vw;overflow-y:auto}.drawer-title-big{font-size:1.25rem;margin:0}.colour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));grid-gap:0 var(--s-3);gap:0 var(--s-3)}.colour-pick label{display:inline-flex;align-items:center;gap:var(--s-2)}.colour-dot{width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700}.colour-pick select,.part-row select{min-height:44px}.part-list{list-style:none;margin:0 0 var(--s-3);padding:0}.part-row{border-top:1px solid var(--line-soft);padding-top:var(--s-3)}.part-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3)}.drawer-foot{margin-top:var(--s-4)}.band{margin-top:var(--s-7)}.band h2{margin-top:0}.print-sheet{display:none}@media print{body,html{background:#ffffff!important}body:has(.print-sheet)>:not(.print-sheet){display:none!important}.print-sheet{display:block}.print-page-wrap{break-after:page;page-break-after:always}.print-page-wrap:last-child{break-after:auto;page-break-after:auto}.paper-a4 .print-page-wrap svg{display:block;width:210mm;height:296mm}.paper-letter .print-page-wrap svg{display:block;width:8.5in;height:10.95in}.site-main{padding:0!important;margin:0!important;max-width:none!important}.maker-grid{display:block}.preview-box{max-height:none;overflow:visible;border:0;background:#ffffff;--nt-ink:#111111;--nt-muted:#4a4a4a;--nt-paper:#ffffff;--nt-rule:#6b6b6b;--nt-faint:#d9d9d9}.count-badge,.marker{display:none!important}.tool-island>:not(.tool-static) .first-paint-note{display:none}}.shared-banner{border-left-color:var(--accent);background:var(--card)}.shared-banner h2{font-size:1.25rem;margin:0 0 var(--s-2)}.share-link{word-break:break-all}.drawer.share-drawer ul{list-style:disc;margin:0 0 var(--s-3);padding-left:1.25rem}.share-drawer li{margin-bottom:var(--s-2)}