.size-figure .panels{grid-template-columns:repeat(3,1fr);gap:.875rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.size-figure .shot{border:1px solid var(--line);background:var(--surface);border-radius:6px;position:relative;overflow:hidden}.size-figure .shot img{width:100%;height:auto;display:block}.size-figure .pill{color:var(--surface);background:var(--petrol);white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:12px;line-height:1;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.size-figure .pill:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--petrol);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.size-figure .pill .pl{background:var(--surface);width:15px;height:15px;color:var(--ink);vertical-align:-1px;border-radius:50%;place-items:center;margin:-3px 5px -3px -2px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-style:normal;font-weight:600;display:inline-grid}.size-figure .pill.wire{background:var(--surface);color:var(--ink);border:1.5px solid var(--ink-2);font-family:inherit;transform:translate(calc(-100% - 12px),-50%)}.size-figure .pill.wire .pl{background:var(--ink);color:var(--surface)}.size-figure .pill.wire:after{border:5px solid #0000;border-right:0;border-left-color:var(--ink-2);margin:-5px 0 0;inset:50% -6px auto auto}.size-figure .pill.mark{background:var(--ink);width:20px;height:20px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;padding:0;display:grid;transform:translate(-50%,calc(-100% - 6px))}.size-figure .pill.mark .pl{width:20px;height:20px;color:var(--surface);background:0 0;margin:0;font-size:11px}.size-figure .pill.mark:after{display:none}.size-figure .cap{color:var(--ink-2);margin:.625rem 0 0;font-size:14px;line-height:1.45}.size-figure .cap strong{color:var(--ink);font-weight:600}.size-figure .cap .range{color:var(--ink);margin:2px 0 1px;display:block}.size-figure .cap .n{border:1.5px solid var(--ink-2);width:20px;height:20px;color:var(--ink-2);vertical-align:1px;border-radius:50%;place-items:center;margin-right:6px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.size-figure .key,.size-figure .xkey{border-top:1px solid var(--line);color:var(--ink-2);gap:.5rem;margin:1rem 0 0;padding:.875rem 0 0;font-size:14px;list-style:none;display:grid}.size-figure .key li,.size-figure .xkey li{grid-template-columns:24px 1fr;align-items:start;gap:8px;display:grid}.size-figure .key b,.size-figure .xkey b{color:var(--ink);font-weight:600}.size-figure .key .src{color:var(--mute);font-size:12.5px}.size-figure .mk{background:var(--ink);width:20px;height:20px;color:var(--surface);border-radius:50%;place-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.size-figure .key .note .mk{color:var(--ink);background:0 0;font-size:16px}.size-figure .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.size-figure .foot .src{color:var(--mute);max-width:56ch;margin:0;font-size:12.5px}.size-figure .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--petrol);background:var(--surface);border:1.5px solid var(--petrol);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.size-figure .btn:hover{background:var(--petrol-wash)}.size-figure .btn[hidden]{display:none}.size-figure .btn svg{width:18px;height:18px}.size-figure .btn:focus-visible,.size-figure select:focus-visible,.size-figure input:focus-visible,.size-figure .seg button:focus-visible,.size-figure .close:focus-visible,.size-figure canvas:focus-visible{outline:3px solid var(--petrol-bar);outline-offset:2px}@media (width<=640px){.size-figure .panels.full{grid-template-columns:1fr;gap:.75rem}.size-figure .panels.full .panel{grid-template-columns:44% 1fr;align-items:center;gap:12px;display:grid}.size-figure .panels.full .cap{margin:0}.size-figure .pill{padding:4px 6px;font-size:11px}.size-figure .pill.wire .pw{display:none}.size-figure .panels.compact{gap:.5rem}.size-figure .panels.compact .cap{font-size:12px}.size-figure .panels.compact .pill{padding:3px 5px;font-size:10px}}.size-figure .explore{margin-top:1rem}.size-figure .explore[hidden],.size-figure [data-fig=still][hidden]{display:none}.size-figure .stagewrap{border:1px solid var(--line);background:var(--surface);aspect-ratio:5/4;border-radius:6px;position:relative;overflow:hidden}.size-figure .stage{position:absolute;inset:0}.size-figure .mk.float{pointer-events:none;width:22px;height:22px;box-shadow:0 0 0 2px var(--surface);font-size:12px;position:absolute;transform:translate(-50%,-50%)}.size-figure .mk.float[hidden]{display:none}.size-figure .mk.float[data-fig=m-ring]{transform:translate(-50%,calc(-100% - 8px))}.size-figure .mk.float[data-fig=m-bristles]{transform:translate(-50%,calc(-100% - 6px))}.size-figure .mk.float[data-fig=m-wire]{transform:translate(8px,-50%)}.size-figure .xkey{border-top:0;margin-top:.75rem;padding-top:0;font-size:13.5px}.size-figure .ctl{gap:.875rem;margin-top:.875rem;display:grid}.size-figure .field label,.size-figure .field legend{color:var(--ink);margin:0 0 6px;padding:0;font-size:13px;font-weight:600;line-height:1.3;display:block}.size-figure fieldset.field{border:0;min-width:0;margin:0;padding:0}.size-figure select{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:6px;min-height:44px;padding:10px;font-size:15px;line-height:1.2}.size-figure .seg{border:1px solid var(--line-2);border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.size-figure[data-fig-zones="2"] .seg{grid-template-columns:repeat(2,1fr)}.size-figure .seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-left:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer;min-height:44px;padding:6px;font-size:14px;font-weight:500;line-height:1.1}.size-figure .seg button:first-child,.size-figure .seg button[hidden]+button{border-left:0}.size-figure .seg button[hidden]{display:none}.size-figure .seg button[aria-pressed=true]{background:var(--petrol);color:var(--surface)}.size-figure input[type=range]{width:100%;accent-color:var(--petrol);height:44px;margin:4px 0 0;padding:0}.size-figure .scale{height:1.4em;color:var(--mute);font-size:12px;line-height:1;position:relative}.size-figure .scale .end{position:absolute;top:0}.size-figure .scale .end:first-child{left:0}.size-figure .scale .end:last-child{right:0}.size-figure .scale .tick{color:var(--ink);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.size-figure .scale .tick[hidden]{display:none}.size-figure .readout{min-height:3.2em;color:var(--ink-2);background:var(--surface-2);border-left:3px solid var(--petrol);border-radius:0 6px 6px 0;margin:0;padding:10px 12px;font-size:15px;line-height:1.45}.size-figure .readout strong{color:var(--ink)}.size-figure .readout .font-mono,.size-figure .xkey .font-mono,.size-figure .cap .font-mono,.size-figure .key .font-mono{font-size:.92em}.size-figure .font-mono{white-space:nowrap}.size-figure .note,.size-figure .hint{color:var(--mute);margin:0;font-size:12.5px}.size-figure .xhead{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.size-figure .close{white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--petrol);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;line-height:1;text-decoration:underline}@media (width>=900px){.size-figure .explore .row{grid-template-columns:1.35fr 1fr;align-items:start;gap:22px;display:grid}.size-figure .ctl,.size-figure .xkey{margin-top:0}.size-figure .explore .stagewrap{position:sticky;top:104px}}