.tanji-tools-page{--custom-2:#f6fafb;--custom-3:#ebf3f5;--custom-5:#d5e4e7;--custom-9:#80a1a9;--custom-11:#4d6c74;--custom-12:#1b2c30;--ink:var(--custom-12);--ink-soft:var(--custom-11);--muted:var(--custom-11);--line:var(--custom-5);--brand:var(--custom-9);--brand-deep:var(--custom-12);--brand-soft:var(--custom-3);--success:#3e8061;--warning:#b8723f;--danger:#b85656;--radius-card:16px;--radius-control:12px;--control-height:44px;--shadow-card:0 1px 2px rgba(27,44,48,0.05),0 8px 24px rgba(27,44,48,0.04);padding-block:2.5rem 1.5rem}.tanji-tools-shell{width:min(100% - 2rem,1200px);margin-inline:auto}.tanji-tools-header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;padding-inline:.125rem}.tanji-tools-title{color:var(--ink);font-size:clamp(2rem,4vw,2.75rem);font-weight:650;letter-spacing:-.035em;line-height:1.1}.tanji-tool-surface{border-color:var(--custom-5)!important;border-radius:var(--radius-card)!important;background:var(--custom-2)!important;box-shadow:var(--shadow-card)!important}.tanji-tool-surface :where(button,input,select){border-radius:var(--radius-control)}.tanji-tool-surface :where(input:not([type=range]),select){min-height:var(--control-height)}.tanji-tool-surface :where(button:not([data-compact-control=true])){min-height:var(--control-height)}@media (max-width:767px){.tanji-tools-page{padding-block:1rem 1.25rem}.tanji-tools-shell{width:min(100% - 1.1rem,1180px)}.tanji-tools-header{margin-bottom:.85rem}.tanji-tools-title{font-size:1.75rem}}@media (max-width:639px){#tuner [data-testid=headstock-visual-slot]>div{height:210px;width:140px}#tuner [data-testid=pitch-direction-cue-left]{left:-52px}#tuner [data-testid=pitch-direction-cue-right]{right:-52px}#tuner [data-testid=pitch-cue-upper]{top:-8px!important;transform:none}#tuner [data-testid=pitch-cue-lower]{top:64%!important;transform:none}}