.scanner-range{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.scanner-range>span{color:var(--color-text,#201e1d);justify-content:space-between;align-items:center;display:flex}.scanner-range input[type=range]{cursor:pointer;min-height:44px}.scanner-range small{color:var(--color-neutral-600,#82796a)}.scanner-shapes{flex-wrap:wrap;gap:.5rem;margin:.875rem 0 0;display:flex}.scanner-shapes>div{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);min-width:4.5rem;min-height:44px;color:var(--color-text,#201e1d);border-radius:.625rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.625rem .5rem;transition:all .15s;display:flex}.scanner-shapes>div span{color:var(--color-neutral-700,#645c50);font-size:.8125rem;font-weight:600}.scanner-shapes>div strong{color:var(--color-text,#201e1d);font-size:.8125rem;font-weight:700}.scanner-shapes>div.is-match{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb)}.scanner-shapes>div.is-match strong{color:var(--color-accent-800,#643312)}.scanner-result{background:var(--color-accent-2-100,#f0fae1);border:1px solid var(--color-accent-2-300,#ccdbb2);color:var(--color-accent-2-800,#3d472b);border-radius:.75rem;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.875rem;display:flex}.scanner-result svg{color:var(--color-accent-2-700,#56633f);flex-shrink:0}.scanner-result p{color:var(--color-text,#201e1d);margin:0}