.tool{gap:var(--s5);display:grid}.tool .err{font-size:var(--step--1);color:var(--error);max-width:46ch;margin-top:var(--s3)}.tool .primary{text-align:center;padding:11px var(--s5);background:var(--brass);min-height:44px;color:var(--on-brass);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);font-weight:500;text-decoration:none;display:inline-block}.tool .primary:hover{background:var(--brass-hi)}.tool .primary{width:100%;margin-top:var(--s5)}.tool .primary:active{transform:translateY(1px)}.tool .primary:disabled{opacity:.6;cursor:default}.tool .bench{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.tool .preview{padding:var(--s3);background:var(--surface-2);border-radius:var(--r-lg);gap:var(--s3);justify-items:center;margin:0;display:grid}.tool .preview img{border-radius:var(--r-md);width:auto;max-width:100%;max-height:420px;box-shadow:var(--shadow-2)}.tool .preview figcaption{font-size:var(--step--1);color:var(--ink-2)}.tool .panel{background:var(--surface-1);border:1px solid var(--line-firm);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-2)}.tool .tstub{justify-content:space-between;align-items:center;display:flex}.tool .no{color:var(--brass-lo);font-size:var(--step--1);letter-spacing:.04em}.tool .reset{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass)}.tool .reset:hover{color:var(--ink-0)}.tool .perf{height:1px;margin:var(--s4) calc(-1 * var(--s5));background-image:linear-gradient(90deg, var(--line-firm) 55%, transparent 0);background-size:9px 1px;position:relative}.tool .perf:before,.tool .perf:after{content:"";border-radius:var(--r-full);background:var(--surface-0);border:1px solid var(--line);width:14px;height:14px;position:absolute;top:-7px}.tool .perf:before{left:-7px}.tool .perf:after{right:-7px}.tool .lbl{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);display:block}.tool .presets{margin-top:var(--s3);flex-wrap:wrap;gap:4px;display:flex}.tool .presets button{min-height:38px;padding:0 var(--s4);background:var(--surface-2);border-radius:var(--r-md);font-size:var(--step--1);font-family:var(--font-mono);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}.tool .presets button[aria-pressed=true]{background:var(--brass);color:var(--on-brass)}.tool .search{margin-top:var(--s5)}.tool .track{padding:var(--s3) 0;gap:3px;display:grid;position:relative}.tool .goal{inset-block:0;background:var(--ok);opacity:.55;width:2px;position:absolute;left:62%}.tool .goal:after{content:"target";font-family:var(--font-mono);color:var(--ok);letter-spacing:.06em;text-transform:uppercase;font-size:10px;position:absolute;top:-2px;left:6px}.tool .attempt{height:20px;width:var(--w);min-width:62px;animation:grow .32s var(--ease) both;animation-delay:calc(var(--i) * 20ms);border-radius:3px;justify-content:flex-end;align-items:center;padding-right:6px;display:flex}@keyframes grow{0%{transform-origin:0;opacity:0;transform:scaleX(.02)}}.tool .attempt span{letter-spacing:-.02em;font-size:10px}.tool .attempt.over{background:color-mix(in oklab, var(--warn) 34%, var(--surface-2))}.tool .attempt.over span{color:var(--ink-1)}.tool .attempt.fits{background:color-mix(in oklab, var(--ok) 34%, var(--surface-2))}.tool .attempt.fits span{color:var(--ink-0)}.tool .hint{font-size:var(--step--1);color:var(--ink-2);margin-top:var(--s2)}.tool .facts{gap:var(--s3) var(--s6);margin:var(--s5) 0 0;flex-wrap:wrap;display:flex}.tool .facts dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.tool .facts dd{font-size:var(--step-0);margin:2px 0 0}.tool .facts .strong{color:var(--brass-lo);font-weight:500}.tool .note{margin-top:var(--s4);padding:var(--s3) var(--s4);background:var(--surface-2);border-left:3px solid var(--warn);border-radius:var(--r-md);font-size:var(--step--1);color:var(--ink-1)}@media (width<=860px){.tool .bench{grid-template-columns:1fr}.tool .preview img{max-height:260px}.tool .primary{bottom:var(--s4);position:sticky}}.tool .origin{gap:var(--s3) var(--s6);margin:0 0 var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.tool .origin dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.tool .origin dd{font-size:var(--step--1);margin:2px 0 0}.tool .origin .big-num{font-size:var(--step-1);color:var(--ink-0)}.tool .targetrow{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.tool .target{font-size:var(--step-2);color:var(--brass-lo)}.tool .slider{width:100%;margin-top:var(--s3);accent-color:var(--brass);height:28px}.tool .scale{color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:2px;font-size:11px;display:flex}.tool .scale .cut{color:var(--ok)}.tool .presets{margin-top:var(--s4)}.tool .compare{background:var(--surface-1);border-radius:var(--r-md);gap:3px;padding:3px;display:flex}.tool .compare button{padding:7px var(--s4);min-height:44px;font-size:var(--step--1);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:7px;justify-items:center;gap:1px;display:grid}.tool .compare button[aria-pressed=true]{background:var(--surface-0);color:var(--ink-0);box-shadow:var(--shadow-1)}.tool .compare span{color:var(--ink-2);font-size:11px}.tool .compare button[aria-pressed=true] span{color:var(--brass-lo)}.tool .dims{font-size:var(--step--1);color:var(--ink-2)}.tool .done-acts{gap:var(--s2);margin-top:var(--s5);display:flex}.tool .done-acts .primary{flex:1;margin-top:0}.tool .secondary{padding:11px var(--s4);background:var(--surface-0);border:1px solid var(--line-firm);border-radius:var(--r-md);min-height:44px;color:var(--ink-1);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:500}.tool .secondary:hover{border-color:var(--brass);color:var(--ink-0)}.tool .adjust{margin-top:var(--s3);font-size:var(--step--1);color:var(--ink-2);max-width:44ch}
