:root{--co-ink:var(--b-ink,#15171a);--co-graphite:var(--b-graphite,#545962);--co-paper:var(--b-paper,#fbfbf8);--co-rule:var(--b-rule,#d3d6cc);--co-signal:var(--b-signal,#2638d9);--co-local:var(--b-local,#0b6b43);--co-danger:#b3261e;--co-radius:1.1rem;--co-check:repeating-conic-gradient(#e3e5de 0% 25%,#fbfbf8 0% 50%) 50% /20px 20px}*{box-sizing:border-box}body,html{overflow-x:clip}body{margin:0}.co{max-width:var(--b-wrap,72rem);margin:0 auto;padding:0 var(--b-gutter,1rem) 3.5rem;font-family:var(--b-font,system-ui,sans-serif);color:var(--co-ink)}.co-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:12rem;padding:1.75rem 1.25rem;text-align:center;cursor:pointer;background:var(--co-paper);border:2px dashed color-mix(in srgb,var(--co-ink) 24%,transparent);border-radius:1.25rem;transition:border-color .14s,background-color .14s}.co-drop:hover{border-color:color-mix(in srgb,var(--co-signal) 55%,transparent)}.co-drop:focus-visible{outline:3px solid var(--co-signal);outline-offset:3px}.co-drop.is-over{border-style:solid;border-color:var(--co-signal);background:color-mix(in srgb,var(--co-signal) 7%,var(--co-paper))}.co-drop.is-compact{min-height:0;flex-direction:row;flex-wrap:wrap;gap:.35rem .75rem;padding:1rem 1.25rem}.co-drop__icon{color:var(--co-signal);width:44px;height:44px;padding:8px;box-sizing:border-box;background:color-mix(in srgb,var(--co-signal) 9%,var(--co-paper));border:1px solid color-mix(in srgb,var(--co-signal) 20%,transparent);border-radius:12px}.co-drop.is-compact .co-drop__icon{width:36px;height:36px;padding:6px}.co-drop__title{font-size:1.2rem;font-weight:700;letter-spacing:-.015em}.co-drop.is-compact .co-drop__title{font-size:1rem}.co-drop__sub{font-size:.95rem;color:var(--co-graphite)}.co-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem}.co-cta__label{font-size:.875rem;font-weight:600;color:var(--co-graphite);margin-right:.15rem}.co-chip{min-height:44px;padding:0 1rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;color:var(--co-ink);background:#fff;border:1.5px solid var(--co-rule)}.co-chip:hover{border-color:var(--co-ink)}.co-chip:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-chip--quiet{margin-left:auto;background:transparent}.co-limits{margin-top:1rem;max-width:72ch;font-size:.9rem;line-height:1.55;color:var(--co-graphite)}.co-limits summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--co-ink);list-style-position:inside}.co-limits summary:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px;border-radius:6px}.co-limits p{margin:.25rem 0 .5rem}.co-limits strong{color:var(--co-ink);font-weight:700}.co-err{margin:.75rem 0 0;color:var(--co-danger);font-size:.95rem}.co-start{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem}@media (min-width:900px){.co-start{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5rem 2rem;align-items:stretch}.co-start__drop .co-drop{height:100%;min-height:17rem}.co-caps{grid-column:1/-1}}.co-h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.co-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}@media (min-width:560px){.co-samples{grid-template-columns:repeat(4,minmax(0,1fr))}}.co-sample{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;padding:.5rem .5rem .7rem;text-align:left;cursor:pointer;font:inherit;color:var(--co-ink);background:#fff;border:1.5px solid var(--co-rule);border-radius:16px;transition:border-color .14s,transform .14s,box-shadow .14s}.co-sample:hover{border-color:var(--co-signal);box-shadow:0 6px 18px -10px rgba(21,23,26,.35);transform:translateY(-1px)}.co-sample:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.co-sample{transition:none}.co-sample:hover{transform:none}}.co-sample__img{width:100%;aspect-ratio:4/3;border-radius:10px;display:block;margin-bottom:.4rem;background:#e3e5de}.co-sample__name{font-size:.95rem;font-weight:700;padding:0 .2rem}.co-sample__what{font-size:.8125rem;line-height:1.35;color:var(--co-graphite);padding:0 .2rem}.co-caps{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.co-caps li{padding:.85rem .9rem;border-radius:14px;background:var(--co-paper);border:1px solid var(--co-rule);font-size:.9rem;line-height:1.5;color:var(--co-graphite)}.co-caps strong{display:block;color:var(--co-ink);font-size:.975rem;margin-bottom:.1rem}.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border-radius:999px;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .14s,border-color .14s,color .14s}.co-btn:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-btn:disabled{cursor:not-allowed;opacity:.55}.co-btn--primary{background:var(--co-signal);color:#fff;border:1.5px solid transparent}.co-btn--primary:not(:disabled):hover{background:#1d2cb0}.co-btn--ghost{background:#fff;color:var(--co-ink);border:1.5px solid var(--co-rule)}.co-btn--ghost:not(:disabled):hover{border-color:var(--co-ink)}.co-link{align-self:flex-start;min-height:44px;padding:0 .25rem;margin-top:.1rem;background:none;border:0;font:inherit;font-size:.9rem;font-weight:600;color:var(--co-signal);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.co-load{display:flex;flex-direction:column;gap:.7rem;margin-top:1.25rem;padding:1rem 1.15rem;background:#fff;border:1px solid var(--co-rule);border-radius:var(--co-radius)}.co-load__text{font-weight:700;font-size:.975rem}.co-load__sub{display:block;margin-top:.15rem;font-weight:400;font-size:.875rem;color:var(--co-graphite)}.co-load--err{border-color:color-mix(in srgb,var(--co-danger) 40%,transparent);align-items:flex-start}.co-load--err .co-load__text{color:var(--co-danger)}.co-bar{height:8px;border-radius:99px;background:#eceee7;overflow:hidden}.co-bar span{display:block;height:100%;background:var(--co-signal);border-radius:inherit;transition:width .2s linear}.co-results{margin-top:1.75rem}.co-results,.co-toolbar{scroll-margin-top:5rem}.co-strip{display:flex;gap:.6rem;overflow-x:auto;padding:.25rem .25rem .75rem;margin:0 -.25rem .5rem}.co-thumbwrap{position:relative;flex:0 0 auto}.co-thumb{position:relative;display:block;width:72px;height:72px;padding:0;overflow:hidden;border:2px solid var(--co-rule);border-radius:12px;background:var(--co-check);cursor:pointer}.co-thumb img{width:100%;height:100%;object-fit:cover;display:block}.co-thumb.is-sel{border-color:var(--co-signal);box-shadow:0 0 0 2px color-mix(in srgb,var(--co-signal) 25%,transparent)}.co-thumb:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-thumb__st{position:absolute;left:4px;bottom:4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;font-size:.8125rem;font-weight:700;line-height:20px;text-align:center;color:#fff;background:var(--co-graphite)}.co-thumb__st--done{background:var(--co-local)}.co-thumb__st--error{background:var(--co-danger)}.co-thumb__x{position:absolute;top:-10px;right:-10px;width:44px;height:44px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer;font-size:1rem;line-height:1;color:var(--co-ink)}.co-thumb__x:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--co-rule);z-index:-1}.co-thumb__x{z-index:1;isolation:isolate}.co-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:900px){.co-grid{grid-template-columns:minmax(0,1fr) 20rem;gap:1.75rem}}.co-stage{min-width:0}.co-wait{display:flex;align-items:center;gap:.7rem;min-height:14rem;justify-content:center;padding:1rem;background:#fff;border:1px solid var(--co-rule);border-radius:var(--co-radius);font-weight:600;text-align:center}.co-wait--err{color:var(--co-danger);font-weight:500}.co-spin{width:20px;height:20px;border-radius:50%;flex:0 0 auto;border:3px solid color-mix(in srgb,var(--co-signal) 20%,transparent);border-top-color:var(--co-signal);animation:co-spin .8s linear infinite}@keyframes co-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.co-spin{animation:none}}.co-compare{position:relative;width:100%;margin:0 auto;overflow:hidden;border-radius:var(--co-radius);border:1px solid var(--co-rule);background:#fff;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.co-compare.is-hidden{display:none}.co-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.co-compare.is-checker,.co-compare.is-compare.is-checker .co-canvas--after{background:var(--co-check)}.co-compare.is-mask .co-canvas--before,.co-compare.is-result .co-canvas--before{visibility:hidden}.co-compare.is-editing.is-result .co-canvas--before{visibility:visible;opacity:.28}.co-compare.is-editing{cursor:none;touch-action:none}.co-compare.is-compare{cursor:ew-resize}.co-compare.is-zoomed{touch-action:none;cursor:-webkit-grab;cursor:grab}.co-compare.is-panning,.co-compare.is-panning.is-editing{cursor:-webkit-grabbing;cursor:grabbing}.co-compare.is-tool-pick,.co-compare.is-tool-wand{cursor:crosshair}.co-compare.is-editing.is-tool-pick .co-canvas--before{opacity:1}.co-zoomable{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.co-zoombar{position:absolute;right:8px;bottom:8px;display:flex;gap:2px;padding:2px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 1px 6px rgba(21,23,26,.25);cursor:default}.co-zbtn{min-width:44px;min-height:44px;padding:0 .4rem;border:0;border-radius:12px;background:transparent;cursor:pointer;font:inherit;font-size:1.1rem;font-weight:700;color:var(--co-ink)}.co-zbtn--pct{font-size:.8125rem;min-width:52px}.co-zbtn:disabled{opacity:.4;cursor:not-allowed}.co-zbtn:not(:disabled):hover{background:#eceee7}.co-zbtn:focus-visible{outline:3px solid var(--co-signal);outline-offset:1px}.co-cursor{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 1px rgba(21,23,26,.6),inset 0 0 0 1px rgba(21,23,26,.6)}.co-cursor--keep{background:color-mix(in srgb,#3aa76d 22%,transparent)}.co-cursor--erase{background:color-mix(in srgb,var(--co-danger) 22%,transparent)}.co-divider{width:0;pointer-events:none}.co-divider,.co-divider:before{position:absolute;top:0;bottom:0}.co-divider:before{content:"";left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(21,23,26,.35)}.co-handle{position:absolute;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;cursor:ew-resize;background:#fff;box-shadow:0 1px 6px rgba(21,23,26,.35);touch-action:pan-y}.co-handle:after,.co-handle:before{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}.co-handle:before{left:9px;border-right:7px solid var(--co-ink)}.co-handle:after{right:9px;border-left:7px solid var(--co-ink)}.co-handle:focus-visible{outline:3px solid var(--co-signal);outline-offset:3px}.co-tag{position:absolute;top:10px;padding:3px 10px;border-radius:99px;pointer-events:none;font-size:.8125rem;font-weight:700;color:var(--co-ink);background:rgba(255,255,255,.92);border:1px solid rgba(21,23,26,.12)}.co-tag--l{left:10px}.co-tag--r{right:10px}.co-warn{margin:.7rem 0 0;padding:.7rem .9rem;border-radius:12px;font-size:.9rem;background:#fff4d6;border:1px solid #e8c766;color:var(--co-ink)}.co-busy{margin:.6rem 0 0}.co-busy,.co-facts{font-size:.875rem;color:var(--co-graphite)}.co-facts{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:.7rem 0 0}.co-facts span:first-child{color:var(--co-ink);font-weight:600;overflow-wrap:anywhere}.co-panel{padding:1.1rem;background:#fff;border:1px solid var(--co-rule);border-radius:var(--co-radius)}.co-field,.co-panel{display:flex;flex-direction:column}.co-field{margin:0;padding:0;border:0;min-width:0;gap:.75rem}.co-field legend{padding:0;margin-bottom:.6rem;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--co-graphite)}.co-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:3px;gap:3px;padding:3px;border-radius:16px;background:#eceee7}@media (min-width:520px) and (max-width:899px){.co-seg{grid-template-columns:repeat(4,minmax(0,1fr))}}.co-seg button{min-height:44px;padding:0 .35rem;border:0;border-radius:13px;background:transparent;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;color:var(--co-ink);white-space:nowrap}.co-seg button.is-on{background:#fff;box-shadow:0 1px 3px rgba(21,23,26,.18);color:var(--co-signal)}.co-seg button:focus-visible{outline:3px solid var(--co-signal);outline-offset:1px}.co-colors{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.co-swatch{width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--co-rule)}.co-swatch.is-on{box-shadow:0 0 0 2px var(--co-signal)}.co-swatch:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-picker{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.875rem;font-weight:600;cursor:pointer}.co-picker input{width:44px;height:44px;padding:0;border:1px solid var(--co-rule);border-radius:10px;background:#fff;cursor:pointer}.co-slider{display:flex;flex-direction:column;gap:.2rem}.co-slider__row{display:flex;justify-content:space-between;font-size:.925rem;font-weight:600}.co-slider__row output{font-weight:700;color:var(--co-signal)}.co-slider input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--co-signal);cursor:pointer}.co-slider__ends{display:flex;justify-content:space-between;margin-top:-.35rem;font-size:.8125rem;color:var(--co-graphite)}.co-check{display:flex;align-items:center;gap:.65rem;min-height:44px;font-size:.925rem;cursor:pointer}.co-check input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--co-signal);cursor:pointer}.co-out{display:flex;flex-direction:column;gap:.65rem;padding-top:1rem;border-top:1px solid var(--co-rule)}.co-sizes{margin:0 0 .25rem;display:grid;grid-gap:.35rem;gap:.35rem;font-size:.9rem}.co-sizes div{display:flex;justify-content:space-between;gap:.75rem}.co-sizes dt{color:var(--co-graphite)}.co-sizes dd{margin:0;font-weight:700;text-align:right}.co-out .co-btn{width:100%}.co-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.co-seg.co-seg--inline{display:inline-grid;grid-template-columns:repeat(3,auto)}.co-seg--inline button{padding:0 .95rem}.co-seg button:disabled{opacity:.5;cursor:not-allowed}.co-tools{display:flex;flex-wrap:wrap;gap:.4rem}.co-icon,.co-tool{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;padding:0 .9rem;border-radius:12px;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;color:var(--co-ink);background:#fff;border:1.5px solid var(--co-rule)}.co-icon{padding:0}.co-icon:not(:disabled):hover,.co-tool.is-on,.co-tool:not(:disabled):hover{border-color:var(--co-ink)}.co-tool.is-on{background:var(--co-ink);color:#fff}.co-icon:disabled,.co-tool:disabled{opacity:.45;cursor:not-allowed}.co-icon:focus-visible,.co-tool:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-brushbar{flex-wrap:wrap;gap:.5rem 1rem;margin:-.15rem 0 .75rem;padding:.35rem .5rem .35rem .9rem;border-radius:14px;background:#fff;border:1px solid var(--co-rule)}.co-brushbar,.co-brushsize{display:flex;align-items:center}.co-brushsize{gap:.6rem;flex:1 1 14rem;font-size:.875rem;font-weight:600}.co-brushsize input{flex:1 1;min-height:44px;accent-color:var(--co-signal)}.co-brushsize output{min-width:3.2em;text-align:right;color:var(--co-signal);font-weight:700}.co-brushbar .co-link{margin:0}.co-link:disabled{opacity:.45;cursor:not-allowed}.co-btn--sm{min-height:44px;padding:0 1rem;font-size:.875rem}.co-hint{margin:.6rem 0 0;font-size:.875rem;color:var(--co-graphite)}.co-seg.co-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}.co-seg.co-seg--4{grid-template-columns:repeat(4,minmax(0,1fr))}.co-sub{font-size:.875rem;font-weight:600;margin-bottom:-.35rem}.co-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--co-graphite)}.co-more>summary::-webkit-details-marker{display:none}.co-more>summary:after{content:"+";font-size:1.2rem;font-weight:600;letter-spacing:0}.co-more[open]>summary:after{content:"\2013"}.co-more>summary:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px;border-radius:6px}.co-select{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.925rem;font-weight:600}.co-select select{min-height:44px;padding:0 .75rem;border-radius:12px;border:1.5px solid var(--co-rule);background:#fff;font:inherit;font-size:.9rem;color:var(--co-ink);cursor:pointer}.co-select select:focus-visible{outline:3px solid var(--co-signal);outline-offset:2px}.co-small{margin:-.2rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--co-graphite)}.co-panel{gap:1.1rem}.co-sep{height:0;margin:0;border:0;border-top:1px solid var(--co-rule)}.co-export .co-btn,.co-sep{width:100%}@media (min-width:900px){.co-panel{position:-webkit-sticky;position:sticky;top:1rem}}.co-chip,.co-sample{position:relative}.co-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.co-seg.co-seg--2{grid-template-columns:repeat(2,minmax(0,1fr))}.co-keyrow{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.co-keychip{width:28px;height:28px;border-radius:8px;border:1px solid var(--co-rule);background-image:var(--co-check);flex:0 0 auto}.co-keyhex{font-size:.875rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:auto}.co-keyrow .co-chip{min-height:44px;padding:0 .8rem}.co-chip:disabled{opacity:.5;cursor:not-allowed}.co-chip[aria-pressed=true]{background:var(--co-ink);color:#fff;border-color:var(--co-ink)}.co-brushnote{flex:1 1 12rem;font-size:.875rem;font-weight:600}.co-touchhint{display:none}@media (hover:none) and (pointer:coarse){.co-keys{display:none}.co-touchhint{display:inline}}.co-spin--btn{width:16px;height:16px;border-width:2px;border-color:#fff rgba(255,255,255,.35) rgba(255,255,255,.35)}.co-btn--ghost .co-spin--btn{border-color:color-mix(in srgb,var(--co-signal) 20%,transparent);border-top-color:var(--co-signal)}.co-check input{width:22px;height:22px}.co-dock{display:none}@media (max-width:899px){.co-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem calc(-1 * var(--b-gutter, 1rem)) 0;padding:.6rem var(--b-gutter,1rem) calc(.6rem + env(safe-area-inset-bottom, 0px));background:#fbfbf8;border-top:1px solid var(--co-rule);box-shadow:0 -4px 16px -10px rgba(21,23,26,.35)}.co-dock__info{font-size:.875rem;color:var(--co-graphite)}.co-dock__info strong{color:var(--co-ink)}.co-dock .co-btn{flex:0 0 auto;min-width:9rem}}html body .co-compare canvas{image-rendering:auto}