:root{--bg:#eef0f5;--surface:#fbfcfe;--ink:#151827;--muted:#596079;--line:#d6dae5;--well:#e2e5ee;--accent:#e0521b;--accent-ink:#fff;--accent-soft:#fbe2d6;--c-intro:#5d7fb8;--c-groove:#2f9a8a;--c-build:#e09a1b;--c-drop:#e0521b;--c-break:#8a6fc0;--c-outro:#7b8197;--f-display:"Dela Gothic One","Hiragino Sans","Yu Gothic",sans-serif;--f-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10121b;--surface:#181b27;--ink:#e8eaf3;--muted:#959cb5;--line:#2a2e41;--well:#232739;--accent:#ff6a2c;--accent-ink:#1a0d06;--accent-soft:#3a2117;--c-intro:#6f93d0;--c-groove:#3db3a1;--c-build:#f0ab2a;--c-drop:#ff6a2c;--c-break:#a287dc;--c-outro:#8e94ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#10121b;--surface:#181b27;--ink:#e8eaf3;--muted:#959cb5;--line:#2a2e41;--well:#232739;--accent:#ff6a2c;--accent-ink:#1a0d06;--accent-soft:#3a2117;--c-intro:#6f93d0;--c-groove:#3db3a1;--c-build:#f0ab2a;--c-drop:#ff6a2c;--c-break:#a287dc;--c-outro:#8e94ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 40px;font-size:14.5px;line-height:1.6}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.wrap{max-width:1180px;margin:0 auto}button{font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.top{top:env(safe-area-inset-top,0px);z-index:6;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:10px;display:flex;position:sticky}.brand{font-family:var(--f-display);letter-spacing:.02em;margin-right:4px;font-size:18px}.brand small{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;margin-left:6px;font-size:11px}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;display:flex;overflow:hidden}.tabs button{cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 12px;font-size:13.5px;line-height:1.25}.tabs button small{font-family:var(--f-mono);color:var(--muted);font-size:10px;display:block}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tabs button[aria-pressed=true] small{color:var(--bg);opacity:.75}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13.5px;font-weight:500}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.tbtn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:34px;color:var(--ink);border-radius:7px;place-items:center;display:grid}.tbtn svg{fill:currentColor;width:15px;height:15px}.tbtn.play{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);width:46px}.tbtn.play .i-pause,.tbtn.play.on .i-play{display:none}.tbtn.play.on .i-pause{display:block}.showsel{align-items:center;gap:6px;display:inline-flex}.showsel .lab{color:var(--muted);font-size:12px}.showsel .seg button{font-family:var(--f-body);padding:4px 10px;font-size:12px}:root{--p-hook:#cf4f8b;--p-lead:#e0791b;--p-arp:#c99a12;--p-vox:#8a64c4;--p-chords:#3f9a4f;--p-pad:#2b9a8b;--p-bass:#3c6fc7}.dens{margin-top:8px;display:flex}.dens[hidden]{display:none}.dens-lab{z-index:2;width:var(--gut);background:var(--surface);color:var(--muted);flex-direction:column;flex:none;gap:2px;padding:0 6px 0 0;font-size:11px;display:flex;position:sticky;left:0}.dens-lab .term-link{color:var(--ink);text-align:left;margin-bottom:4px;font-size:11px;font-weight:700}.dens-lab .lg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dens-lab i{vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.dens-area{background:var(--roll,var(--well));cursor:pointer;border-radius:6px;flex:none}.dens-area svg{display:block}.chip.autoplay{padding:5px 10px;font-size:12px}.loopcol{gap:14px;min-width:0;display:grid}.lp-top{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lp-top .row{width:100%;margin-top:4px}.btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.progs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.pcard{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.pcard b{font-size:14px}.pcard .cn{font-family:var(--f-mono);color:var(--muted);font-size:12px}.pcard[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.pcard:disabled{opacity:.45;cursor:not-allowed}.roll{background:var(--well);border-radius:8px;margin-top:10px;overflow:hidden}.roll svg{width:100%;height:120px;display:block}.cands{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:6px;display:grid}.cand{border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--muted);background:0 0;border-radius:8px;padding:6px;font-size:12px}.cand svg{width:100%;height:44px;margin-bottom:4px;display:block}.cand[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dice{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.fold{border:1px solid var(--line);background:0 0;border-radius:8px;margin-top:8px}.fold summary{cursor:pointer;padding:7px 10px 7px 28px;font-size:13px;font-weight:500;list-style:none;position:relative}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"";border:5px solid #0000;border-left:7px solid var(--muted);margin-top:-4px;transition:transform .15s;position:absolute;top:50%;left:11px}.fold[open] summary:before{transform:rotate(90deg)translate(2px,2px)}.fold summary:hover{color:var(--accent)}.fold ul{gap:6px;margin:0;padding:2px 12px 10px 28px;font-size:13px;line-height:1.6;display:grid}.fold li b{color:var(--ink);margin-right:8px;display:inline-block}.fold li{color:var(--muted)}.recipes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px;display:grid}.recipe{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;gap:3px;padding:9px 11px;display:grid}.recipe b{font-size:14px}.recipe span{color:var(--muted);font-size:12.5px;line-height:1.55}.recipe:hover{border-color:var(--accent)}.recipe-msg{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.recipe-msg:empty{display:none}.arr-body{-webkit-user-select:none;user-select:none}.ruler{touch-action:none}:root{--g-rhythm:#6b7fa8;--g-low:#2b9a8b;--g-harm:#4e9d52;--g-mel:#cf4f8b;--g-up:#d18b12;--g-edge:#8a7cc0;--g-mod:#7b8197;--g-dens:#596079}.trk.grp{height:15px;margin-top:5px}.trk.grp:first-child{margin-top:0}.trk.grp .trk-lab{letter-spacing:.06em;cursor:default;color:var(--gc);font-size:10px;font-weight:700;line-height:15px}.trk.grp .trk-cells{border-bottom:1px solid var(--gc);opacity:.45;flex:1;align-self:center;min-width:0;height:0}.trk .trk-lab{border-left:3px solid var(--gc,transparent);padding-left:5px}.pgroups{gap:8px;display:grid}.pgroup{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.pgroup>.gname{white-space:nowrap;width:6.4em;color:var(--gc);border-left:3px solid var(--gc);flex:none;padding-top:6px;padding-left:6px;font-size:11.5px;font-weight:700}.pgroup .chips{flex:1;min-width:0}.ruler:hover{background:var(--well);border-radius:3px}.cursor{border-left:1.5px dashed var(--accent);pointer-events:none;z-index:3;width:0;position:absolute;top:0;bottom:0}.cursor:before{content:"";border:6px solid #0000;border-top:8px solid var(--accent);position:absolute;top:0;left:-6px}.zoom{align-items:center;gap:6px;display:flex}.zoom button{padding:3px 8px;font-size:12px}.bpm{align-items:center;gap:6px;font-size:12.5px;display:flex}.bpm input[type=range]{width:120px}.bpm output{font-family:var(--f-mono);text-align:right;min-width:3ch}.cell2.na{opacity:.6;cursor:not-allowed;background:repeating-linear-gradient(45deg,var(--line) 0 2px,transparent 2px 5px)!important}.cell2.na:hover{outline:none}.cell2.busy{opacity:1;background:#d8433b!important}.cell2.warn{opacity:1;background:#e0a21b!important}.cell2.calm{opacity:.9}.term .use{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;font-size:13px}.term .use b,.tip .use b{letter-spacing:.04em;opacity:.75;font-size:11px;font-weight:500;display:block}.tip .use{border-top:1px dashed;margin-top:6px;padding-top:6px}.btn:disabled{opacity:.45;cursor:default}.clock{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.beats{gap:4px;display:flex}.beats i{background:var(--well);border-radius:50%;width:9px;height:9px;display:block}.beats i.on{background:var(--accent)}.beats i.on:first-child{box-shadow:0 0 0 2px var(--accent-soft)}.term-link{color:inherit;text-underline-offset:3px;cursor:help;font:inherit;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.view[hidden]{display:none}h2.sec{font-family:var(--f-display);margin:22px 0 8px;font-size:17px;font-weight:400}.hint{color:var(--muted);margin:0;font-size:12.5px}.palette{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}#palette{flex-wrap:wrap;gap:6px;display:flex}.palette .lab{color:var(--muted);margin-right:4px;font-size:12.5px}.add{cursor:pointer;color:#fff;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px 6px 8px;font-size:13px;font-weight:700;display:inline-flex}.add span{font-family:var(--f-mono);opacity:.85;font-weight:500}.lane-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:10px 10px 8px}.lane-scroll{overflow:auto hidden}.ruler{height:16px;font-family:var(--f-mono);color:var(--muted);font-size:10px;position:relative}.ruler span{border-left:1px solid var(--line);padding-left:3px;line-height:14px;position:absolute;top:0;transform:translate(-1px)}.lane{border-bottom:1px solid var(--line);align-items:flex-end;height:132px;display:flex;position:relative}.blk{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;justify-content:flex-end;height:100%;padding-right:2px;display:flex;position:relative}.blk .body{color:#fff;border-radius:5px 5px 0 0;flex-direction:column;justify-content:space-between;min-height:34px;padding:5px 6px;display:flex;overflow:hidden}.blk .nm{white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.2}.blk .br{font-family:var(--f-mono);opacity:.9;white-space:nowrap;font-size:10px}.blk .tk{opacity:.92;max-height:3.75em;font-size:10px;line-height:1.25;overflow:hidden}.blk.sel .body{box-shadow:inset 0 0 0 2px var(--ink)}.blk.now .body{filter:brightness(1.12)}.blk.dragging{opacity:.75;z-index:3;cursor:grabbing}.insert{background:var(--ink);pointer-events:none;border-radius:2px;width:3px;display:none;position:absolute;top:0;bottom:0}.tbtn.off,.chip.off{visibility:hidden}.lab-a,.lab-b{grid-area:1/1}#followBtn,.lp-play{justify-items:center;display:inline-grid}.lab-b,.chip.follow.paused .lab-a,.lp-play.on .lab-a{visibility:hidden}.chip.follow.paused .lab-b,.lp-play.on .lab-b{visibility:visible}.chip.follow.paused{opacity:.6;border-style:dashed}.clock .pos{min-width:11.5em;display:inline-block}.head.paused{border-left:2px dashed var(--ink);opacity:.7;background:0 0;width:0}.head{background:var(--ink);pointer-events:none;z-index:4;width:2px;display:none;position:absolute;top:0;bottom:-1px}.lane-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.lane-foot .toggle{color:var(--ink);font-size:12.5px}:root{--gut:96px}@media (width<=600px){:root{--gut:70px}}.arr-body{width:max-content;min-width:100%;position:relative}.ruler,.lane{margin-left:var(--gut)}.head{top:16px;bottom:0}.tracks{margin-top:6px}.tracks[hidden]{display:none}.trk{align-items:stretch;height:17px;display:flex}.trk.sep{margin-top:6px}.trk-lab{z-index:2;width:var(--gut);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;color:var(--muted);cursor:help;border-radius:3px;flex:none;padding-right:6px;font-size:11px;line-height:17px;position:sticky;left:0;overflow:hidden}.trk-lab.trick{color:var(--muted);font-style:normal}.trk-lab.hit{background:var(--accent);color:var(--accent-ink)}.trk-cells{display:flex}.cell2{border-right:1px solid var(--surface);background:var(--well);opacity:.55;cursor:pointer;flex:none;height:13px;margin-top:2px}.cell2.on{opacity:1}.cell2.on.auto{background-image:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--surface) 55%,transparent) 3px 5px)}.chip.auto[aria-pressed=true]{border-style:dashed}.cell2:hover{outline:2px solid var(--ink);outline-offset:-2px}.cell2.hit{opacity:1;filter:brightness(1.55)saturate(1.3);box-shadow:inset 0 0 0 2px var(--ink)}.trk-lab.hover{color:var(--ink);font-weight:700}.hov{z-index:21;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.45;position:fixed}.hov small{opacity:.75;font-size:11px;display:block}.genres{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:13px;display:flex}.genres.sub{border-left:3px solid var(--line);margin-top:6px;padding-left:12px}.genres.sub .chip{padding:3px 10px;font-size:12.5px}.genres .chip small{font-family:var(--f-mono);opacity:.75;margin-left:4px;font-size:10.5px}.cols{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:16px;display:grid}@media (width<=820px){.cols{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px 16px}.insp-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border-radius:3px;flex:none;width:14px;height:14px}.insp-head h3{margin:0;font-size:18px}.insp-head h3 small{font-family:var(--f-mono);color:var(--muted);margin-left:6px;font-size:11px;font-weight:500}.row{margin-top:12px}.row>.k{color:var(--muted);align-items:baseline;gap:6px;margin-bottom:5px;font-size:12px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 11px;font-size:13px}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.seg{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font-family:var(--f-mono);background:0 0;border:0;padding:4px 12px;font-size:12.5px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.acts{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;display:flex}.term{position:sticky;top:96px}.term .k{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;font-size:11px}.term h4{margin:4px 0 0;font-size:17px}.term h4 small{font-family:var(--f-mono);color:var(--muted);font-size:11px;font-weight:500;display:block}.term p{margin:8px 0 0;font-size:13.5px}.term a{color:var(--accent);font-size:12.5px}.sess{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:16px;display:grid}@media (width<=820px){.sess{grid-template-columns:minmax(0,1fr)}}.pads{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pad{color:#fff;cursor:pointer;text-align:left;opacity:.55;touch-action:manipulation;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:96px;padding:12px;display:flex;position:relative}.pad .pn{font-size:16px;font-weight:700}.pad .pk{font-family:var(--f-mono);opacity:.9;font-size:11px}.pad .ps{opacity:.95;font-size:11.5px}.pad.on{opacity:1;box-shadow:0 0 0 3px var(--ink)}.pad.queued{opacity:.9;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{box-shadow:0 0 0 3px var(--accent)}}.hold{border:2px dashed var(--c-build);width:100%;min-height:110px;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border-radius:14px;place-items:center;margin-top:12px;padding:10px;display:grid}.hold b{font-size:18px;display:block}.hold small{color:var(--muted);font-size:12px}.hold.active{background:var(--c-build);color:#1b1206;border-style:solid}.hold.active small{color:#1b1206}.meter{justify-content:center;gap:4px;margin-top:6px;display:flex}.meter i{background:var(--well);border-radius:3px;width:22px;height:6px;display:block}.meter i.on{background:var(--c-drop)}.hold-in{display:grid}.hold-a,.hold-b{grid-area:1/1;display:block}.hold-b,.hold.latched .hold-a{visibility:hidden}.hold.latched .hold-b{visibility:visible}.hold.latched{border-style:solid;animation:1s ease-in-out infinite latch}@keyframes latch{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--c-build) 45%,transparent)}}.nx{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"k n dots""to to build""arms arms arms";align-items:center;gap:4px 12px;margin-top:10px;padding:10px 12px;display:grid}.nx-k{color:var(--muted);grid-area:k;font-size:12.5px}.nx-cnt{grid-area:n;align-items:baseline;gap:3px;min-width:4.2em;display:flex}.nx-n{text-align:right;min-width:1.6em;font-size:24px;font-weight:700;line-height:1}.nx-u{color:var(--muted);font-size:12px}.nx-dots{grid-area:dots;grid-template-columns:repeat(16,minmax(0,10px));justify-content:start;gap:3px;display:grid}.nx-dots i{background:var(--well);border-radius:50%;height:10px;display:block}.nx-dots i:nth-child(4n){margin-right:3px}.nx-dots i.on{background:var(--ink)}.nx-to{white-space:nowrap;grid-area:to;align-items:center;gap:6px;min-width:0;height:26px;display:flex;overflow:hidden}.nx-how{color:var(--muted);font-size:12.5px}.nx-chip{border-left:6px solid var(--c,transparent);text-overflow:ellipsis;padding-left:6px;font-weight:700;overflow:hidden}.nx-arms{white-space:nowrap;text-overflow:ellipsis;grid-area:arms;height:18px;font-size:12.5px;overflow:hidden}.nx-build{color:var(--muted);opacity:.45;grid-area:build;justify-self:end;align-items:center;gap:6px;font-size:12.5px;display:flex}.nx-build.on{opacity:1}.nx-build .meter{margin-top:0}.nx-build .mono{min-width:4.5em}@media (width<=560px){.nx{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"k k""n dots""to to""build build""arms arms"}.nx-build{justify-self:start}.nx-dots{grid-template-columns:repeat(16,minmax(0,1fr))}}.ctrl{gap:12px;display:grid}.ctrl label{color:var(--muted);margin-bottom:4px;font-size:12.5px;display:block}input[type=range]{width:100%;accent-color:var(--accent)}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.rec{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec .dot{background:var(--muted);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.rec .on .dot{background:#e5333b;animation:.8s steps(2,end) infinite blink}.reclog{color:var(--muted);word-break:break-all;min-height:1.5em;font-size:12px}.note{color:var(--muted);max-width:60em;margin-top:18px;font-size:12.5px}.tip{z-index:20;background:var(--ink);max-width:300px;color:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55;position:fixed;box-shadow:0 6px 24px #00000040}.tip h5{margin:0;font-size:15px}.tip h5 small{font-family:var(--f-mono);opacity:.7;font-size:10.5px;font-weight:500;display:block}.tip p{margin:6px 0 0}.tip .tip-acts{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.tip button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:3px 10px;font-size:12.5px}.tip a{color:inherit;opacity:.85;font-size:12px}.tip .done{opacity:.75;font-size:12px}@media (hover:none){.term-box{display:none!important}}.blk.joined{padding-right:0}.blk.link .body{border-left:2px dashed #ffffffbf;border-top-left-radius:0}@media (prefers-reduced-motion:reduce){.pad.queued,.rec .on .dot,.hold.latched{animation:none}.hold.latched{box-shadow:0 0 0 4px var(--accent)}}.chips[hidden]{display:none!important}.banner{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px}.banner[hidden]{display:none}.panel.soon{margin-top:16px}.panel.soon .sec{margin-top:0}.panel.soon .sec small{font-family:var(--f-mono);color:var(--muted);margin-left:8px;font-size:11px}.note a{color:var(--accent)}button,label.toggle,input[type=range]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lane-scroll{touch-action:pan-x pan-y}[data-term]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tracks .cell2{width:var(--px)}.pad,.hold{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pad{touch-action:none}.pad.press{opacity:.95;box-shadow:0 0 0 3px var(--accent);transform:scale(.97)}.rec-lab{display:inline-grid}.rec .on .lab-a{visibility:hidden}.rec .on .lab-b{visibility:visible}.banner.sent{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner.sent[hidden]{display:none}html{scrollbar-gutter:stable}.stx{gap:10px;margin-top:12px;display:grid}.stx .k{color:var(--muted);margin-bottom:6px;font-size:12.5px}.stx-btns{flex-wrap:wrap;gap:8px;display:flex}#modBtns .stb{--gc:var(--g-mod)}#cutBtns .stb{--gc:var(--g-edge)}.stb{border-left:4px solid var(--gc);text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:48px;padding-right:24px;display:inline-flex;position:relative}.stb .sb-n{font-weight:600}.stb .sb-s{color:var(--muted);font-size:11px}.stb .sb-k{font-family:var(--f-mono);color:var(--muted);font-size:10.5px;position:absolute;bottom:4px;right:6px}.stb.press{transform:scale(.96)}.stb.on{background:var(--ink);color:var(--bg);border-color:var(--ink);border-left-color:var(--gc)}.stb.on .sb-s,.stb.on .sb-k{color:inherit;opacity:.75}.stb.queued{animation:.5s steps(2,end) infinite blink}.stb.dis{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.stb.queued{box-shadow:0 0 0 3px var(--accent);animation:none}}@media (width<=560px){.stx-btns{grid-template-columns:1fr 1fr;display:grid}.stb{min-width:0}.stb .sb-n{font-size:12.5px}}.xyfold{border-top:1px solid var(--line);padding-top:8px}.xyfold summary{cursor:pointer;font-size:13px;font-weight:600}.xyfold .hint{margin:6px 0 0}.xy{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;background:linear-gradient(to right,#3c467859,transparent 70%),linear-gradient(to bottom,var(--accent-soft),transparent 75%),var(--well);border-radius:12px;height:180px;margin-top:6px;position:relative;overflow:hidden}.xy-l,.xy-t{color:var(--muted);pointer-events:none;font-size:11px;position:absolute}.xy-l{bottom:6px;left:8px}.xy-t{top:6px;right:8px}.xy-dot{background:var(--accent);width:26px;height:26px;box-shadow:0 0 0 5px var(--accent-soft);pointer-events:none;border-radius:50%;margin:-13px 0 0 -13px;position:absolute}.xy-dot.back{transition:left .45s ease-out,top .45s ease-out}.songbtn{align-items:center;gap:6px;width:11.5em;min-width:0;padding:6px 10px;font-size:13px;display:inline-flex}.songbtn svg{fill:currentColor;flex:none;width:14px;height:14px}.songname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lib{border:1px solid var(--line);background:var(--bg);width:min(680px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:14px 16px 18px;overflow:auto}.lib::backdrop{background:#0a0c1473}.lib-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lib-head h2{font-family:var(--f-display);margin:0;font-size:17px;font-weight:400}.lib-head .tbtn svg{width:14px;height:14px}.lib-cur{gap:8px;display:grid}.lib-cur .k{color:var(--muted);font-size:12.5px}.lib-name{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-sizing:border-box;border-radius:8px;width:100%;padding:7px 10px;font-size:16px;font-weight:700}.lib-k{color:var(--muted);margin-top:6px;font-size:12.5px}.lib-row2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib-prog{align-items:center;gap:10px;display:flex}.lib-prog[hidden],.lib-result[hidden]{display:none}.lib-track{background:var(--well);border-radius:4px;flex:1;height:8px;overflow:hidden}.lib-bar{background:var(--accent);width:0;height:100%;transition:width .2s}.lib-result{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:10px;display:grid}.lib-result audio{width:100%}.lib-rn{overflow-wrap:anywhere;font-weight:700}.lib-tools{flex-wrap:wrap;gap:8px;margin:14px 0 10px;display:flex}.lib-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lib-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:stretch;gap:8px;padding:4px;display:flex}.lib-row.cur{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.lib-open{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;gap:2px;padding:6px 8px;display:grid}.lib-n{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.lib-d{color:var(--muted);font-size:11.5px}.lib-acts{flex:none;align-items:center;gap:6px;display:flex}.lib-acts .btn{padding:5px 9px;font-size:12.5px}.lib-note{margin-top:14px;font-size:13px}.lib-note summary{cursor:pointer;color:var(--muted)}.lib-note p{margin:8px 0 0;line-height:1.7}.lib .banner{margin:0 0 8px}@media (width<=560px){.songbtn{width:8.5em}.lib{padding:12px}}.tplbtn{margin-left:8px;padding:5px 10px;font-size:12.5px}.tpl-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0;display:grid}.tpl-card{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.tpl-card b{font-size:14px}.tpl-card span{color:var(--muted);font-size:11.5px}.tpl-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.tpl-cur{gap:8px;display:grid}.tpl-title{font-size:16px;font-weight:700}#tplPlay.on{background:var(--ink);color:var(--bg)}.xm{z-index:3;border:1.5px solid var(--ink);background:var(--surface);min-width:20px;height:20px;color:var(--ink);font:700 11.5px/1 var(--f-body);cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;padding:0 5px;display:grid;position:absolute;top:4px;left:50%;transform:translate(-50%)}.xm.tip{border-style:dashed}.xm.edge{background:var(--bg);top:30px}.explain-near[hidden]{display:none}@media (hover:hover){.explain-near{display:none}}.explain-near .k,.term-box .k{font-size:12px}.note-tip:before{content:"＋ ";color:var(--accent)}.note-term{margin-top:4px}.chip.cur{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.slot-tabs{flex-wrap:wrap;gap:6px;display:flex}.slot-tab{border:1px solid var(--line);cursor:pointer;font-family:var(--f-mono);background:0 0;border-radius:7px;align-items:baseline;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.slot-tab small{font-family:var(--f-body);color:var(--muted);font-size:11px}.slot-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.slot-tab[aria-pressed=true] small{color:var(--bg);opacity:.75}.slot-tab.add{color:var(--muted);border-style:dashed}.cand-wrap{min-width:0;display:flex;position:relative}.cand-wrap .cand{flex:1;min-width:0}.cand-heart{background:var(--surface);cursor:pointer;width:24px;height:24px;color:var(--muted);border:0;border-radius:999px;font-size:14px;line-height:1;position:absolute;top:4px;right:4px}.cand-heart.on{color:var(--accent)}.row.similar{border:1px dashed var(--line);border-radius:8px;padding:8px}.ph-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ph-head .seg button{font-family:var(--f-body)}.ph-msg{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-size:12.5px;display:flex}.ph-msg:empty{display:none}.ph-list{gap:6px;max-height:420px;margin-top:8px;display:grid;overflow:auto}.ph-item{border:1px solid var(--line);border-radius:8px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.ph-roll svg{width:120px;height:40px;display:block}.ph-info{flex-direction:column;min-width:0;display:flex}.ph-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ph-info small{color:var(--muted);font-size:11.5px}.ph-acts{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.ph-acts .chip{padding:3px 9px;font-size:12px}.ph-qa{border-top:1px solid var(--line);gap:6px;margin-top:12px;padding-top:10px;display:grid}.ph-qa-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.ph-qa>.btn{justify-self:start}.app{position:relative}.top{flex-wrap:nowrap;gap:8px 12px;padding:8px 12px;overflow:visible}.top .transport{flex-wrap:nowrap}.top .clock{flex:none}.top .toggle{white-space:nowrap;font-size:12.5px}.pane-tg{gap:4px;margin-left:auto;display:inline-flex}.pane-tg .chip{padding:4px 10px;font-size:12px}.sound-pop{flex:none;position:relative}.soundbtn{white-space:nowrap;text-overflow:ellipsis;max-width:15em;padding:6px 10px;font-size:12.5px;overflow:hidden}.pop{z-index:40;width:min(760px,86vw);position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 30px #00000040}.pop[hidden]{display:none}.pop .genres:first-child{margin-top:0}.banners{z-index:30;pointer-events:none;gap:6px;width:min(760px,92vw);display:grid;position:absolute;top:56px;left:50%;transform:translate(-50%)}.banners>*{pointer-events:auto;margin:0;box-shadow:0 6px 24px #00000038}.pane{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-h{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;min-height:34px;padding:5px 12px;font-size:12.5px;font-weight:700;display:flex}.pane-h small{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;margin-left:6px;font-size:10px;font-weight:500}.pane-h .tabs button{padding:4px 12px;font-size:13px}.pane:focus-within>.pane-h,.pane.active>.pane-h{box-shadow:inset 0 -2px 0 var(--accent)}.pane-body{min-width:0;padding:8px 12px 14px}.pane-tabs{margin:8px 12px 0;display:flex}.pane-tabs button{font-family:var(--f-body);flex:1;padding:4px 6px;font-size:12px}.b-page[hidden],.d-page[hidden]{display:none}.b-songs{gap:4px;margin-bottom:8px;display:grid}.b-song{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:7px;flex-direction:column;padding:6px 9px;font-size:13px;display:flex}.b-song small{color:var(--muted);font-size:11px}.b-song[aria-current=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.memo .term{position:static}.memo .note{margin-top:16px;font-size:11.5px}.tl .palette{margin-top:0}.tl .lane-box{margin-top:8px}.detail .cols{grid-template-columns:minmax(0,1fr);margin-top:0}.detail .sess{margin-top:0}.splitter{cursor:row-resize;background:var(--line);touch-action:none;height:6px}.splitter:hover,.splitter:focus-visible,.splitter.drag{background:var(--accent)}@media (width>=900px){html,body{height:100%;overflow:hidden}body{padding:0}body:before{display:none}.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.work{grid-template-columns:minmax(0,1fr) var(--mw,280px);min-height:0;display:grid}.app.no-memo .work{--mw:0px}.app.no-memo .memo{display:none}.memo{border-left:1px solid var(--line)}.pane>.pane-body{flex:1;min-height:0;overflow:auto}.center{grid-template-rows:var(--tlh,46%) 6px minmax(0,1fr);min-width:0;min-height:0;display:grid}}@media (width<=899px){.top{flex-wrap:wrap}.pane-tg,.splitter{display:none}.pane{border-top:1px solid var(--line);margin-top:10px}.banners{width:auto;margin-top:8px;position:static;transform:none}}.top .chip,.top .btn{white-space:nowrap}.top .brand{flex:none;font-size:16px}.top .chip.autoplay{padding:4px 9px;font-size:11.5px}.top .beats{flex:none}.ph-head b{margin-right:auto;font-size:13px}@media (width>=900px){.work{grid-template-columns:minmax(0,1fr) var(--mw,270px)}}.top .chip.follow{padding:4px 9px;font-size:11.5px}.top .brand{letter-spacing:0;font-size:15px}.top .brand small{display:none}.top{gap:8px 10px}@media (width>=900px){body{margin:0}.top{gap:8px}}.pop{left:auto;right:0}:root{--h-A:#cf4f8b;--h-B:#3c6fc7;--h-C:#2f9a8a;--h-D:#c99a12;--h-E:#8a64c4;--h-F:#e0791b;--h-G:#3f9a4f;--h-H:#7b8197}.hookband{height:20px;margin:3px 0 2px var(--gut);display:flex;position:relative}.hookband:before{content:"フック";left:calc(-1 * var(--gut));width:calc(var(--gut) - 6px);color:var(--muted);font-size:11px;font-weight:700;line-height:20px;position:absolute}.hb{border:0;border-right:1px solid var(--bg);height:20px;font-family:var(--f-mono);color:#fff;text-align:left;cursor:pointer;opacity:.85;flex:none;padding:0 4px;font-size:11px;font-weight:700;overflow:hidden}.hb:hover,.hb.drop-over{opacity:1;outline:2px solid var(--ink);outline-offset:-2px}.hb.cont{opacity:.65}.hb-A{background:var(--h-A)}.hb-B{background:var(--h-B)}.hb-C{background:var(--h-C)}.hb-D{background:var(--h-D)}.hb-E{background:var(--h-E)}.hb-F{background:var(--h-F)}.hb-G{background:var(--h-G)}.hb-H{background:var(--h-H)}@keyframes hbflash{0%,60%{box-shadow:0 0 0 3px var(--ink) inset;filter:brightness(1.35)}to{box-shadow:none;filter:none}}.hb.flash,.loop-head.flash{animation:1.4s ease-out hbflash}.loop-head{z-index:3;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-8px 0 4px;padding:6px 0 8px;font-size:13px;display:flex;position:sticky;top:-8px}.loop-head span:last-child{color:var(--muted)}.hb-tag{color:#fff;min-width:24px;height:22px;font-family:var(--f-mono);border-radius:5px;place-items:center;font-weight:700;display:inline-grid}.slot-tab.drop-over{outline:2px dashed var(--accent);outline-offset:2px}body.dragging-phrase .hookband,body.dragging-phrase #hookSlot{outline:1px dashed var(--accent);outline-offset:3px}.ph-item[draggable=true],.cand-wrap[draggable=true]{cursor:grab}@media (prefers-reduced-motion:reduce){.hb.flash,.loop-head.flash{outline:2px solid var(--ink);animation:none}}.vid-range{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;z-index:3;background:#e0521b1f;position:absolute;top:0;bottom:0}.vid-range[hidden]{display:none}.vid-range span{font-size:10.5px;font-family:var(--f-mono);color:var(--accent);white-space:nowrap;position:absolute;top:0;left:4px}.arr-body{position:relative}.vid-styles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.vid-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.vid-num{width:6em;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:4px 6px}.vid-prev{border:1px solid var(--line);background:#10121b;border-radius:8px;max-width:100%;margin-bottom:6px;display:block}.vid-prog[hidden]{display:none}.song-pop{flex:none;position:relative}.pop.menu{gap:2px;width:15em;padding:6px;display:grid;left:0;right:auto}.pop.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13.5px}.pop.menu button:hover,.pop.menu button:focus-visible{background:var(--well)}.pop.menu[hidden]{display:none}.pop.menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}.undo-btns{flex:none;gap:2px;display:inline-flex}.undo-btns .tbtn{background:0 0;border-color:#0000;width:28px;height:30px}.undo-btns .tbtn svg{width:14px;height:14px}.top .songbtn{width:8.2em}.top .clock .pos{min-width:6.6em}.tbtn:disabled{opacity:.35;cursor:default}.progband{height:20px;margin:2px 0 3px var(--gut);display:flex;position:relative}.progband:before{content:"コード進行";left:calc(-1 * var(--gut));width:calc(var(--gut) - 6px);color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700;line-height:20px;position:absolute;overflow:hidden}.pb{border:0;border-right:1px solid var(--bg);background:var(--well);height:20px;color:var(--ink);cursor:pointer;font-family:var(--f-mono);text-align:left;flex:none;padding:0;font-size:10.5px;display:flex;overflow:hidden}.pb span{white-space:nowrap;border-left:1px solid color-mix(in srgb,var(--line) 70%,transparent);flex:none;padding-left:3px;line-height:20px;overflow:hidden}.pb span:first-child{border-left:0}.pb:hover{outline:2px solid var(--ink);outline-offset:-2px}.pb.own{background:color-mix(in srgb,var(--hc) 22%,var(--well));box-shadow:inset 0 -3px 0 var(--hc)}.pb.hb-A{--hc:var(--h-A)}.pb.hb-B{--hc:var(--h-B)}.pb.hb-C{--hc:var(--h-C)}.pb.hb-D{--hc:var(--h-D)}.pb.hb-E{--hc:var(--h-E)}.pb.hb-F{--hc:var(--h-F)}.pb.hb-G{--hc:var(--h-G)}.pb.hb-H{--hc:var(--h-H)}.hb{opacity:.55}.hb.hl{opacity:1}.hb.sel{box-shadow:inset 0 0 0 2px var(--ink)}.rowpop{z-index:45;gap:8px;width:min(460px,100vw - 16px);max-height:min(70vh,560px);padding:10px 12px;display:grid;position:fixed;overflow:auto}.rowpop[hidden]{display:none}.pop-h{align-items:baseline;gap:8px;font-size:13.5px;font-weight:700;display:flex}.pop-h small{color:var(--muted);font-size:11.5px;font-weight:400}.pop-row{gap:4px;display:grid}.pop-row .k{color:var(--muted);font-size:12px}.rowpop .progs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pop-wide{text-align:left;width:100%;display:block}.pop-wide small{color:var(--muted);font-weight:400}.hbchip{font-family:var(--f-mono);min-width:34px;font-weight:700}.hbchip[aria-pressed=true]{background:var(--hc,var(--ink));border-color:var(--hc,var(--ink));color:#fff}.hbchip.hb-A{--hc:var(--h-A)}.hbchip.hb-B{--hc:var(--h-B)}.hbchip.hb-C{--hc:var(--h-C)}.hbchip.hb-D{--hc:var(--h-D)}.hbchip.hb-E{--hc:var(--h-E)}.hbchip.hb-F{--hc:var(--h-F)}.hbchip.hb-G{--hc:var(--h-G)}.hbchip.hb-H{--hc:var(--h-H)}.hbchip{background:0 0}button.trk-lab{font:inherit;text-align:left;cursor:pointer;border:0;font-size:11px}button.trk-lab:hover{color:var(--ink);text-decoration:underline}.tset{align-items:center;margin-top:8px}.tset .k{color:var(--muted);margin-right:4px;font-size:12px}.hook3{gap:12px;min-width:0;display:grid}@media (width>=900px){.hook3{grid-template-columns:200px minmax(0,1fr) minmax(220px,300px);align-items:start}}.h-slots,.h-side{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.h-slots>.k{font-size:12px;font-weight:700}.slot-list{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.slot-row{align-items:stretch;gap:4px;display:flex}.slot-list .slot-tab{text-align:left;min-width:0;font-family:var(--f-body);flex:1;align-items:center;gap:8px;padding:5px 8px;display:flex}.slot-list .slot-tab .hb-tag{flex:none;min-width:22px;height:20px;font-size:12px}.slot-info{flex-direction:column;min-width:0;display:flex}.slot-info b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.slot-info small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.slot-list .slot-tab[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.slot-list .slot-tab[aria-pressed=true] small{color:var(--muted);opacity:1}.slot-list .slot-tab.add{justify-content:center;font-size:12.5px}.slot-del{border:1px solid var(--line);cursor:pointer;width:26px;color:var(--muted);background:0 0;border-radius:7px;flex:none}.slot-del:hover{color:var(--ink);border-color:var(--ink)}.h-edit{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.h-edit .lp-top{flex-wrap:wrap;gap:8px;display:flex}.h-edit .roll{margin-top:0}.lp-parts summary{color:var(--muted);cursor:pointer;font-size:12.5px}.lp-parts .chips{margin-top:6px}.h-side .pane-tabs{margin:0}.h-side .ph-item{grid-template-columns:96px minmax(0,1fr)}.h-side .ph-roll svg{width:96px}.h-side .ph-list{max-height:none}.h-side .ph-acts .chip{padding:2px 7px;font-size:11.5px}.cands.side{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}#candPanel[hidden],#phrasePanel[hidden]{display:none}.lib.about p{margin:8px 0}.trk-lab.swapped{color:var(--accent);font-weight:700}.tracks .cell2.sx{position:relative}.tracks .cell2.sx:after{content:"";background:var(--ink);width:5px;height:5px;box-shadow:0 0 0 1px var(--surface);border-radius:50%;position:absolute;top:1px;right:1px}.inst-cat{grid-template-columns:7.5em minmax(0,1fr);align-items:center;gap:6px;margin-top:4px;display:grid}.inst-cat .k{color:var(--muted);font-size:11.5px}.inst-cat .chips .chip,.pop-row .chips .chip{padding:3px 9px;font-size:12px}.chip.swapped{border-color:var(--accent);color:var(--accent)}.inst-row{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.inst-row .hint{flex:20em;margin:0}