.order-picker{border:none;flex-direction:column;gap:.6rem;min-width:9rem;margin:0;padding:0;display:flex}.order-picker legend{color:var(--text-dim);margin-bottom:.2rem;padding:0;font-size:.8rem;font-weight:600}.order-picker-option{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;flex-direction:row!important;width:auto!important;max-width:none!important;display:flex!important}.order-picker-option input{width:auto;accent-color:var(--accent)}
.hands-picker{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hands-picker-title{color:var(--text-dim);font-size:.85rem;font-weight:600}.hands-picker-row{align-items:center;gap:.75rem;display:flex}.hands-picker-icon{font-size:1.4rem;line-height:1}.hands-picker-icon-left{transform:scaleX(-1)}.hands-picker-segments{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;gap:.25rem;padding:.2rem;display:flex}.hands-picker-segment{color:var(--text-dim);background:0 0;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}.hands-picker-segment.active{background:var(--accent);color:var(--text-on-accent)}
.match-any-octave-row{align-items:center;gap:.4rem;display:flex}.match-any-octave-label{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;flex-direction:row!important;width:auto!important;max-width:none!important;display:flex!important}.match-any-octave-label input{width:auto;accent-color:var(--accent)}.match-any-octave-info{border:1px solid var(--border);width:1.1rem;height:1.1rem;color:var(--text-dim);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-style:italic;display:inline-flex;position:relative}.match-any-octave-tooltip{background:var(--code-bg);border:1px solid var(--border);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:.4rem .6rem;font-size:.75rem;font-style:normal;transition:opacity .15s;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}.match-any-octave-info:hover .match-any-octave-tooltip,.match-any-octave-info:focus-visible .match-any-octave-tooltip{opacity:1;visibility:visible}
.practice-visibility-toggles{align-items:flex-start;gap:var(--visibility-toggles-gap,.5rem);flex-direction:column;display:flex}.practice-visibility-toggles label{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;flex-direction:row!important;width:auto!important;max-width:none!important;display:flex!important}.practice-visibility-toggles input{width:auto;accent-color:var(--accent)}