.swap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:stretch}.swap__diff{margin:0;padding:18px 0;border:1px solid var(--hw-line);border-radius:14px;background:var(--hw-ink);box-shadow:var(--shadow);color:var(--hw-text);font:500 13.5px/1.75 var(--font-mono);overflow-x:auto}.swap__diff span{display:block;padding:0 20px;white-space:pre}.swap__diff .is-del{background:#f2685a1f;color:#ffb3aa}.swap__diff .is-add{background:#52d98a1f;color:#a6f0c4}.swap__diff .is-dim{color:var(--hw-muted)}.swap__facts{display:grid;align-content:start;gap:12px;margin:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--panel-shadow);list-style:none}.swap__facts li{display:grid;gap:2px}.swap__facts b{font:600 15px/1.3 var(--font-display)}.swap__facts span{color:var(--muted);font-size:14.5px;line-height:1.5}.swap__facts code{padding:1px 5px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);font-size:.86em}.howl-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.howl-module--sfx{--mod-color: var(--vu)}.howl-module--music{--mod-color: var(--led)}.howl-module--hub{--mod-color: #6fd6ff;grid-column:1 / -1}.howl-module .lab-module__note code{color:var(--hw-text);font-size:.9em}.howl-pads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.howl-pad{justify-content:flex-start;flex-wrap:wrap;padding:12px 14px}.howl-pad small{margin-left:auto;color:var(--hw-faint);font:500 11px/1 var(--font-mono)}.howl-voices{display:grid;gap:8px}.howl-voices__list{display:flex;flex-wrap:wrap;gap:6px;min-height:46px;margin:0;padding:0;list-style:none}.howl-voices__empty{align-self:center;color:var(--hw-faint);font:italic 400 12.5px/1.4 var(--font-mono)}.howl-voice{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:baseline;padding:6px 10px;border:1px solid var(--hw-line-2);border-radius:8px;background:var(--hw-ink);font:500 11.5px/1.35 var(--font-mono)}.howl-voice b{color:var(--hw-text);font-size:13px}.howl-voice span{color:var(--hw-muted)}.howl-voice small{grid-column:1 / -1;color:var(--hw-faint)}.howl-voice.is-playing{border-color:var(--mod-color);box-shadow:inset 0 0 12px -6px var(--mod-color)}.howl-voice.is-playing small{color:var(--mod-color)}.howl-voice.is-new{animation:voiceIdIn .2s ease-out}@keyframes voiceIdIn{0%{transform:scale(.9);opacity:.3}to{transform:none;opacity:1}}.howl-transport{display:flex;flex-wrap:wrap;gap:8px}.howl-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.howl-readout div{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--hw-line);border-radius:9px;background:var(--hw-ink)}.howl-readout dt{overflow:hidden;color:var(--hw-faint);font:500 11px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.howl-readout code{font:inherit}.howl-readout dd{margin:0;color:var(--mod-color);font:600 15px/1 var(--font-mono);font-variant-numeric:tabular-nums}.howl-callbacks{min-height:64px;margin:0;padding:10px 12px;border:1px solid var(--hw-line);border-radius:10px;background:var(--hw-ink);color:var(--hw-muted);font:400 12px/1.7 var(--font-mono);list-style:none}.howl-callbacks b{color:var(--hw-text)}.howl-callbacks__howl{color:var(--led)}.howl-callbacks__idle{color:var(--hw-faint);font-style:italic}.howl-hub{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:16px}.howl-hub__duck,.howl-hub__master{display:grid;align-content:start;gap:12px;padding:14px;border:1px solid var(--hw-line);border-radius:12px;background:color-mix(in srgb,var(--hw-ink) 60%,transparent)}.howl-hub__duck .lab-btn,.howl-hub__master .lab-btn{justify-self:start}@media (max-width: 900px){.swap,.howl-deck,.howl-hub{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.howl-pads,.howl-readout{grid-template-columns:minmax(0,1fr)}.swap__diff{font-size:12px}.swap__diff span{padding:0 14px}}@media (prefers-reduced-motion: reduce){.howl-voice.is-new{animation:none}}