:root{color-scheme:dark;--s-0: #0D0E12;--s-1: #16181E;--s-2: #1E212A;--s-3: #262A34;--s-4: #30343F;--line-1: #23262E;--line-2: #2E323C;--line-3: #3C424F;--ink: #ECEAE5;--ink-2: #9A968E;--ink-3: #6B6862;--accent: #E0533D;--accent-hi: #EC6650;--accent-lo: #C9452F;--accent-wash: rgba(224, 83, 61, .13);--brand: #AE3B2A;--brand-ink: #F4F3EE;--ok: #6EE7A8;--warn: #F5C451;--bad: #FF8B7A;--font-ui: "Inter Tight", system-ui, -apple-system, sans-serif;--font-num: ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;--t-micro: 600 10px/1.2 var(--font-ui);--t-small: 400 11px/1.45 var(--font-ui);--t-body: 400 12px/1.5 var(--font-ui);--t-value: 500 12px/1.5 var(--font-num);--t-strong: 600 13px/1.4 var(--font-ui);--t-title: 600 15px/1.35 var(--font-ui);--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 20px;--sp-8: 24px;--sp-9: 32px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-full: 999px;--shadow: 0 10px 30px -10px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.4);--m-0: 0ms;--m-1: .11s cubic-bezier(.3, 0, .2, 1);--m-2: .17s cubic-bezier(.2, .8, .2, 1);--m-3: .26s cubic-bezier(.2, .8, .2, 1);--focus: 0 0 0 2px var(--s-0), 0 0 0 4px var(--accent);--row-hover: rgba(255, 255, 255, .05);--ctl-h: 28px;--row-h: 32px;--tap: 28px;--ctl-w: 152px;--panel-w: 320px;--bar-h: 56px}@media (pointer: coarse){:root{--ctl-h: 36px;--row-h: 44px;--tap: 44px}}@media (min-width: 1180px){:root{--panel-w: 340px}}@media (prefers-reduced-motion: reduce){:root{--m-1: 0ms;--m-2: 0ms;--m-3: 0ms}}:root{--bg: var(--s-0);--panel: var(--s-1);--line: var(--line-2);--dim: var(--ink-2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--s-0);color:var(--ink);font:var(--t-body);-webkit-font-smoothing:antialiased}#tabs button,.tool,.row-label,.sec-head,.scard-name,.nf-unit,.seg-cell,.sel-label,.empty,.hint{user-select:none;-webkit-user-select:none}input,button,select,textarea{font:inherit;color:inherit}input,output,.num,time,.tabular{font-variant-numeric:tabular-nums}:focus{outline:none}:focus-visible{box-shadow:var(--focus);border-radius:var(--r-2)}::selection{background:var(--accent-wash);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:content-box}.i{display:block;flex:none}.i-spin{animation:i-spin .7s linear infinite;transform-origin:50% 50%}@keyframes i-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.i-spin{animation-duration:1.6s}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);height:var(--ctl-h);min-width:var(--ctl-h);padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-3);background:transparent;color:var(--ink);font:var(--t-strong);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--m-1),border-color var(--m-1),color var(--m-1),opacity var(--m-1)}.btn:disabled{opacity:.38;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hi)}.btn-primary:active:not(:disabled){background:var(--accent-lo)}.btn-ghost{background:var(--s-2);border-color:var(--line-2)}.btn-ghost:hover:not(:disabled){background:var(--s-3);border-color:var(--line-3)}.btn-ghost:active:not(:disabled){background:var(--s-4)}.btn-primary:disabled,.btn-ghost:disabled{opacity:1;background:var(--s-1);border-color:var(--line-1);color:var(--ink-3)}.btn-quiet{background:transparent;color:var(--ink-2)}.btn-quiet:hover:not(:disabled){background:var(--s-2);color:var(--ink)}.btn-quiet:active:not(:disabled){background:var(--s-3)}.btn-sm{height:24px;min-width:24px;padding:0 var(--sp-4);font:var(--t-body);font-weight:600}.btn-lg{height:max(36px,var(--ctl-h));padding:0 var(--sp-6)}.btn-icon{padding:0;width:var(--ctl-h)}.btn-block{width:100%}@media (pointer: coarse){.btn{position:relative}.btn:after{content:"";position:absolute;left:50%;top:50%;width:100%;min-width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}}.sec{border-bottom:1px solid var(--line-1)}.sec:last-child{border-bottom:0}.sec-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:var(--row-h);padding:0 var(--sp-2);background:none;border:0;cursor:pointer;font:var(--t-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);transition:color var(--m-1)}.sec-head:hover{color:var(--ink-2)}.sec-head .i{transition:transform var(--m-2);margin-left:auto}.sec[data-open="0"] .sec-head .i{transform:rotate(-90deg)}.sec-body{padding:var(--sp-1) 0 var(--sp-5)}.sec[data-open="0"] .sec-body,.row[hidden]{display:none}.row{display:grid;grid-template-columns:1fr var(--sp-6) var(--ctl-w);align-items:center;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2)}.row-label{font:var(--t-body);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--m-1)}.row:hover .row-label,.row.is-set .row-label{color:var(--ink)}.row-reset{display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);padding:0;border:0;border-radius:var(--r-1);background:none;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--m-1),background var(--m-1);position:relative}.row.is-set .row-reset{opacity:1;pointer-events:auto}.row-reset:hover{background:var(--accent-wash)}.row-reset:after{content:"";position:absolute;right:-3px;top:50%;width:var(--tap);height:var(--tap);transform:translateY(-50%)}.row-wide .row-reset:after{height:calc(100% + var(--sp-4))}.row-wide{grid-template-columns:1fr auto;row-gap:var(--sp-2)}.row-wide .row-control{grid-column:1 / -1}.row-slider{grid-template-columns:1fr var(--sp-6) 78px;row-gap:0;padding-bottom:0}.row-slider .row-track{grid-column:1 / -1}.row-track .sl{height:20px}@media (pointer: coarse){.row-track .sl{height:var(--ctl-h)}}.row-number{grid-template-columns:1fr var(--sp-6) 78px}.row .nf,.row .sel,.row .cf{background:transparent;border-color:var(--line-1)}.row .seg{border-color:var(--line-1)}.row{border-radius:var(--r-2);transition:background var(--m-1)}.row:hover{background:var(--row-hover)}.row:hover .nf,.row:hover .sel:not(:disabled),.row:hover .cf:not(:disabled),.row:hover .seg,.row:focus-within .nf,.row:focus-within .sel,.row:focus-within .cf,.row:focus-within .seg{background:var(--s-2);border-color:var(--line-2)}.row .seg{background:var(--s-2)}.row:hover .nf:hover,.row:hover .sel:not(:disabled):hover,.row:hover .cf:not(:disabled):hover{background:var(--s-3);border-color:var(--line-3)}.tabs{display:flex;border-bottom:1px solid var(--line-1)}.tab{flex:1;position:relative;height:40px;padding:0 var(--sp-2);background:none;border:0;cursor:pointer;font:var(--t-strong);color:var(--ink-3);transition:color var(--m-1)}.tab:hover{color:var(--ink-2)}.tab[aria-selected=true]{color:var(--ink)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:50% 50%;transition:transform var(--m-2)}.tab[aria-selected=true]:after{transform:scaleX(1)}.hint{font:var(--t-small);color:var(--ink-3)}.hint-bad{color:var(--bad)}.hint-ok{color:var(--ok)}.hint-warn{color:var(--warn)}.empty{padding:var(--sp-9) var(--sp-5);text-align:center;color:var(--ink-3);font:var(--t-body);line-height:1.6}.divider{height:1px;background:var(--line-1);margin:var(--sp-5) 0}.nf{display:flex;align-items:center;height:var(--ctl-h);padding:0 var(--sp-1) 0 var(--sp-3);background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);cursor:ew-resize;transition:background var(--m-1),border-color var(--m-1);touch-action:none;-webkit-user-select:none;user-select:none}.nf.is-scrubbing{background:var(--s-3);border-color:var(--accent)}.nf.is-editing{background:var(--s-1);border-color:var(--accent);cursor:text}.nf.is-editing .nf-input{cursor:text}.nf.is-disabled{opacity:.38;pointer-events:none}.nf:focus-within{box-shadow:none}.nf-input{flex:1;min-width:0;width:100%;background:none;border:0;padding:0;font:var(--t-value);color:var(--ink);cursor:inherit;text-align:right}.nf-input:focus{outline:none}.nf-unit{flex:none;width:18px;padding-left:var(--sp-2);font:var(--t-small);color:var(--ink-3);pointer-events:none}.nf-steps{display:flex;flex-direction:column;justify-content:center;flex:none;width:16px;margin-left:var(--sp-2);opacity:0;transition:opacity var(--m-1)}.nf:hover .nf-steps,.nf.is-editing .nf-steps{opacity:1}.nf-step{display:grid;place-items:center;height:11px;padding:0;background:none;border:0;border-radius:2px;color:var(--ink-3);cursor:pointer}.nf-step:hover{color:var(--ink);background:var(--s-4)}@media (pointer: coarse){.nf-steps{display:none}}.sl{position:relative;height:var(--ctl-h);display:flex;align-items:center;cursor:pointer;touch-action:none}.sl.is-disabled{opacity:.38;pointer-events:none}.sl-track{position:relative;width:100%;height:3px;background:var(--s-4);border-radius:var(--r-full)}.sl-fill{position:absolute;top:0;bottom:0;background:var(--accent-wash);border-radius:var(--r-full)}.sl-fill:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--accent);right:0}.sl-thumb{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--ink);border-radius:var(--r-full);box-shadow:0 0 0 1px var(--s-0),0 1px 3px #00000080;pointer-events:none;transition:transform var(--m-1),background var(--m-1)}.sl:hover .sl-thumb{transform:scale(1.12)}.sl.is-dragging .sl-thumb{transform:scale(1.25);background:#fff}.sl:focus-visible{box-shadow:none}.sl:focus-visible .sl-thumb{box-shadow:0 0 0 2px var(--s-0),0 0 0 4px var(--accent)}@media (pointer: coarse){.sl-thumb{width:17px;height:17px;margin:-8.5px 0 0 -8.5px}.sl-track{height:4px}}.seg{position:relative;display:flex;padding:2px;background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);min-height:var(--ctl-h);transition:border-color var(--m-1)}.seg.seg-grid{display:grid;grid-template-columns:repeat(var(--seg-cols),1fr)}.seg.is-disabled{opacity:.38;pointer-events:none}.seg-ind{position:absolute;z-index:0;background:var(--s-4);border-radius:var(--r-1);transition:left var(--m-1),width var(--m-1),top var(--m-1),height var(--m-1),opacity var(--m-1);pointer-events:none}.seg-cell{position:relative;z-index:1;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:calc(var(--ctl-h) - 6px);padding:0 var(--sp-2);background:none;border:0;border-radius:var(--r-1);font:var(--t-body);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:color var(--m-1)}.seg-cell>span{overflow:hidden;text-overflow:ellipsis}.seg-tight .seg-cell{padding:0 var(--sp-1);font:var(--t-small)}.seg-cell:hover,.seg-cell[aria-checked=true]{color:var(--ink)}.seg-cell:focus-visible{box-shadow:var(--focus)}@media (pointer: coarse){.seg{flex-wrap:wrap}.seg-cell{flex:1 1 auto;min-width:44px;height:calc(var(--ctl-h) - 6px)}.seg-cell:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:40px;transform:translate(-50%,-50%)}}@media (hover: none){.row .nf{background:var(--s-2);border-color:var(--line-2)}.row .seg{border-color:var(--line-2)}}.tf{display:block;width:100%;height:var(--ctl-h);padding:0 var(--sp-3);background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);color:var(--ink);font:var(--t-body);transition:background var(--m-1),border-color var(--m-1)}.tf::placeholder{color:var(--ink-3)}.tf:focus{outline:none;background:var(--s-1);border-color:var(--accent)}.tf.is-bad,.tf.is-bad:focus{border-color:var(--bad)}.tf:disabled{opacity:.38}.tf-code{font:var(--t-value);letter-spacing:.1em}.pop{position:fixed;z-index:200;background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow);padding:var(--sp-2);animation:pop-in var(--m-2) both}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.pop[data-flip="1"]{animation-name:pop-in-up}@keyframes pop-in-up{0%{opacity:0;transform:translateY(4px)}}.sel{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:var(--ctl-h);padding:0 var(--sp-2) 0 var(--sp-4);background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);color:var(--ink);font:var(--t-body);text-align:left;cursor:pointer;transition:background var(--m-1),border-color var(--m-1)}.sel[aria-expanded=true]{background:var(--s-2);border-color:var(--accent)}.sel:disabled{opacity:.38;cursor:default}.sel-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-empty{color:var(--ink-3)}.sel-chev{flex:none;color:var(--ink-3);transition:transform var(--m-2),color var(--m-1)}.sel:hover .sel-chev{color:var(--ink-2)}.sel[aria-expanded=true] .sel-chev{transform:rotate(180deg);color:var(--ink)}.sel-menu{display:flex;flex-direction:column;max-height:320px;outline:none}.sel-filter{flex:none;height:var(--ctl-h);margin-bottom:var(--sp-2);padding:0 var(--sp-3);background:var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-1);color:var(--ink);font:var(--t-body)}.sel-filter::placeholder{color:var(--ink-3)}.sel-filter:focus{outline:none;border-color:var(--accent)}.sel-list{overflow-y:auto;min-height:0}.sel-opt{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--ctl-h);padding:0 var(--sp-2);border-radius:var(--r-1);color:var(--ink-2);font:var(--t-body);cursor:pointer}.sel-opt.is-active{background:var(--s-3);color:var(--ink)}.sel-opt.is-on{color:var(--ink)}.sel-tick{display:grid;place-items:center;width:14px;flex:none;color:var(--accent)}.sel-opt-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-none{padding:var(--sp-4) var(--sp-3);color:var(--ink-3);font:var(--t-small)}.cf{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:var(--ctl-h);padding:0 var(--sp-3);background:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);cursor:pointer;transition:background var(--m-1),border-color var(--m-1)}.cf[aria-expanded=true]{background:var(--s-2);border-color:var(--accent)}.cf:disabled{opacity:.38;cursor:default}.cf-sw{flex:none;width:20px;height:20px;border-radius:var(--r-1);box-shadow:inset 0 0 0 1px #ffffff29;background-image:linear-gradient(45deg,#4a4a4a 25%,transparent 25%,transparent 75%,#4a4a4a 75%),linear-gradient(45deg,#4a4a4a 25%,transparent 25%,transparent 75%,#4a4a4a 75%);background-size:8px 8px;background-position:0 0,4px 4px}.cf-hex{flex:1;min-width:0;font:var(--t-value);color:var(--ink-2);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.cf:hover .cf-hex{color:var(--ink)}.cp{width:216px;padding:var(--sp-2)}.cp-sv{position:relative;height:132px;border-radius:var(--r-2);margin-bottom:var(--sp-4);cursor:crosshair;touch-action:none}.cp-sv-w,.cp-sv-b{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.cp-sv-w{background:linear-gradient(to right,#fff,transparent)}.cp-sv-b{background:linear-gradient(to top,#000,transparent)}.cp-rails{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-4)}.cp-rail{position:relative;height:12px;border-radius:var(--r-full);cursor:pointer;touch-action:none}.cp-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha{background-image:linear-gradient(to right,transparent,var(--c, #fff)),linear-gradient(45deg,#4a4a4a 25%,transparent 25%,transparent 75%,#4a4a4a 75%),linear-gradient(45deg,#4a4a4a 25%,transparent 25%,transparent 75%,#4a4a4a 75%);background-size:100% 100%,8px 8px,8px 8px;background-position:0 0,0 0,4px 4px}.cp-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--r-full);box-shadow:0 0 0 2px #fff,0 1px 4px #0009;pointer-events:none}.cp-dot-rail{top:50%;background:transparent}.cp-foot{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-3)}.cp-hex{flex:1;min-width:0;height:var(--ctl-h);padding:0 var(--sp-3);background:var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-1);color:var(--ink);font:var(--t-value);text-transform:uppercase}.cp-hex:focus{outline:none;border-color:var(--accent)}.cp-recents{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.cp-recents:empty{display:none}.cp-recent{width:20px;height:20px;padding:0;border:0;border-radius:var(--r-1);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff29}.cp-recent:hover{box-shadow:inset 0 0 0 1px #fff6}@media (pointer: coarse){.cp{width:264px}.cp-sv{height:168px}.cp-rail{height:20px}.cp-dot{width:18px;height:18px;margin:-9px 0 0 -9px}.cp-recent{width:var(--tap);height:28px}}@media (hover: none){.row .sel,.row .cf{background:var(--s-2);border-color:var(--line-2)}}.sel:hover:not(:disabled),.cf:hover:not(:disabled){background:var(--s-3);border-color:var(--line-3)}@media (pointer: coarse){.sel{position:relative}.sel:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:var(--tap);transform:translate(-50%,-50%)}.sel-opt{min-height:var(--tap)}.sel-filter{height:var(--tap)}}.cf.is-unset .cf-sw{border:1px dashed var(--line-3);background:none}.cf.is-unset .cf-hex{color:var(--ink-3)}