html,body,#root{margin:0;height:100%}.wdf{--bg: #121412;--surface: #181b18;--s2: #21251f;--line: #2b302a;--lsoft: #232722;--text: #dae0d8;--dim: #9aa297;--faint: #7f877d;--canvas: #141715;--gmin: rgba(214, 232, 214, .05);--gmaj: rgba(214, 232, 214, .1);--accent: oklch(.8 .12 80);--onacc: #161208;--aghost: oklch(.8 .12 80 / .14);--danger: oklch(.66 .14 30);--dghost: oklch(.66 .14 30 / .14);--warn: oklch(.75 .06 90);--backdrop: rgba(8, 10, 8, .55);--ring: rgba(218, 224, 216, .5);--glift: rgba(0, 0, 0, .4)}.wdf[data-wdt=light]{--bg: #eef0ea;--surface: #f9faf6;--s2: #e4e7df;--line: #ccd1c6;--lsoft: #dde1d6;--text: #22261f;--dim: #5a6156;--faint: #6a7164;--canvas: #e9ebe3;--gmin: rgba(24, 34, 22, .05);--gmaj: rgba(24, 34, 22, .11);--accent: oklch(.47 .11 70);--onacc: #fbfbf5;--aghost: oklch(.47 .11 70 / .12);--danger: oklch(.52 .14 30);--dghost: oklch(.52 .14 30 / .12);--warn: oklch(.52 .07 90);--backdrop: rgba(233, 236, 229, .62);--ring: rgba(34, 38, 31, .45);--glift: rgba(30, 36, 26, .18)}.wdf{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.wdf *,.wdf *:before,.wdf *:after{box-sizing:border-box}.wdf button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.wdf input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--lsoft);border-radius:3px;outline:none}.tbtn{height:24px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--dim);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.tbtn:hover,.tbtn.on{background:var(--s2);color:var(--text)}.tbtn.primary{background:var(--accent);border-color:transparent;color:var(--onacc);font-weight:600}.tbtn.primary:hover{background:var(--accent);color:var(--onacc);filter:brightness(1.06)}.tbtn:disabled{color:var(--faint);cursor:default;background:transparent}.vsep{width:1px;height:16px;background:var(--lsoft);flex:none}.kbd{font-size:9.5px;color:var(--faint);border:1px solid var(--lsoft);border-radius:2px;padding:0 4px;line-height:14px}.secthead{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.paletteRow:hover{background:var(--s2)}.overlayChip{display:flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:1px solid var(--line);background:var(--bg);border-radius:3px;font-size:10.5px;cursor:pointer}.stepBtn{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lsoft);border-radius:2px;color:var(--dim);font-size:11px;cursor:pointer;background:none}.stepBtn:hover{background:var(--s2)}.ghostlink{font-size:11.5px;color:var(--dim);border-bottom:1px dotted var(--faint);cursor:pointer}.ghostlink:hover{color:var(--text)}