@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:block}:root{--font:"IBM Plex Mono", monospace;--t-s:11px;--t-s-lh:16px;--t-m:13px;--t-m-lh:20px;--t-l:15px;--t-l-lh:20px;--t-xl:24px;--t-xl-lh:28px;--caps:.04em;--paper:#f4f4f2;--paper-2:#fff;--ink:#191a1a;--ink-2:#6e7070;--line:#d8d8d5;--signal:#ff4f00;--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-48:48px;--s-64:64px;--row-h:28px;--section-gap:var(--s-24);--masthead-h:96px;--toolbar-h:72px;--bar-h:56px;--panel-w:360px;--ctrl-w:96px;--value-w:7ch;--dur:.1s;--radius-btn:4px;--swatch-line:var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0f1010;--paper-2:#161717;--ink:#e6e6e3;--ink-2:#8c8e8e;--line:#2e2f2f;--signal:#ff5a14;--swatch-line:var(--ink-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1010;--paper-2:#161717;--ink:#e6e6e3;--ink-2:#8c8e8e;--line:#2e2f2f;--signal:#ff5a14;--swatch-line:var(--ink-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper-2);color:var(--ink);font-family:var(--font);font-size:var(--t-m);line-height:var(--t-m-lh);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-weight:400}::selection{background:var(--ink);color:var(--paper-2)}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{font-size:inherit;font-weight:inherit;margin:0}.caps{text-transform:uppercase;letter-spacing:var(--caps)}.t-s{font-size:var(--t-s);line-height:var(--t-s-lh)}.t-m{font-size:var(--t-m);line-height:var(--t-m-lh)}.t-l{font-size:var(--t-l);line-height:var(--t-l-lh)}.muted{color:var(--ink-2)}.caps .file,.file{text-transform:none;letter-spacing:0}.signal{color:var(--signal)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-thumb:hover{background:var(--ink-2)}.action{appearance:none;cursor:pointer;color:var(--ink);text-transform:uppercase;letter-spacing:var(--caps);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-2);text-decoration-color:var(--ink-2);text-underline-offset:3px;white-space:nowrap;transition:text-decoration-color var(--dur);background:0 0;border:0;margin:0;padding:0}.action:hover,.action.is-hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.action:focus-visible,.action.is-focus{outline:1px solid var(--signal);outline-offset:3px}.action:disabled,.action.is-disabled{color:var(--ink-2);cursor:default;text-decoration:none}.action.is-armed{color:var(--signal);-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal)}.action.primary{padding:var(--s-4) var(--s-12);border-radius:var(--radius-btn);background:var(--ink);color:var(--paper-2);transition:outline-color var(--dur);outline-offset:2px;outline:1px solid #0000;text-decoration:none}.action.primary:hover,.action.primary.is-hover{outline-color:var(--ink)}.action.primary:focus-visible,.action.primary.is-focus{outline-color:var(--signal)}.action.primary:disabled,.action.primary.is-disabled{background:var(--ink-2);color:var(--paper-2);outline-color:#0000}.option{appearance:none;color:var(--ink-2);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:var(--caps);white-space:nowrap;transition:color var(--dur);background:0 0;border:0;margin:0;padding:0}.option:hover,.option.is-hover{color:var(--ink)}.option[aria-pressed=true],.option.is-active{color:var(--ink);cursor:default}.option:focus-visible,.option.is-focus{outline:1px solid var(--signal);outline-offset:2px}.option:disabled{color:var(--ink-2);cursor:default}.actions{align-items:baseline;gap:var(--s-16);display:flex}.actions .destructive{margin-left:var(--s-8)}.section{border-bottom:1px solid var(--line)}.section-head{appearance:none;width:100%;height:var(--row-h);padding:0 var(--s-12);cursor:pointer;font-size:var(--t-s);line-height:var(--t-s-lh);text-transform:uppercase;letter-spacing:var(--caps);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.section-head:focus-visible{outline:1px solid var(--signal);outline-offset:-1px}.section-head .mark{font-weight:400}.section-body[hidden]{display:none}.row{grid-template-columns:minmax(0, 1fr) var(--ctrl-w) var(--value-w);align-items:center;column-gap:var(--s-12);height:var(--row-h);padding:0 var(--s-12);border-top:1px solid var(--line);display:grid;position:relative}.row[hidden]{display:none}.row-label{font-size:var(--t-s);line-height:var(--t-s-lh);text-transform:uppercase;letter-spacing:var(--caps);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-label .unit{color:var(--ink-2);margin-left:var(--s-4)}.row.is-disabled .row-label,.row.is-disabled .num{color:var(--ink-2)}.row .span-2{grid-column:2/4}.row .col-3{grid-column:3;justify-self:end}.slider{height:var(--row-h);cursor:pointer;touch-action:none;outline:none;position:relative}.slider .track,.slider .fill{background:var(--line);width:100%;height:1px;position:absolute;top:50%;left:0}.slider .fill{background:var(--ink);width:var(--p,0%)}.slider .grip{top:50%;left:var(--p,0%);background:var(--ink);width:2px;height:12px;margin:-6px 0 0 -1px;position:absolute}.slider:focus-visible .grip,.slider.is-focus .grip{background:var(--signal)}.slider:hover .fill,.slider.is-hover .fill{height:2px;margin-top:-1px}.row.is-disabled .slider{cursor:default}.row.is-disabled .slider .fill,.row.is-disabled .slider .grip{background:var(--ink-2)}.num{appearance:none;width:100%;height:var(--t-m-lh);text-align:right;font-size:var(--t-m);font-variant-numeric:tabular-nums;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;outline:none;padding:0}.num:hover,.num.is-hover{border-bottom-color:var(--line)}.num:focus,.num.is-focus{border-bottom-color:var(--signal)}.num.is-error{color:var(--signal);border-bottom-color:var(--signal)}.num:disabled{color:var(--ink-2)}.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num[type=number]{-moz-appearance:textfield}.is-native{display:none!important}.select{min-width:0;position:relative}.select-btn{appearance:none;justify-content:space-between;align-items:center;gap:var(--s-8);width:100%;height:var(--row-h);cursor:pointer;text-align:left;font-size:var(--t-m);background:0 0;border:0;padding:0;display:flex}.select-btn .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-btn .mark{color:var(--ink-2)}.select-btn:hover .value,.select-btn.is-hover .value{text-underline-offset:3px;text-decoration:underline}.select-btn:focus-visible,.select-btn.is-focus{outline:none}.select-btn:focus-visible .value,.select-btn.is-focus .value{text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:3px}.select-btn:disabled{color:var(--ink-2);cursor:default}.select-list{z-index:10;top:calc(var(--row-h) - 4px);background:var(--paper-2);border:1px solid var(--ink);margin:0;padding:0;list-style:none;position:absolute;left:0;right:0}.select-list[hidden]{display:none}.select-list li{height:var(--row-h);line-height:var(--row-h);padding:0 var(--s-8);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select-list li+li{border-top:1px solid var(--line)}.select-list li[aria-selected=true]{font-weight:600}.select-list li.is-hover,.select-list li:hover{text-underline-offset:3px;text-decoration:underline}.menu{display:inline-flex;position:relative}.menu .action .mark{color:var(--ink-2);margin-left:1ch;display:inline-block}.menu .select-list{top:calc(100% + var(--s-8));width:max-content;min-width:100%;font-size:var(--t-m);line-height:var(--t-m-lh);right:auto}.menu.up .select-list{top:auto;bottom:calc(100% + var(--s-8))}.switch{gap:var(--s-8);font-size:var(--t-s);line-height:var(--t-s-lh);display:flex}.row .switch{justify-self:end}.row.is-disabled .option{color:var(--ink-2);cursor:default}.swatch{appearance:none;border:1px solid var(--swatch-line);cursor:pointer;background:0 0;width:12px;height:12px;padding:0;display:block}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0}.swatch::-moz-color-swatch{border:0}.swatch:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.swatch-cell{align-items:center;gap:var(--s-12);display:flex}.hex{text-transform:uppercase}