.instrument-viewer-root{--iv-bg:#05060f;--iv-border:hsla(0,0%,100%,.15);--iv-accent:#38bdf8;--iv-muted:hsla(0,0%,100%,.65);background:var(--iv-bg);border:1px solid var(--iv-border);border-radius:16px;box-shadow:0 15px 40px rgba(2,6,23,.8);color:#f8fafc;display:flex;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;gap:8px;height:100%;padding:10px;position:relative;width:100%}.instrument-viewer-root .instrument-viewer__header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0}.instrument-viewer-root .instrument-viewer__title{font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.instrument-viewer-root .instrument-viewer__meta{align-items:flex-end;color:var(--iv-muted);display:flex;flex-direction:column;font-size:.7rem;gap:4px}.instrument-viewer-root .instrument-viewer__name{font-size:.8rem;font-weight:500}.instrument-viewer-root .instrument-viewer__range{color:rgba(248,250,252,.65);font-size:.7rem}.instrument-viewer-root .instrument-viewer__scale-pill{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:#dbeafe;font-size:.6rem;margin-right:4px;padding:1px 6px}.instrument-viewer-root .instrument-viewer__harmony{display:flex;flex-wrap:wrap;font-size:.65rem;gap:4px}.instrument-viewer-root .instrument-viewer__harmony-line{align-items:center;display:flex;gap:6px}.instrument-viewer-root .instrument-viewer__wrap{background:#090d16;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03);display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.instrument-viewer-root .instrument-viewer__canvas{flex:1;min-height:0}.instrument-viewer-root .instrument-viewer__canvas canvas{background:#03040b;border-radius:10px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05);display:block;height:100%;width:100%}.instrument-viewer-root.keyboard-view{border-color:rgba(248,250,252,.15)}.instrument-viewer-root.keyboard-view .instrument-viewer__wrap{background:#0d1222;border-color:hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),inset 0 35px 60px rgba(2,6,23,.9)}.instrument-viewer-root.keyboard-view .instrument-viewer__canvas{box-sizing:border-box;padding:10px}.instrument-viewer-root.keyboard-view .instrument-viewer__canvas canvas{box-shadow:0 15px 40px rgba(2,6,23,.7)}.instrument-viewer-root.string-view{border-color:hsla(0,0%,100%,.12)}.instrument-viewer-root.string-view .instrument-viewer__wrap{background:#050811;border-color:hsla(0,0%,100%,.09);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),inset 0 25px 45px rgba(0,0,0,.6)}.instrument-viewer-root.string-view .instrument-viewer__canvas{box-sizing:border-box;padding:12px}.instrument-viewer-root.string-view .instrument-viewer__canvas canvas{border-radius:14px;box-shadow:0 20px 40px rgba(2,6,23,.8)}