.hg-title{font-family:var(--type-label-family);font-size:var(--type-label-size);letter-spacing:.14em;margin-bottom:12px;color:var(--color-text-primary)}.hg-cabinet{border:1.4px solid var(--color-text-primary);background:var(--color-bg) padding-box;position:relative;padding:18px}.hg-cabinet:after{content:"";position:absolute;left:10px;top:10px;right:-10px;bottom:-10px;background-image:repeating-linear-gradient(45deg,var(--color-border) 0,var(--color-border) 1px,transparent 1px,transparent 5px);z-index:-1}.hg-cabinet:after,.hg-tapeframe{border:1px solid var(--color-border)}.hg-tapeframe{outline:1px solid var(--color-border);outline-offset:5px;height:216px;margin:6px;position:relative;overflow:hidden}.hg-tape{display:block;width:100%;height:100%}.hg-panel{display:flex;align-items:center;gap:24px;border-top:1px solid var(--color-border);margin-top:18px;padding-top:14px}.hg-plate{border:1px solid var(--color-text-primary);outline:1px solid var(--color-border);outline-offset:-5px;padding:12px 18px;min-width:300px}.hg-plate-no{font-family:var(--type-meta-family);font-size:var(--type-meta-size);letter-spacing:.12em}.hg-plate-info{font-family:var(--type-label-family);font-size:var(--type-label-size);letter-spacing:.1em;color:var(--color-text-secondary);margin-top:6px}.hg-controls{display:flex;flex-direction:column;gap:6px;justify-content:center}.hg-motor{white-space:nowrap;background:var(--color-accent-1);color:var(--color-bg);border:none;border-radius:2px;cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);letter-spacing:.1em;padding:8px 18px}.hg-motor-on{background:var(--color-signal)}.hg-bpm{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-signal-ink);letter-spacing:.18em;font-family:var(--type-label-family);font-size:var(--type-label-size);text-align:center;padding:4px 0}.hg-bpm-set{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.hg-bpm-set::-webkit-slider-runnable-track{height:2px;background:var(--color-border)}.hg-bpm-set::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:14px;margin-top:-6px;background:var(--color-accent-1);border-radius:2px;border:1px solid var(--color-bg)}.hg-bpm-set::-moz-range-track{height:2px;background:var(--color-border)}.hg-bpm-set::-moz-range-thumb{width:10px;height:14px;background:var(--color-accent-1);border-radius:2px;border:1px solid var(--color-bg)}.hg-export{display:inline-block;margin-top:10px;color:var(--color-accent-1);letter-spacing:.08em;font-family:var(--type-label-family);font-size:var(--type-label-size);text-decoration:none}.hg-export:hover{text-decoration:underline}.hg-crankunit{margin-left:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab}.hg-crankunit.hg-cranking{cursor:grabbing}.hg-crank{width:116px;height:128px;display:block}.hg-swing{stroke:var(--color-text-secondary);stroke-width:1;stroke-dasharray:3 4;opacity:.6}.hg-ink{stroke:var(--color-text-primary)}.hg-ink-fill{fill:var(--color-text-primary)}.hg-grip{fill:var(--color-accent-1);stroke:var(--color-text-primary);stroke-width:1.2}.hg-hatch{fill:var(--color-border);opacity:.5}.hg-hint{font-family:var(--type-label-family);font-size:var(--type-label-size);letter-spacing:.1em;text-transform:var(--type-label-case);color:var(--color-text-secondary)}@media (max-width:560px){.hg-panel{gap:12px;flex-wrap:wrap}.hg-plate{flex:1 1 100%;min-width:0}.hg-controls{flex:1 1}.hg-crank{width:104px;height:114px}}.hg a,.hg button,.hg input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (pointer:coarse){.hg-motor{min-height:44px}.hg-bpm-set{height:32px}.hg-bpm-set::-webkit-slider-runnable-track{margin-top:0}.hg-bpm-set::-webkit-slider-thumb{width:22px;height:26px;margin-top:-12px}.hg-bpm-set::-moz-range-thumb{width:22px;height:26px}.hg-export{padding:12px 0}}