.theme{--base-black:#1a1a1a;--base-white:#ebf0e4;--accent-green:#aed6a7;--black:var(--base-black);--white:var(--base-white);--fg:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--white));--fg-muted:color-mix(in srgb, var(--fg) 70%, transparent);--fg-subtle:color-mix(in srgb, var(--fg) 40%, transparent);--surface:var(--lightningcss-light,var(--white))var(--lightningcss-dark,var(--black));--surface-raised-high:oklch(from var(--surface) calc(l + .06) calc(c * 1.25) h);--surface-raised:oklch(from var(--surface) calc(l + .03) calc(c * 1.15) h);--surface-inset:oklch(from var(--surface) calc(l - .03) calc(c * 1.15) h);--surface-inset-deep:oklch(from var(--surface) calc(l - .06) calc(c * 1.25) h);--surface-up-1:oklch(from var(--background-elevation) calc(l + .03) calc(c * 1.15) h);--surface-up-2:oklch(from var(--background-elevation) calc(l + .06) calc(c * 1.25) h);--surface-down-1:oklch(from var(--background-elevation) calc(l - .03) calc(c * 1.15) h);--surface-down-2:oklch(from var(--background-elevation) calc(l - .06) calc(c * 1.25) h);--accent:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--accent-green));--on-accent:var(--lightningcss-light,var(--white))var(--lightningcss-dark,var(--black));--control:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--white));--control-muted:var(--lightningcss-light,color-mix(in srgb, var(--black) 40%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--white) 30%, transparent));--control-subtle:var(--lightningcss-light,color-mix(in srgb, var(--black) 12%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--white) 12%, transparent));--control-ultra-subtle:var(--lightningcss-light,color-mix(in srgb, var(--black) 5%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--white) 5%, transparent));--on-control:var(--lightningcss-light,var(--white))var(--lightningcss-dark,var(--black));--on-control-muted:var(--lightningcss-light,color-mix(in srgb, var(--white) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--black) 85%, transparent));--border-subtle:color-mix(in srgb, var(--fg) 6%, transparent);--border-light:color-mix(in srgb, var(--fg) 12%, transparent);--border:color-mix(in srgb, var(--fg) 18%, transparent);--border-medium:color-mix(in srgb, var(--fg) 50%, transparent);--border-strong:var(--fg);--rounded:3px;--rounded-xl:20px;--border-weight:1px;--focus-ring-width:var(--border-weight);--focus-ring-offset:1px;--transition-duration:.2s;--space-1:.25rem;--space-2:.375rem;--space-3:.5rem;--space-4:.625rem;--space-5:.75rem;--space-6:1rem;--space-7:1.5rem;--icon-hit:1.5rem;--icon-glyph:.75rem;--icon-glyph-sm:.625rem;--icon-glyph-mark:.75rem;--icon-hit-radius:.375rem;--control-size:1.375rem;--slider-track-height:1.25rem;--slider-track-hit:1.75rem;--slider-handle-size:.25rem;--slider-handle-hover-width:.125rem;--slider-track-dash-height:.125rem;--slider-track-dash-gap:1.5px;--slider-track-dash-period:calc(var(--border-weight) + var(--slider-track-dash-gap));--line-height:1.333;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-lg:1.25rem;--font-size-grow-offset-y:calc((var(--font-size-lg) - var(--font-size-xs)) / 3);--font-size-grow-compensation:calc((var(--font-size-xs) - var(--font-size-lg)) * var(--line-height));--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;font-family:var(--rs-font,"Space Grotesk", system-ui, sans-serif);line-height:var(--line-height);--field-label-band:calc(var(--font-size-xs) * var(--line-height));--field-trailing-icon-offset-y:calc((var(--field-label-band) - var(--icon-hit)) / 2);--field-stack-gap:var(--space-1);--inline-pair-gap:var(--space-7);--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.5 7 9l3.5-3.5' stroke='%23808080' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.theme{--background-elevation:var(--surface)}.theme.card{background:var(--background-elevation)}.app-grid .theme.card{--background-elevation:var(--surface)}.theme ::selection{background:var(--fg);color:var(--surface)}.theme ::selection{background:var(--fg);color:var(--surface)}.theme[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme[data-theme=inverse]{--black:var(--base-white);--white:var(--base-black)}.theme:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark .theme:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.surface-dotted{background-image:radial-gradient(circle at 0 0, var(--fg-subtle) 0px, transparent 1.2px);background-size:5px 5px}body.pattern-generator-standalone.ui-sandbox-scroll{height:auto;min-height:100vh;overflow:auto}.app-grid{--background-elevation:var(--surface-inset);background:var(--background-elevation)}.app-grid>.preview{background:var(--background-elevation)}.view-root{--background-elevation:var(--surface);background:var(--surface-down-1)}