@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root,[data-ink-theme=dark],.ink-theme-dark{color-scheme:dark;--surface-root: #0e0e0e;--surface-panel: #131313;--surface-canvas: #171717;--surface-card: #171717;--surface-rail: #1a1a1a;--surface-control: #212121;--surface-raised: #292929;--surface-active: #333333;--line-subtle: #1f1f1f;--line: #262626;--line-strong: #343434;--fg: #f4f4f4;--fg-secondary: rgb(244 244 244 / 70%);--fg-muted: rgb(244 244 244 / 60%);--fg-faint: rgb(244 244 244 / 50%);--fg-inverse: #0e0e0e;--human: #ffffff;--human-fill: rgb(255 255 255 / 9%);--agent: #e9e0ce;--agent-fill: rgb(233 224 206 / 14%);--agent-line: rgb(233 224 206 / 32%);--agent-faint: rgb(233 224 206 / 5%);--signal-positive: #d8e0d6;--signal-positive-fill: rgb(216 224 214 / 14%);--signal-negative: #e4d2ce;--signal-negative-fill: rgb(228 210 206 / 14%);--signal-warn: #b08e36;--signal-warn-fill: rgb(210 190 120 / 10%);--font-ui: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-15: 15px;--text-20: 20px;--text-32: 32px;--text-56: 56px;--tracking-caps: .06em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 13px;--shadow-control: 0 0 0 1px rgb(255 255 255 / 8%), 0 1px 2px rgb(0 0 0 / 40%);--shadow-elevated: 0 4px 20px -4px rgb(0 0 0 / 60%), 0 0 0 1px rgb(255 255 255 / 10%);--shadow-elevated-lg: 0 16px 48px -8px rgb(0 0 0 / 65%);--shadow-tooltip: 0 4px 12px -2px rgb(0 0 0 / 65%);--shadow-focus: 0 0 0 2px var(--surface-root), 0 0 0 4px rgb(255 255 255 / 35%);--layout-topbar-height: 54px;--layout-toolbar-height: 40px;--layout-panel-left: 292px;--layout-panel-right: 300px;--layout-control-height: 24px;--layout-control-height-lg: 32px;--layout-rail-width: 52px;--layout-icon: 16px;--layout-avatar: 28px;--layout-ruler: 20px;--z-base: 0;--z-panel: 10;--z-canvas-overlay: 20;--z-toolbar: 30;--z-dropdown: 40;--z-sticky: 50;--z-modal: 60;--z-toast: 70;--z-drag: 80;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .24s;--duration-spinner: .8s;--surface-scrim: #0000008c;--ink-color-selection: #3b82f6;--ink-color-snap-guide: #f472b6;--ink-color-ink: var(--fg);--ink-color-handle-fill: #ffffff;--ink-color-mock-page: #0a0a0a;--ink-color-mock-card: #141414;--ink-color-mock-well: #1c1c1c;--ink-color-mock-caption: rgb(244 244 244 / 55%);--ink-color-surface-root: var(--surface-root);--ink-color-surface-panel: var(--surface-panel);--ink-color-surface-control: var(--surface-control);--ink-color-surface-elevated: var(--surface-rail);--ink-color-surface-card: var(--surface-card);--ink-color-surface-raised: var(--surface-raised);--ink-color-surface-active: var(--surface-active);--ink-color-canvas-workspace: var(--surface-canvas);--ink-color-scrim: var(--surface-scrim);--ink-color-text-primary: var(--fg);--ink-color-text-secondary: var(--fg-secondary);--ink-color-text-muted: var(--fg-muted);--ink-color-text-faint: var(--fg-faint);--ink-color-text-inverse: var(--fg-inverse);--ink-color-border-default: var(--line);--ink-color-border-strong: var(--line-strong);--ink-color-border-subtle: var(--line-subtle);--ink-color-accent: var(--human);--ink-color-human: var(--human);--ink-color-human-fill: var(--human-fill);--ink-color-agent: var(--agent);--ink-color-agent-fill: var(--agent-fill);--ink-color-agent-line: var(--agent-line);--ink-color-agent-faint: var(--agent-faint);--ink-color-signal-positive: var(--signal-positive);--ink-color-signal-positive-fill: var(--signal-positive-fill);--ink-color-signal-negative: var(--signal-negative);--ink-color-signal-negative-fill: var(--signal-negative-fill);--ink-color-signal-warn: var(--signal-warn);--ink-color-signal-warn-fill: var(--signal-warn-fill);--ink-font-ui: var(--font-ui);--ink-font-mono: var(--font-mono);--ink-font-display: var(--font-display);--ink-text-sm: var(--text-11);--ink-text-base: var(--text-12);--ink-text-md: var(--text-13);--ink-text-lg: var(--text-14);--ink-text-xl: var(--text-20);--ink-tracking-caps: var(--tracking-caps);--ink-space-1: var(--s-1);--ink-space-2: var(--s-2);--ink-space-3: var(--s-3);--ink-space-4: var(--s-4);--ink-space-5: var(--s-5);--ink-space-6: var(--s-6);--ink-space-8: var(--s-8);--ink-radius-2: var(--r-xs);--ink-radius-3: var(--r-sm);--ink-radius-4: var(--r-md);--ink-radius-5: var(--r-lg);--ink-radius-6: var(--r-xl);--ink-shadow-control: var(--shadow-control);--ink-shadow-elevated: var(--shadow-elevated);--ink-shadow-elevated-lg: var(--shadow-elevated-lg);--ink-shadow-tooltip: var(--shadow-tooltip);--ink-shadow-focus: var(--shadow-focus);--ink-z-panel: var(--z-panel);--ink-z-canvas-overlay: var(--z-canvas-overlay);--ink-z-toolbar: var(--z-toolbar);--ink-z-dropdown: var(--z-dropdown);--ink-z-sticky: var(--z-sticky);--ink-z-modal: var(--z-modal);--ink-z-toast: var(--z-toast);--ink-z-drag: var(--z-drag);--ink-duration-fast: var(--duration-fast);--ink-duration-normal: var(--duration-normal);--ink-duration-slow: var(--duration-slow);--ink-duration-spinner: var(--duration-spinner);--ink-ease-out: var(--ease-out);--ink-ease-in: var(--ease-in);--ink-ease-in-out: var(--ease-in-out);--ink-layout-topbar-height: var(--layout-topbar-height);--ink-layout-toolbar-height: var(--layout-toolbar-height);--ink-layout-panel-width-left: var(--layout-panel-left);--ink-layout-panel-width-right: var(--layout-panel-right);--ink-layout-control-height: var(--layout-control-height);--ink-layout-control-height-lg: var(--layout-control-height-lg);--ink-layout-rail-width: var(--layout-rail-width);--ink-layout-icon: var(--layout-icon);--ink-layout-avatar: var(--layout-avatar);--ink-layout-ruler-thickness: var(--layout-ruler)}[data-ink-theme=light]{color-scheme:light;--surface-root: #ffffff;--surface-panel: #f3f3f3;--surface-canvas: #e8e8e8;--surface-card: #ffffff;--surface-rail: #fafafa;--surface-control: #fafafa;--surface-raised: #ebebeb;--surface-active: #e0e0e0;--line-subtle: #ececec;--line: #e0e0e0;--line-strong: #d0d0d0;--fg: #1a1a1a;--fg-secondary: rgb(26 26 26 / 70%);--fg-muted: rgb(26 26 26 / 68%);--fg-faint: rgb(26 26 26 / 62%);--fg-inverse: #ffffff;--human: #1a1a1a;--human-fill: rgb(0 0 0 / 6%);--agent: #6b5e4a;--agent-fill: rgb(107 94 74 / 12%);--agent-line: rgb(107 94 74 / 28%);--agent-faint: rgb(107 94 74 / 6%);--signal-positive: #3a6b4a;--signal-positive-fill: rgb(58 107 74 / 12%);--signal-negative: #8b3a3a;--signal-negative-fill: rgb(139 58 58 / 12%);--signal-warn: #7a611f;--signal-warn-fill: rgb(122 97 31 / 10%);--surface-scrim: #00000066;--shadow-control: 0 0 0 1px #00000014, 0 1px 2px #0000000a;--shadow-elevated: 0 4px 16px -4px #00000033, 0 0 0 1px #00000014;--shadow-elevated-lg: 0 16px 48px -8px #00000033;--shadow-tooltip: 0 4px 12px -2px #00000026;--shadow-focus: 0 0 0 2px var(--surface-root), 0 0 0 4px rgb(0 0 0 / 25%);--ink-color-selection: #2563eb;--ink-color-snap-guide: #db2777;--ink-color-mock-page: #ffffff;--ink-color-mock-card: #f3f3f3;--ink-color-mock-well: #ebebeb;--ink-color-mock-caption: rgb(26 26 26 / 55%)}*,*:before,*:after{box-sizing:border-box}.ink-app{font-family:var(--font-ui);font-size:var(--text-13);line-height:1.4;color:var(--fg);background:var(--surface-root);-webkit-font-smoothing:antialiased}.ink-app button,.ink-app input,.ink-app select,.ink-app textarea{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-spinner: 0ms}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}}html[data-ink-reduce-motion=true]{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-spinner: 0ms}html[data-ink-reduce-motion=true] *,html[data-ink-reduce-motion=true] *:before,html[data-ink-reduce-motion=true] *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}@keyframes ink-overlay-fade-in{0%{opacity:0}}@keyframes ink-overlay-fade-out{to{opacity:0}}@keyframes ink-overlay-scale-in{0%{opacity:0;transform:scale(.96)}}@keyframes ink-overlay-scale-out{to{opacity:0;transform:scale(.97)}}@keyframes ink-overlay-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes ink-overlay-menu-out{to{opacity:0;transform:translateY(-2px) scale(.98)}}@keyframes ink-toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes ink-toast-out{to{opacity:0;transform:translateY(4px)}}@keyframes ink-tooltip-in{0%{opacity:0;transform:translateY(2px)}}@keyframes ink-tooltip-out{to{opacity:0;transform:translateY(2px)}}html,body,#root{margin:0;height:100%;min-height:100%;background:var(--surface-root);color:var(--fg)}body{font-family:var(--font-ui)}.ink-app-root{min-height:100%}.ink-app-shell{width:100%;height:100vh;height:100dvh}.ink-canvas-viewport{position:relative;flex:1 1 auto;width:100%;height:100%;overflow:hidden;background:var(--surface-canvas);touch-action:none;cursor:default;-webkit-user-select:none;user-select:none}.ink-empty-brief::placeholder{color:var(--fg-muted)}.ink-canvas-page-root{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}.ink-frame-label{position:absolute;left:0;top:-22px;font-size:11px;color:var(--fg-muted);pointer-events:none;white-space:nowrap}.ink-canvas-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.ink-sel-box{position:absolute;border:1px solid var(--ink-color-selection);box-sizing:border-box}.ink-sel-handle{position:absolute;background:var(--ink-color-handle-fill);border:1px solid var(--ink-color-selection);box-sizing:border-box}.ink-hover-box{position:absolute;border:1px solid var(--ink-color-selection);opacity:.45;box-sizing:border-box;pointer-events:none}.ink-snap-guide{position:absolute;background:var(--ink-color-snap-guide);pointer-events:none}.ink-snap-guide-x{top:0;bottom:0;width:1px}.ink-snap-guide-y{left:0;right:0;height:1px}.ink-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ink-skip-link{position:fixed;left:8px;top:-48px;z-index:var(--z-toast);height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--r-sm);background:var(--surface-rail);border:1px solid var(--line-strong);color:var(--fg);font-size:var(--text-13);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.ink-skip-link:focus-visible{top:8px;outline:none;box-shadow:var(--shadow-focus)}.ink-canvas-status{position:absolute;left:10px;bottom:10px;z-index:21;display:flex;gap:12px;padding:6px 10px;border-radius:6px;background:#0000008c;color:var(--fg-secondary);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}@keyframes ink-spin{to{transform:rotate(360deg)}}@keyframes ink-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ink-telltale{0%,to{opacity:.55}50%{opacity:1}}code{font-family:var(--font-mono);font-size:12px}.ink-export-progress-fill{transition:background-color var(--duration-normal, .18s) linear}.ink-tool-rail{position:absolute;left:var(--s-3);top:120px;transform:none}@media(max-height:700px){.ink-tool-rail{position:fixed;max-height:calc(100vh - 2 * var(--s-3));overflow-y:auto;overscroll-behavior:contain}}.ink-canvas-hud[data-morph=on] .ink-sel-box,.ink-canvas-hud[data-morph=on] .ink-sel-handle,.ink-canvas-hud[data-morph=on] [data-multi-select-box],.ink-canvas-hud[data-morph=on] [data-multi-handle]{transition:left var(--duration-fast) var(--ease-out),top var(--duration-fast) var(--ease-out),width var(--duration-fast) var(--ease-out),height var(--duration-fast) var(--ease-out)}.ink-canvas-hud[data-morph=on] .ink-sel-box,.ink-canvas-hud[data-morph=on] [data-multi-select-box]{animation:ink-overlay-fade-in var(--duration-fast) var(--ease-out)}:is(button,a[href],input,select,textarea,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible:not(.ink-empty-brief):not(.ink-search-shell input){outline:2px solid transparent;box-shadow:var(--shadow-focus)!important}.ink-search-shell:focus-within{border-color:var(--line-strong)!important;box-shadow:var(--shadow-focus)!important}[data-empty-prompt]:focus-within{border-color:var(--agent)!important;box-shadow:var(--shadow-focus)!important}button[data-variant=secondary]:not([data-selected]):not(:disabled):hover,button[data-variant=ghost]:not([data-selected]):not(:disabled):hover{background-color:var(--surface-raised)!important}button[data-variant=primary]:not(:disabled):hover{background-color:color-mix(in oklab,var(--human) 88%,var(--surface-root))!important}button[data-variant=danger]:not(:disabled):hover{background-color:color-mix(in oklab,var(--signal-negative) 12%,transparent)!important}button[data-variant=agent]:not(:disabled):hover{background-color:color-mix(in oklab,var(--agent) 22%,transparent)!important}button[data-variant=secondary]:not([data-selected]):not(:disabled):active,button[data-variant=ghost]:not([data-selected]):not(:disabled):active{background-color:var(--surface-active)!important}button[data-variant=primary]:not(:disabled):active{background-color:color-mix(in oklab,var(--human) 76%,var(--surface-root))!important}button[data-variant=danger]:not(:disabled):active{background-color:color-mix(in oklab,var(--signal-negative) 20%,transparent)!important}button[data-variant=agent]:not(:disabled):active{background-color:color-mix(in oklab,var(--agent) 30%,transparent)!important}[role=menuitem]:not(:disabled):not([aria-disabled=true]):hover,[role=menuitem]:not(:disabled):not([aria-disabled=true]):focus-visible,[role=menuitemcheckbox]:not(:disabled):not([aria-disabled=true]):hover,[role=menuitemcheckbox]:not(:disabled):not([aria-disabled=true]):focus-visible{background-color:var(--surface-raised)!important}[role=menuitem]:not(:disabled):not([aria-disabled=true]):active,[role=menuitemcheckbox]:not(:disabled):not([aria-disabled=true]):active{background-color:var(--surface-active)!important}[role=treeitem]:not([aria-selected=true]):hover,[data-page-row]:hover{background-color:var(--surface-raised)!important}[role=treeitem]:not([aria-selected=true]):active,[data-page-row]:active{background-color:var(--surface-active)!important}.ink-tool-rail:not([aria-disabled=true]) button[data-tool]:not([aria-pressed=true]):not(:disabled):hover{background-color:var(--surface-raised)!important;color:var(--fg)!important}.ink-tool-rail:not([aria-disabled=true]) button[data-tool]:not([aria-pressed=true]):not(:disabled):active{background-color:var(--surface-active)!important}[role=tab]:not([aria-selected=true]):not(:disabled):hover{background-color:var(--surface-control)!important;color:var(--fg)!important}[role=tab]:not([aria-selected=true]):not(:disabled):active{background-color:var(--surface-raised)!important}[data-entry-id]:hover{background-color:var(--surface-raised)!important;border-color:var(--line-strong)!important}[data-entry-id]:active{background-color:var(--surface-active)!important}[data-entry-id]>button:not(:disabled):hover{color:var(--fg)!important}[data-shader-row]:not([aria-pressed=true]):hover,[data-image-tile]:not([aria-pressed=true]):hover{background-color:var(--surface-raised)!important;border-color:var(--line-strong)!important;color:var(--fg)!important}[data-svg-row]:hover{background-color:var(--surface-active)!important}[data-settings-nav] a[data-nav-segment]:not([aria-current=page]):hover{background-color:var(--surface-raised)!important;color:var(--fg)!important}[role=menuitem],[role=menuitemcheckbox],[role=treeitem],[data-page-row],[role=tab],[data-entry-id],[data-shader-row],[data-image-tile],[data-svg-row],[data-settings-nav] a[data-nav-segment],.ink-search-shell,[data-empty-prompt]{transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input,select,textarea{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}
