@layer reset{*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-inline-size:100%}[hidden]{display:none!important}}@layer tokens{:root{--black:#000;--white:#fff;--purple:#baa4ff;--light-line:#0e9788;--light-fill:#62ddcf;--dark-ground:color-mix(in oklab, #0b0b0b, var(--purple) 4%);--dark-ink:color-mix(in oklab, #f2f2f2, var(--purple) 4%);--light-ground:var(--white);--light-ink:color-mix(in oklab, #141414, var(--light-line) 5%);--dark-good:#74e8b8;--dark-warn:#f2b53a;--dark-bad:#f0607a;--light-good:#3150c4;--light-warn:#704600;--light-bad:#c0185c;--dark-direction:#8f2621;--light-direction:#96211b;--windows-close:#c42b1c;--bg:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 3%),var(--dark-ground));--surface:light-dark(var(--light-ground),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 6%));--surface-raised:light-dark(var(--light-ground),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 11%));--border:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 64%),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 50%));--border-subtle:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 24%),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 16%));--text:light-dark(var(--light-ink),var(--dark-ink));--text-muted:light-dark(color-mix(in oklab, var(--light-ink), var(--light-ground) 20%),color-mix(in oklab, var(--dark-ink), var(--dark-ground) 30%));--accent:light-dark(var(--light-line),var(--purple));--accent-fill:light-dark(var(--light-fill),var(--purple));--on-accent:light-dark(var(--light-ink),var(--dark-ground));--accent-text:light-dark(color-mix(in oklab, var(--light-line), var(--light-ink) 30%),var(--purple));--accent-soft:light-dark(color-mix(in oklab, var(--light-ground), var(--light-fill) 30%),color-mix(in oklab, var(--dark-ground), var(--purple) 20%));--focus:light-dark(color-mix(in oklab, var(--light-line), var(--light-ink) 35%),color-mix(in oklab, var(--purple), var(--dark-ink) 45%));--good:light-dark(var(--light-good),var(--dark-good));--warn:light-dark(var(--light-warn),var(--dark-warn));--bad:light-dark(var(--light-bad),var(--dark-bad));--pad-body:light-dark(var(--light-ground),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 14%));--pad-edge:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 62%),color-mix(in oklab, var(--dark-ground), var(--black) 45%));--pad-button:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 6%),color-mix(in oklab, var(--dark-ground), var(--dark-ink) 24%));--pad-label:light-dark(var(--light-ink),var(--dark-ink));--pad-lit:light-dark(var(--light-fill),var(--purple));--pad-lit-label:light-dark(var(--black),var(--dark-ground));--pad-direction:light-dark(var(--light-direction),var(--dark-direction));--pad-direction-label:light-dark(var(--light-ground),var(--dark-ink));--scrim:light-dark(color-mix(in oklab, var(--light-ink), transparent 78%),color-mix(in oklab, var(--black), transparent 55%));--shadow:light-dark(color-mix(in oklab, var(--light-ink), transparent 88%),color-mix(in oklab, var(--black), transparent 55%));--window-close:var(--windows-close);--on-window-close:var(--white);color-scheme:light dark}:root[data-mode=dark]{color-scheme:dark}:root[data-mode=light]{color-scheme:light}:root[data-skin=contrast]{--bg:light-dark(var(--white),var(--black));--surface:light-dark(var(--white),var(--black));--surface-raised:light-dark(var(--white),#0d0d0d);--border:light-dark(var(--black),var(--white));--border-subtle:light-dark(#333,#b3b3b3);--text:light-dark(var(--black),var(--white));--text-muted:light-dark(#1a1a1a,#e0e0e0);--accent:light-dark(#00594f,#d2c4ff);--accent-fill:light-dark(#62ddcf,#d2c4ff);--on-accent:light-dark(var(--black),var(--black));--accent-text:light-dark(#00463f,#e1d7ff);--accent-soft:light-dark(#c8f3ee,#3a2f5c);--focus:light-dark(var(--black),var(--white));--good:light-dark(#1d3796,#9df0cc);--warn:light-dark(#4d3000,#ffd27a);--bad:light-dark(#8e0f42,#ff9aad);--pad-body:light-dark(var(--white),var(--black));--pad-edge:light-dark(var(--black),var(--white));--pad-button:light-dark(var(--white),#1f1f1f);--pad-label:light-dark(var(--black),var(--white));--pad-lit:var(--accent-fill);--pad-lit-label:var(--black);--scrim:light-dark(color-mix(in oklab, var(--black), transparent 55%),color-mix(in oklab, var(--black), transparent 30%))}}@layer base{body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}button{border:1px solid var(--border);background:var(--surface-raised);min-block-size:30px;color:var(--text);cursor:pointer;padding-inline:10px}button:hover:not(:disabled){background:var(--accent-soft)}@supports (corner-shape:bevel){button,select,[data-cut-control]{corner-shape:bevel;border-start-start-radius:var(--cut-control,6px);border-end-end-radius:var(--cut-control,6px)}}button,select,summary,[role=tab],.pad-frame{-webkit-user-select:none;user-select:none}button:disabled{color:var(--text-muted);cursor:not-allowed;border-style:dashed}input,select{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--accent-text)}.bold-width{justify-items:center;display:inline-grid}.bold-width:after{content:attr(data-text);visibility:hidden;block-size:0;font-weight:700;overflow:hidden}.too-old{display:none}@supports not (color:light-dark(#000, #fff)){.too-old{color:#000;background:#fff3cd;border-block-end:2px solid #704600;margin:0;padding:.75rem 1rem;display:block}}}@layer components{.segments{display:inline-flex}.segments>button{border:1px solid var(--border);background:var(--surface-raised);min-block-size:32px;color:var(--text);margin-inline-start:-1px;padding-inline:10px}.segments>button:first-child{margin-inline-start:0}.segments>button{--cut-control:0px}@supports (corner-shape:bevel){.segments>button:first-child{border-start-start-radius:var(--cut-group,6px)}.segments>button:last-child{border-end-end-radius:var(--cut-group,6px)}}.segments>button:hover{background:var(--accent-soft)}.segments>button[aria-pressed=true]{z-index:1;border-color:var(--accent);background:var(--accent-soft);font-weight:700;position:relative}.icon-button{block-size:32px;inline-size:36px;color:var(--text);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--accent-soft)}.icon-button:is([aria-pressed=true],[aria-expanded=true]){border:2px solid var(--accent);background:var(--accent-soft)}.cut{--c:8px;--cut-width:1px;--cut-fill:var(--surface);--cut-line:var(--border-subtle);isolation:isolate;position:relative}.cut:before,.cut:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute}.cut:before{--w:var(--cut-width);--d:calc(var(--c) + .414 * var(--w));background:var(--cut-line);clip-path:polygon(evenodd, var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c), var(--c) 0, var(--d) var(--w), var(--w) var(--d), var(--w) calc(100% - var(--w)), calc(100% - var(--d)) calc(100% - var(--w)), calc(100% - var(--w)) calc(100% - var(--d)), calc(100% - var(--w)) var(--w), var(--d) var(--w));inset:0}.cut:after{inset:var(--cut-width);background:var(--cut-fill)}@media (forced-colors:active){.segments>button[aria-pressed=true],.icon-button:is([aria-pressed=true],[aria-expanded=true]){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.cut{border:1px solid canvastext}.cut:before,.cut:after{display:none}}[dir=rtl] .cut:before,[dir=rtl] .cut:after{scale:-1 1}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;inset-block-start:0;overflow:hidden}.num{font-variant-numeric:tabular-nums}}