@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--clay-50:#f8e9e1;--clay-100:#efcdbc;--clay-200:#e0a487;--clay-300:#d07f5b;--clay-400:#c2683e;--clay-500:#ac5630;--clay-600:#8c4324;--clay-700:#6b331b;--paper-50:#fbf8f1;--paper-100:#f6f1e6;--paper-200:#efe8d8;--paper-300:#e6dcc7;--paper-400:#d8cbaf;--paper-500:#c4b493;--paper-600:#a6936f;--ink-900:#241f18;--ink-800:#2e2820;--ink-700:#43392e;--ink-600:#5e5142;--ink-500:#7c6e5b;--ink-400:#9c8e78;--ochre-100:#f4e6c4;--ochre-300:#ddbb6e;--ochre-400:#c99a3f;--ochre-600:#9a7426;--sage-100:#e4e6d4;--sage-300:#a9b083;--sage-500:#6e7a4e;--sage-700:#4c5634;--umber-500:#6f4a2e;--umber-700:#3f2a19;--teal-300:#8fb3ac;--teal-500:#4f7a72;--teal-700:#345650;--brick-100:#f3d9d2;--brick-400:#c0473c;--brick-600:#93362e;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--scrim:#24190e8c;--scrim-heavy:#24190ecc;--on-accent:#fcf3ec;--ok-line:var(--sage-700);--shadow-2:0 2px 6px #36261647, 0 1px 2px #36261638;--shadow-3:0 6px 18px #36261657, 0 2px 6px #3626163d;--shadow-4:0 16px 40px #36261670, 0 4px 12px #3626164d;--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.34s;--dur-walk:1.1s;--dur-gate:1.6s;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.45, .05, .55, .95);--ease-settle:cubic-bezier(.16, .84, .44, 1);--t-hover:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);--app-bg:#181410;--workspace:#120f0a;--toolbar-bg:#221c14;--panel-bg:#1e1810;--surface:#241d14;--surface-2:#17120b;--breadcrumb-bg:#221c14;--input-bg:#17120b;--border:#372c1e;--border-strong:#4b3c29;--divider:#241c13;--text:#f2e9da;--text-2:#d6c9b2;--text-dim:var(--ink-400);--accent:var(--clay-400);--accent-text:var(--clay-200);--accent-fill:color-mix(in srgb, var(--clay-400) 13%, transparent);--accent-line:color-mix(in srgb, var(--clay-400) 40%, transparent);--accent-line-2:color-mix(in srgb, var(--clay-400) 27%, transparent);--accent-soft-bg:#2e2015;--danger:var(--brick-400);--danger-text:#e59488;--danger-fill:color-mix(in srgb, var(--brick-400) 13%, transparent);--danger-line:color-mix(in srgb, var(--brick-400) 53%, transparent);--ok:var(--sage-300);--info:var(--teal-300);--accent2:var(--ochre-300);--warn:var(--ochre-400);--warn-text:var(--ochre-300);--float-bg:#221c14ee;--ok-soft-bg:#272a1a;--danger-soft-bg:#34211b;--info-soft-bg:#1b2925;--dot:#ffffff0e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:var(--paper-100);--workspace:var(--paper-200);--toolbar-bg:var(--paper-50);--panel-bg:var(--paper-50);--surface:#fff;--surface-2:var(--paper-200);--breadcrumb-bg:#f1eadb;--input-bg:#fff;--border:var(--paper-400);--border-strong:var(--paper-500);--divider:var(--paper-300);--text:var(--ink-800);--text-2:var(--ink-600);--text-dim:var(--ink-500);--accent:var(--clay-400);--accent-text:var(--clay-600);--accent-fill:color-mix(in srgb, var(--clay-400) 11%, transparent);--accent-line:color-mix(in srgb, var(--clay-400) 60%, transparent);--accent-line-2:color-mix(in srgb, var(--clay-400) 30%, transparent);--accent-soft-bg:var(--clay-50);--danger:var(--brick-400);--danger-text:var(--brick-600);--danger-fill:color-mix(in srgb, var(--brick-400) 8%, transparent);--danger-line:color-mix(in srgb, var(--brick-400) 40%, transparent);--ok:var(--sage-700);--info:var(--teal-700);--accent2:var(--ochre-600);--warn:var(--ochre-400);--warn-text:var(--ochre-600);--float-bg:#fbf8f1f2;--ok-soft-bg:var(--sage-100);--danger-soft-bg:var(--brick-100);--info-soft-bg:#dceae6;--dot:#6f4a2e1a;--shadow-2:0 2px 6px #36261612, 0 1px 2px #3626160f;--shadow-3:0 6px 18px #3626161a, 0 2px 6px #36261612;--shadow-4:0 16px 40px #36261629, 0 4px 12px #36261614}html,body,#root{height:100%}body{background:var(--app-bg);font-family:var(--font-sans);margin:0}*{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.ds-root{font-family:var(--font-sans)}.ds-root ::-webkit-scrollbar{width:11px;height:11px}.ds-root ::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:7px}.ds-root ::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}.ds-root ::-webkit-scrollbar-track{background:0 0}.ds-root :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-root input::placeholder,.ds-root textarea::placeholder{color:var(--text-dim);opacity:.65}.ds-root button{font-family:inherit}.ds-root button>svg{vertical-align:middle}.ds-root h1,.ds-root h2,.ds-root h3{font-family:var(--font-display);letter-spacing:-.02em}.ds-root code,.ds-root input[type=number]{font-family:var(--font-mono)}.ds-num{font-family:var(--font-mono);letter-spacing:-.01em}.ds-canvas-bg{background-color:var(--workspace);background-image:radial-gradient(var(--dot) 1.4px, transparent 1.4px);box-shadow:var(--shadow-inset,inset 0 1px 3px #3626162e);background-position:-1px -1px;background-size:22px 22px}.ds-root button,.ds-root input,.ds-root select,.ds-root textarea{transition:var(--t-hover)}.ds-root button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ds-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.ds-btn--primary{background:var(--accent-fill);border-color:var(--accent-line);color:var(--accent-text)}.ds-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent)}.ds-btn--primary:active:not(:disabled){background:color-mix(in srgb, var(--accent) 30%, transparent)}.ds-btn--danger{background:var(--danger-fill);border-color:var(--danger-line);color:var(--danger-text)}.ds-btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 22%, transparent)}.ds-btn--danger:active:not(:disabled){background:color-mix(in srgb, var(--danger) 30%, transparent)}.ds-btn--ok{background:var(--ok-soft-bg);border-color:var(--ok-line);color:var(--ok)}.ds-btn--ok:hover:not(:disabled){border-color:var(--ok)}.ds-btn--quiet{border-color:var(--border);color:var(--text-dim);background:0 0;padding:9px 14px;font-weight:400}.ds-btn--quiet:hover:not(:disabled){background:var(--surface-2);color:var(--text-2)}.ds-btn--quiet:active:not(:disabled){background:var(--divider)}.ds-mi{background:0 0}.ds-mi:hover{background:var(--accent-soft-bg)}.ds-linklike{color:var(--text-dim);cursor:pointer}.ds-linklike:hover:not(:disabled){color:var(--text-2)}.ds-crumb{font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border-radius:var(--radius-xs);color:var(--text-2);background:0 0;border:none;padding:2px 3px;font-size:14px;font-weight:600}.ds-crumb:hover,.ds-crumb[data-active=true]{color:var(--accent)}.ds-crumb:hover{text-decoration:underline}.ds-navrow{text-align:left;border-radius:var(--radius-xs);width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;margin-bottom:1px;padding:4px 5px;font-size:11px;display:flex}.ds-navrow:hover{background:var(--accent-fill)}.ds-navrow[data-active=true]{background:var(--accent-soft-bg);border-color:var(--accent-line-2)}.ds-navrow{min-height:24px}.ds-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;padding:2px;display:flex}.ds-seg-btn{border-radius:var(--radius-pill);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.ds-seg-btn:hover:not([aria-pressed=true]){color:var(--text-2);background:var(--accent-fill)}.ds-seg-btn[aria-pressed=true]{background:var(--accent-soft-bg);color:var(--accent-text)}.ds-seg--fill{display:flex}.ds-seg--fill .ds-seg-btn{text-overflow:ellipsis;flex:1;min-width:0;padding-left:10px;padding-right:10px;overflow:hidden}.ds-tile{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);transition:var(--t-hover);flex-direction:column;align-items:center;gap:5px;padding:8px;display:flex;position:relative}.ds-tile[data-clickable=true]{cursor:pointer}.ds-tile[data-clickable=true]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.ds-tile[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-fill)}.ds-newtile{border-radius:var(--radius-md);border:1.5px dashed var(--border-strong);color:var(--text-dim);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.ds-newtile:hover{border-color:var(--accent-line);color:var(--accent-text);background:var(--accent-fill)}.ds-cell{border-radius:var(--radius-xs);width:100%;color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;outline:none;padding:3px 6px;font-size:12px}.ds-cell:hover:not(:disabled):not(:focus){border-color:var(--border)}.ds-cell:focus{border-color:var(--accent);background:var(--input-bg)}.ds-trow:hover td{background:var(--surface-2)}.ds-th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:3px;padding:2px 0;font-size:10px;font-weight:600;display:inline-flex}.ds-th:hover,.ds-th[data-active=true]{color:var(--accent-text)}.ds-walker{transition:left var(--dur-walk) var(--ease-in-out), bottom var(--dur-walk) var(--ease-in-out)}@keyframes ds-trudge{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3.5px)rotate(1.5deg)}}.ds-walker[data-walking=true] .ds-walker-bob{animation:ds-trudge .42s var(--ease-in-out) infinite}@keyframes ds-hop{0%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-16px)rotate(3deg)}44%{transform:translateY(0)rotate(0)}64%{transform:translateY(-9px)rotate(2deg)}84%{transform:translateY(0)rotate(0)}}.ds-walker[data-jumping=true] .ds-walker-bob{animation:ds-hop .9s var(--ease-in-out)}@keyframes ds-modal-in{0%{opacity:.6;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.ds-modal-panel{animation:ds-modal-in var(--dur-slow) var(--ease-settle)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-walk:0s;--dur-gate:0s}.ds-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}