@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{color-scheme:light;--surface-primary: #fafafa;--surface-elevated: #ffffff;--surface-recessed: #f2f2f2;--text-primary: #171717;--text-secondary: #4d4d4d;--text-muted: #8f8f8f;--line: rgb(0 0 0 / 8%);--focus: #0072f5;--color-warning: #e5484d;--ds-background-100: #ffffff;--ds-background-200: #fafafa;--ds-gray-100: #f7f7f7;--ds-gray-200: #f2f2f2;--ds-gray-300: #ebebeb;--ds-gray-700: #8f8f8f;--ds-gray-800: #737373;--ds-gray-900: #4d4d4d;--ds-gray-1000: #171717;--ds-gray-alpha-100: rgba(0, 0, 0, .04);--ds-gray-alpha-200: rgba(0, 0, 0, .08);--ds-gray-alpha-300: rgba(0, 0, 0, .1);--ds-gray-alpha-400: rgba(0, 0, 0, .14);--ds-focus-color: #0072f5;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius: 6px;--shadow-divider-bottom: 0 1px 0 var(--line);--shadow-divider-right: 1px 0 0 var(--line);--shadow-divider-top: 0 -1px 0 var(--line);--shadow-control: 0 0 0 1px var(--line)}[data-theme=dark]{color-scheme:dark;--surface-primary: #111318;--surface-elevated: #191c23;--surface-recessed: #222630;--text-primary: #f1f3f7;--text-secondary: #b5bdc9;--text-muted: #838d9d;--line: rgb(205 218 238 / 14%);--focus: #68adff;--color-warning: #ff6b70;--ds-background-100: #191c23;--ds-background-200: #111318;--ds-gray-100: #171a21;--ds-gray-200: #20242d;--ds-gray-300: #2b303b;--ds-gray-700: #838d9d;--ds-gray-800: #9da7b5;--ds-gray-900: #c2c9d3;--ds-gray-1000: #f1f3f7;--ds-gray-alpha-100: rgba(218, 229, 245, .06);--ds-gray-alpha-200: rgba(218, 229, 245, .1);--ds-gray-alpha-300: rgba(218, 229, 245, .14);--ds-gray-alpha-400: rgba(218, 229, 245, .2);--ds-focus-color: #68adff;--shadow-control: 0 0 0 1px var(--line), 0 1px 2px rgb(0 0 0 / 22%)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text-secondary);background:var(--surface-primary);font-family:var(--font-sans);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,p,fieldset{margin:0}button,input,select,textarea{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.skip-link{position:fixed;z-index:10;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-primary);background:var(--surface-elevated);border-radius:var(--radius);box-shadow:0 0 0 2px var(--surface-elevated),0 0 0 4px var(--focus);transform:translateY(calc(-100% - var(--space-4)))}.skip-link:focus-visible{transform:translateY(0)}.workspace{position:fixed;inset:0;pointer-events:none;color:var(--text-primary)}.workspace__canvas{position:absolute;inset:0;pointer-events:auto}.workspace__toolbar{position:absolute;bottom:calc(var(--space-3) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:30;display:flex;width:max-content;max-width:calc(100% - 2 * var(--space-3));align-items:center;justify-content:center;overflow:visible;pointer-events:none}.workspace__toolbar>*{flex:none;pointer-events:auto}:root{--utility-dock-reserved: 160px}.workspace__utilities{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));right:calc(var(--space-3) + env(safe-area-inset-right));z-index:40;display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;-webkit-tap-highlight-color:transparent}[data-theme=dark] .workspace__utilities{background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d}.workspace__utility-divider{display:block;width:1px;height:20px;background:var(--line);border-radius:1px;flex:none}.workspace__style-bar{position:absolute;top:calc(var(--space-3) + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:39;display:inline-flex;align-items:center;gap:12px;min-height:54px;max-width:calc(100vw - 2 * var(--utility-dock-reserved));padding:7px 12px;overflow-x:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;animation:style-bar-appear .15s ease}@keyframes style-bar-appear{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .workspace__style-bar{background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff0d}.workspace__style-bar--bucket-fill{gap:12px}.workspace__bucket-fill-title,.workspace__bucket-fill-current{display:inline-flex;flex:none;align-items:center;gap:7px;white-space:nowrap}.workspace__bucket-fill-title{font-size:12px}.workspace__bucket-fill-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--focus);background:color-mix(in srgb,var(--focus) 12%,transparent);border-radius:7px}.workspace__bucket-fill-color{color:#fff}.workspace__bucket-fill-color svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.workspace__bucket-fill-current{color:var(--text-secondary);font-size:11px}.workspace__bucket-fill-current strong{color:var(--text-primary)}.workspace__bucket-fill-preview{display:block;width:18px;height:18px;flex:none;border:1px solid rgb(0 0 0 / 12%);border-radius:5px;box-shadow:inset 0 1px #ffffff3d}.workspace__style-group,.workspace__style-options{display:inline-flex;align-items:center}.workspace__style-group{gap:10px;flex:none}.workspace__style-options{gap:7px}.workspace__style-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.055em;line-height:1;text-transform:uppercase}.workspace__style-divider{width:1px;height:30px;flex:none;background:var(--line)}.workspace__selection-color{width:26px;height:26px;flex:none;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.workspace__selection-color:hover{transform:scale(1.15)}.workspace__selection-color:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.workspace__selection-color.is-active{box-shadow:0 0 0 2px var(--surface-elevated),0 0 0 4px var(--focus)}.workspace__style-choice{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:42px;gap:6px;padding:0 10px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.workspace__style-choice:hover{color:var(--text-primary);background:var(--surface-recessed)}.workspace__style-choice.is-active{color:var(--focus);background:color-mix(in srgb,var(--focus) 11%,transparent);border-color:color-mix(in srgb,var(--focus) 28%,transparent)}.workspace__style-choice:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.workspace__style-line-sample{width:30px;height:0;border-top:2px solid currentColor}.workspace__style-line-sample.is-dashed{border-top-style:dashed}.workspace__style-fill-sample{width:16px;height:16px;border:1.5px solid currentColor;border-radius:3px;background:transparent}.workspace__style-fill-sample.is-semi{background:color-mix(in srgb,currentColor 22%,transparent)}.workspace__style-fill-sample.is-solid{background:currentColor}.workspace__style-choice-label{font-size:11px;font-weight:600;line-height:1}.workspace__selection-color[data-color=black],.workspace__bucket-fill-preview[data-color=black]{background:#171717}.workspace__selection-color[data-color=grey],.workspace__bucket-fill-preview[data-color=grey]{background:#9b9b9b}.workspace__selection-color[data-color=blue],.workspace__bucket-fill-preview[data-color=blue]{background:#0072f5}.workspace__selection-color[data-color=green],.workspace__bucket-fill-preview[data-color=green]{background:#398e4a}.workspace__selection-color[data-color=orange],.workspace__bucket-fill-preview[data-color=orange]{background:#ff990a}.workspace__selection-color[data-color=red],.workspace__bucket-fill-preview[data-color=red]{background:#e5484d}.workspace__selection-color[data-color=violet],.workspace__bucket-fill-preview[data-color=violet]{background:#8e4ec6}[data-theme=dark] .workspace__selection-color[data-color=black],[data-theme=dark] .workspace__bucket-fill-preview[data-color=black]{background:#e8e8e8}[data-theme=dark] .workspace__bucket-fill-color[data-color=black]{color:#171717}@media(prefers-reduced-motion:reduce){.workspace__style-bar{animation:none}}@media(max-width:44rem){.workspace__utilities{height:38px;padding:0 var(--space-2);gap:var(--space-1)}:root{--utility-dock-reserved: 110px}.workspace__style-bar{top:calc(52px + env(safe-area-inset-top));gap:4px;padding-inline:6px;max-width:calc(100vw - var(--space-3) - var(--utility-dock-reserved) - env(safe-area-inset-right));left:var(--space-3);transform:none}.workspace__style-choice-label{display:none}.workspace__style-choice{min-width:34px;padding-inline:6px}}@media(pointer:coarse){.workspace__selection-color{width:36px;height:36px}.workspace__style-choice{min-height:44px;min-width:44px}.workspace__toolbar{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.workspace__utilities{height:44px}}