pub const STYLE: &str = "<style>/* Pathland HTML base design \u{2014} generated by `npm --prefix design run build`. */\n/* Edit design/tokens/** or design/html/{reset,components}.css, not this file. */\n\n/* ===== Preflight reset (vendored from Tailwind CSS, MIT \u{2014} see THIRD_PARTY_NOTICES) ===== */\n*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }\n::before, ::after { --tw-content: \'\'; }\nhtml { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: var(--pl-font-sans); font-feature-settings: \'liga\' 1, \'calt\' 1; color-scheme: light dark; background-color: var(--pl-color-background); color: var(--pl-color-text-primary); }\nbody { margin: 0; line-height: inherit; }\nhr { height: 0; color: inherit; border-top-width: 1px; }\nabbr:where([title]) { text-decoration: underline dotted; }\nh1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }\na { color: inherit; text-decoration: inherit; }\nb, strong { font-weight: bolder; }\ncode, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1em; }\nsmall { font-size: 80%; }\nsub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }\nsub { bottom: -0.25em; } sup { top: -0.5em; }\ntable { text-indent: 0; border-color: inherit; border-collapse: collapse; }\nbutton, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; }\nprogress, video { font: inherit; color: inherit; }\nbutton, select { text-transform: none; }\nbutton, [type=\'button\'], [type=\'reset\'], [type=\'submit\'] { -webkit-appearance: button; background-color: transparent; background-image: none; }\n:-moz-focusring { outline: auto; }\n:-moz-ui-invalid { box-shadow: none; }\nprogress { vertical-align: baseline; }\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }\n[type=\'search\'] { -webkit-appearance: textfield; outline-offset: -2px; }\n::-webkit-search-decoration { -webkit-appearance: none; }\n::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }\nsummary { display: list-item; }\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }\nfieldset { margin: 0; padding: 0; }\nlegend { padding: 0; }\nol, ul, menu { list-style: none; margin: 0; padding: 0; }\ntextarea { resize: vertical; }\ninput::placeholder, textarea::placeholder { opacity: 1; color: var(--pl-color-text-secondary); }\nbutton, [role=\'button\'] { cursor: pointer; }\n:disabled { cursor: default; }\nimg, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }\nimg, video { max-width: 100%; height: auto; }\n[hidden] { display: none; }\n\n/* ===== Adjust body ===== */\nbody {\n display: flex;\n height: 100vh;\n}\n\n/* Generated by Style Dictionary from design/tokens. Do not edit. */\n\n:root {\n --pl-border-width-thick: 2px;\n --pl-border-width-thin: 1px;\n --pl-button-accent: var(--pl-control-accent);\n --pl-button-background: var(--pl-control-background);\n --pl-button-background-hover: var(--pl-control-background-hover);\n --pl-button-border: var(--pl-control-border);\n --pl-button-border-width: var(--pl-control-border-width);\n --pl-button-focus-ring-color: var(--pl-control-accent);\n --pl-button-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-button-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-button-font-size: var(--pl-control-font-size);\n --pl-button-font-weight: var(--pl-control-font-weight);\n --pl-button-foreground: var(--pl-control-foreground);\n --pl-button-height: var(--pl-control-height);\n --pl-button-line-height: 1.25rem;\n --pl-button-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-button-padding-vertical: var(--pl-control-padding-vertical);\n --pl-button-radius: var(--pl-control-radius);\n --pl-button-transition-duration: var(--pl-control-transition-duration);\n --pl-color-accent: #2563eb;\n --pl-color-background: #ffffff;\n --pl-color-border: #e5e7eb;\n --pl-color-danger: #dc2626;\n --pl-color-info: #2563eb;\n --pl-color-primary: #2563eb;\n --pl-color-secondary: #4f46e5;\n --pl-color-separator: #e5e7eb;\n --pl-color-success: #16a34a;\n --pl-color-surface: #ffffff;\n --pl-color-swatch-inset: var(--pl-control-swatch-inset);\n --pl-color-text-onPrimary: #ffffff;\n --pl-color-text-primary: #111827;\n --pl-color-text-secondary: #6b7280;\n --pl-color-warning: #d97706;\n --pl-control-accent: #2563eb;\n --pl-control-background: #ffffff;\n --pl-control-background-hover: #f9fafb;\n --pl-control-border: #d1d5db;\n --pl-control-border-width: 1px;\n --pl-control-focus-ring-inset: -2px;\n --pl-control-focus-ring-offset: 2px;\n --pl-control-focus-ring-width: 2px;\n --pl-control-font-size: 0.875rem;\n --pl-control-font-weight: 600;\n --pl-control-foreground: #111827;\n --pl-control-height: 2.25rem;\n --pl-control-icon-offset: -0.125em;\n --pl-control-icon-size: 1em;\n --pl-control-line-height: 1.5rem;\n --pl-control-padding-horizontal: 0.75rem;\n --pl-control-padding-vertical: 0.375rem;\n --pl-control-radius: 0.375rem;\n --pl-control-swatch-inset: 2px;\n --pl-control-thumb: #ffffff;\n --pl-control-transition-duration: 120ms;\n --pl-elevation-high-blur: 12px;\n --pl-elevation-high-color: rgb(0 0 0 / 0.15);\n --pl-elevation-high-radius: 0px;\n --pl-elevation-high-x: 0px;\n --pl-elevation-high-y: 4px;\n --pl-elevation-low-blur: 2px;\n --pl-elevation-low-color: rgb(0 0 0 / 0.05);\n --pl-elevation-low-radius: 0px;\n --pl-elevation-low-x: 0px;\n --pl-elevation-low-y: 1px;\n --pl-font-body-family: system-ui, -apple-system, \'Segoe UI\', Roboto, \'Helvetica Neue\', Arial, \'Noto Sans\', \'Liberation Sans\', sans-serif;\n --pl-font-body-size: 16px;\n --pl-font-body-weight: 400;\n --pl-font-sans: var(--pl-font-body-family);\n --pl-gauge-fill: var(--pl-color-primary);\n --pl-gauge-height: 0.625rem;\n --pl-gauge-radius: 9999px;\n --pl-gauge-track: #e5e7eb;\n --pl-gauge-transition-duration: 150ms;\n --pl-icon-offset: var(--pl-control-icon-offset);\n --pl-icon-size: var(--pl-control-icon-size);\n --pl-input-background: #ffffff;\n --pl-input-border: #d1d5db;\n --pl-input-focus: #4f46e5;\n --pl-input-focus-ring-offset: var(--pl-control-focus-ring-inset);\n --pl-input-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-input-font-size: 1rem;\n --pl-input-foreground: var(--pl-control-foreground);\n --pl-input-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-input-padding-vertical: var(--pl-control-padding-vertical);\n --pl-input-placeholder: #9ca3af;\n --pl-input-radius: var(--pl-control-radius);\n --pl-input-swatch-inset: var(--pl-control-swatch-inset);\n --pl-label-font-size: 1rem;\n --pl-label-foreground: var(--pl-color-text-primary);\n --pl-menu-background: var(--pl-color-surface);\n --pl-menu-border: var(--pl-color-border);\n --pl-menu-border-width: var(--pl-control-border-width);\n --pl-menu-foreground: var(--pl-color-text-primary);\n --pl-menu-min-width: 10rem;\n --pl-menu-radius: var(--pl-radius-md);\n --pl-menu-z-index: 20;\n --pl-opacity-disabled: 0.5;\n --pl-picker-accent: var(--pl-control-accent);\n --pl-picker-background: var(--pl-color-surface);\n --pl-picker-border: var(--pl-color-border);\n --pl-picker-radius: var(--pl-radius-sm);\n --pl-progress-fill: var(--pl-color-primary);\n --pl-progress-height: 0.625rem;\n --pl-progress-radius: 9999px;\n --pl-progress-track: #e5e7eb;\n --pl-radius-full: 9999px;\n --pl-radius-lg: 0.5rem;\n --pl-radius-md: 0.375rem;\n --pl-radius-sm: 0.375rem;\n --pl-radius-xl: 0.75rem;\n --pl-radius-xs: 0.125rem;\n --pl-size-control-lg: 2.75rem;\n --pl-size-control-md: 2.25rem;\n --pl-size-control-sm: 2rem;\n --pl-size-control-xl: 3.25rem;\n --pl-size-control-xs: 1.5rem;\n --pl-slider-accent: var(--pl-control-accent);\n --pl-slider-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-slider-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-slider-gap: 0.625rem;\n --pl-slider-height: 1.25rem;\n --pl-slider-thumb: var(--pl-control-thumb);\n --pl-slider-thumb-border-width: 1px;\n --pl-slider-thumb-offset: -0.3125rem;\n --pl-slider-thumb-size: 1rem;\n --pl-slider-track: #e5e7eb;\n --pl-slider-track-height: 0.375rem;\n --pl-slider-track-radius: 9999px;\n --pl-space-base: 4px;\n --pl-spinner-border-width: 3px;\n --pl-spinner-duration: 0.8s;\n --pl-spinner-size: 1.25rem;\n --pl-stepper-accent: var(--pl-control-accent);\n --pl-stepper-background: var(--pl-color-surface);\n --pl-stepper-border: var(--pl-color-border);\n --pl-stepper-border-width: var(--pl-control-border-width);\n --pl-stepper-button-size: 1.75rem;\n --pl-stepper-gap: 0.5rem;\n --pl-stepper-radius: var(--pl-radius-sm);\n --pl-toggle-accent: var(--pl-control-accent);\n --pl-toggle-checkbox-size: 1rem;\n --pl-toggle-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-toggle-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-toggle-gap: 0.5rem;\n --pl-toggle-switch-height: 1.5rem;\n --pl-toggle-switch-radius: 9999px;\n --pl-toggle-switch-width: 2.75rem;\n --pl-toggle-thumb: var(--pl-control-thumb);\n --pl-toggle-thumb-offset: 0.125rem;\n --pl-toggle-thumb-size: 1.25rem;\n --pl-toggle-thumb-travel: 1.375rem;\n --pl-toggle-track-off: var(--pl-control-border);\n --pl-toggle-track-on: var(--pl-control-accent);\n --pl-toggle-transition-duration: 150ms;\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-pathland-scheme]) {\n --pl-border-width-thick: 2px;\n --pl-border-width-thin: 1px;\n --pl-button-accent: var(--pl-control-accent);\n --pl-button-background: var(--pl-control-background);\n --pl-button-background-hover: var(--pl-control-background-hover);\n --pl-button-border: rgb(255 255 255 / 0.1);\n --pl-button-border-width: var(--pl-control-border-width);\n --pl-button-focus-ring-color: var(--pl-control-accent);\n --pl-button-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-button-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-button-font-size: var(--pl-control-font-size);\n --pl-button-font-weight: var(--pl-control-font-weight);\n --pl-button-foreground: #ffffff;\n --pl-button-height: var(--pl-control-height);\n --pl-button-line-height: 1.25rem;\n --pl-button-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-button-padding-vertical: var(--pl-control-padding-vertical);\n --pl-button-radius: var(--pl-control-radius);\n --pl-button-transition-duration: var(--pl-control-transition-duration);\n --pl-color-accent: #60a5fa;\n --pl-color-background: #0f172a;\n --pl-color-border: #374151;\n --pl-color-danger: #f87171;\n --pl-color-info: #60a5fa;\n --pl-color-primary: #60a5fa;\n --pl-color-secondary: #818cf8;\n --pl-color-separator: #374151;\n --pl-color-success: #4ade80;\n --pl-color-surface: #111827;\n --pl-color-swatch-inset: var(--pl-control-swatch-inset);\n --pl-color-text-onPrimary: #0f172a;\n --pl-color-text-primary: #f9fafb;\n --pl-color-text-secondary: #9ca3af;\n --pl-color-warning: #fbbf24;\n --pl-control-accent: #60a5fa;\n --pl-control-background: rgb(255 255 255 / 0.1);\n --pl-control-background-hover: rgb(255 255 255 / 0.2);\n --pl-control-border: rgb(255 255 255 / 0.15);\n --pl-control-border-width: 1px;\n --pl-control-focus-ring-inset: -2px;\n --pl-control-focus-ring-offset: 2px;\n --pl-control-focus-ring-width: 2px;\n --pl-control-font-size: 0.875rem;\n --pl-control-font-weight: 600;\n --pl-control-foreground: #f9fafb;\n --pl-control-height: 2.25rem;\n --pl-control-icon-offset: -0.125em;\n --pl-control-icon-size: 1em;\n --pl-control-line-height: 1.5rem;\n --pl-control-padding-horizontal: 0.75rem;\n --pl-control-padding-vertical: 0.375rem;\n --pl-control-radius: 0.375rem;\n --pl-control-swatch-inset: 2px;\n --pl-control-thumb: #f9fafb;\n --pl-control-transition-duration: 120ms;\n --pl-elevation-high-blur: 12px;\n --pl-elevation-high-color: rgb(0 0 0 / 0.5);\n --pl-elevation-high-radius: 0px;\n --pl-elevation-high-x: 0px;\n --pl-elevation-high-y: 4px;\n --pl-elevation-low-blur: 2px;\n --pl-elevation-low-color: rgb(0 0 0 / 0.35);\n --pl-elevation-low-radius: 0px;\n --pl-elevation-low-x: 0px;\n --pl-elevation-low-y: 1px;\n --pl-font-body-family: system-ui, -apple-system, \'Segoe UI\', Roboto, \'Helvetica Neue\', Arial, \'Noto Sans\', \'Liberation Sans\', sans-serif;\n --pl-font-body-size: 16px;\n --pl-font-body-weight: 400;\n --pl-font-sans: var(--pl-font-body-family);\n --pl-gauge-fill: var(--pl-color-primary);\n --pl-gauge-height: 0.625rem;\n --pl-gauge-radius: 9999px;\n --pl-gauge-track: rgb(255 255 255 / 0.15);\n --pl-gauge-transition-duration: 150ms;\n --pl-icon-offset: var(--pl-control-icon-offset);\n --pl-icon-size: var(--pl-control-icon-size);\n --pl-input-background: rgb(255 255 255 / 0.05);\n --pl-input-border: rgb(255 255 255 / 0.1);\n --pl-input-focus: #6366f1;\n --pl-input-focus-ring-offset: var(--pl-control-focus-ring-inset);\n --pl-input-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-input-font-size: 1rem;\n --pl-input-foreground: #ffffff;\n --pl-input-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-input-padding-vertical: var(--pl-control-padding-vertical);\n --pl-input-placeholder: #6b7280;\n --pl-input-radius: var(--pl-control-radius);\n --pl-input-swatch-inset: var(--pl-control-swatch-inset);\n --pl-label-font-size: 1rem;\n --pl-label-foreground: var(--pl-color-text-primary);\n --pl-menu-background: var(--pl-color-surface);\n --pl-menu-border: var(--pl-color-border);\n --pl-menu-border-width: var(--pl-control-border-width);\n --pl-menu-foreground: var(--pl-color-text-primary);\n --pl-menu-min-width: 10rem;\n --pl-menu-radius: var(--pl-radius-md);\n --pl-menu-z-index: 20;\n --pl-opacity-disabled: 0.5;\n --pl-picker-accent: var(--pl-control-accent);\n --pl-picker-background: var(--pl-color-surface);\n --pl-picker-border: var(--pl-color-border);\n --pl-picker-radius: var(--pl-radius-sm);\n --pl-progress-fill: var(--pl-color-primary);\n --pl-progress-height: 0.625rem;\n --pl-progress-radius: 9999px;\n --pl-progress-track: rgb(255 255 255 / 0.15);\n --pl-radius-full: 9999px;\n --pl-radius-lg: 0.5rem;\n --pl-radius-md: 0.375rem;\n --pl-radius-sm: 0.375rem;\n --pl-radius-xl: 0.75rem;\n --pl-radius-xs: 0.125rem;\n --pl-size-control-lg: 2.75rem;\n --pl-size-control-md: 2.25rem;\n --pl-size-control-sm: 2rem;\n --pl-size-control-xl: 3.25rem;\n --pl-size-control-xs: 1.5rem;\n --pl-slider-accent: var(--pl-control-accent);\n --pl-slider-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-slider-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-slider-gap: 0.625rem;\n --pl-slider-height: 1.25rem;\n --pl-slider-thumb: var(--pl-control-thumb);\n --pl-slider-thumb-border-width: 1px;\n --pl-slider-thumb-offset: -0.3125rem;\n --pl-slider-thumb-size: 1rem;\n --pl-slider-track: rgb(255 255 255 / 0.15);\n --pl-slider-track-height: 0.375rem;\n --pl-slider-track-radius: 9999px;\n --pl-space-base: 4px;\n --pl-spinner-border-width: 3px;\n --pl-spinner-duration: 0.8s;\n --pl-spinner-size: 1.25rem;\n --pl-stepper-accent: var(--pl-control-accent);\n --pl-stepper-background: var(--pl-color-surface);\n --pl-stepper-border: var(--pl-color-border);\n --pl-stepper-border-width: var(--pl-control-border-width);\n --pl-stepper-button-size: 1.75rem;\n --pl-stepper-gap: 0.5rem;\n --pl-stepper-radius: var(--pl-radius-sm);\n --pl-toggle-accent: var(--pl-control-accent);\n --pl-toggle-checkbox-size: 1rem;\n --pl-toggle-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-toggle-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-toggle-gap: 0.5rem;\n --pl-toggle-switch-height: 1.5rem;\n --pl-toggle-switch-radius: 9999px;\n --pl-toggle-switch-width: 2.75rem;\n --pl-toggle-thumb: var(--pl-control-thumb);\n --pl-toggle-thumb-offset: 0.125rem;\n --pl-toggle-thumb-size: 1.25rem;\n --pl-toggle-thumb-travel: 1.375rem;\n --pl-toggle-track-off: var(--pl-control-border);\n --pl-toggle-track-on: var(--pl-control-accent);\n --pl-toggle-transition-duration: 150ms;\n }\n}\n\n:root[data-pathland-scheme=\'dark\'] {\n color-scheme: dark;\n --pl-border-width-thick: 2px;\n --pl-border-width-thin: 1px;\n --pl-button-accent: var(--pl-control-accent);\n --pl-button-background: var(--pl-control-background);\n --pl-button-background-hover: var(--pl-control-background-hover);\n --pl-button-border: rgb(255 255 255 / 0.1);\n --pl-button-border-width: var(--pl-control-border-width);\n --pl-button-focus-ring-color: var(--pl-control-accent);\n --pl-button-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-button-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-button-font-size: var(--pl-control-font-size);\n --pl-button-font-weight: var(--pl-control-font-weight);\n --pl-button-foreground: #ffffff;\n --pl-button-height: var(--pl-control-height);\n --pl-button-line-height: 1.25rem;\n --pl-button-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-button-padding-vertical: var(--pl-control-padding-vertical);\n --pl-button-radius: var(--pl-control-radius);\n --pl-button-transition-duration: var(--pl-control-transition-duration);\n --pl-color-accent: #60a5fa;\n --pl-color-background: #0f172a;\n --pl-color-border: #374151;\n --pl-color-danger: #f87171;\n --pl-color-info: #60a5fa;\n --pl-color-primary: #60a5fa;\n --pl-color-secondary: #818cf8;\n --pl-color-separator: #374151;\n --pl-color-success: #4ade80;\n --pl-color-surface: #111827;\n --pl-color-swatch-inset: var(--pl-control-swatch-inset);\n --pl-color-text-onPrimary: #0f172a;\n --pl-color-text-primary: #f9fafb;\n --pl-color-text-secondary: #9ca3af;\n --pl-color-warning: #fbbf24;\n --pl-control-accent: #60a5fa;\n --pl-control-background: rgb(255 255 255 / 0.1);\n --pl-control-background-hover: rgb(255 255 255 / 0.2);\n --pl-control-border: rgb(255 255 255 / 0.15);\n --pl-control-border-width: 1px;\n --pl-control-focus-ring-inset: -2px;\n --pl-control-focus-ring-offset: 2px;\n --pl-control-focus-ring-width: 2px;\n --pl-control-font-size: 0.875rem;\n --pl-control-font-weight: 600;\n --pl-control-foreground: #f9fafb;\n --pl-control-height: 2.25rem;\n --pl-control-icon-offset: -0.125em;\n --pl-control-icon-size: 1em;\n --pl-control-line-height: 1.5rem;\n --pl-control-padding-horizontal: 0.75rem;\n --pl-control-padding-vertical: 0.375rem;\n --pl-control-radius: 0.375rem;\n --pl-control-swatch-inset: 2px;\n --pl-control-thumb: #f9fafb;\n --pl-control-transition-duration: 120ms;\n --pl-elevation-high-blur: 12px;\n --pl-elevation-high-color: rgb(0 0 0 / 0.5);\n --pl-elevation-high-radius: 0px;\n --pl-elevation-high-x: 0px;\n --pl-elevation-high-y: 4px;\n --pl-elevation-low-blur: 2px;\n --pl-elevation-low-color: rgb(0 0 0 / 0.35);\n --pl-elevation-low-radius: 0px;\n --pl-elevation-low-x: 0px;\n --pl-elevation-low-y: 1px;\n --pl-font-body-family: system-ui, -apple-system, \'Segoe UI\', Roboto, \'Helvetica Neue\', Arial, \'Noto Sans\', \'Liberation Sans\', sans-serif;\n --pl-font-body-size: 16px;\n --pl-font-body-weight: 400;\n --pl-font-sans: var(--pl-font-body-family);\n --pl-gauge-fill: var(--pl-color-primary);\n --pl-gauge-height: 0.625rem;\n --pl-gauge-radius: 9999px;\n --pl-gauge-track: rgb(255 255 255 / 0.15);\n --pl-gauge-transition-duration: 150ms;\n --pl-icon-offset: var(--pl-control-icon-offset);\n --pl-icon-size: var(--pl-control-icon-size);\n --pl-input-background: rgb(255 255 255 / 0.05);\n --pl-input-border: rgb(255 255 255 / 0.1);\n --pl-input-focus: #6366f1;\n --pl-input-focus-ring-offset: var(--pl-control-focus-ring-inset);\n --pl-input-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-input-font-size: 1rem;\n --pl-input-foreground: #ffffff;\n --pl-input-padding-horizontal: var(--pl-control-padding-horizontal);\n --pl-input-padding-vertical: var(--pl-control-padding-vertical);\n --pl-input-placeholder: #6b7280;\n --pl-input-radius: var(--pl-control-radius);\n --pl-input-swatch-inset: var(--pl-control-swatch-inset);\n --pl-label-font-size: 1rem;\n --pl-label-foreground: var(--pl-color-text-primary);\n --pl-menu-background: var(--pl-color-surface);\n --pl-menu-border: var(--pl-color-border);\n --pl-menu-border-width: var(--pl-control-border-width);\n --pl-menu-foreground: var(--pl-color-text-primary);\n --pl-menu-min-width: 10rem;\n --pl-menu-radius: var(--pl-radius-md);\n --pl-menu-z-index: 20;\n --pl-opacity-disabled: 0.5;\n --pl-picker-accent: var(--pl-control-accent);\n --pl-picker-background: var(--pl-color-surface);\n --pl-picker-border: var(--pl-color-border);\n --pl-picker-radius: var(--pl-radius-sm);\n --pl-progress-fill: var(--pl-color-primary);\n --pl-progress-height: 0.625rem;\n --pl-progress-radius: 9999px;\n --pl-progress-track: rgb(255 255 255 / 0.15);\n --pl-radius-full: 9999px;\n --pl-radius-lg: 0.5rem;\n --pl-radius-md: 0.375rem;\n --pl-radius-sm: 0.375rem;\n --pl-radius-xl: 0.75rem;\n --pl-radius-xs: 0.125rem;\n --pl-size-control-lg: 2.75rem;\n --pl-size-control-md: 2.25rem;\n --pl-size-control-sm: 2rem;\n --pl-size-control-xl: 3.25rem;\n --pl-size-control-xs: 1.5rem;\n --pl-slider-accent: var(--pl-control-accent);\n --pl-slider-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-slider-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-slider-gap: 0.625rem;\n --pl-slider-height: 1.25rem;\n --pl-slider-thumb: var(--pl-control-thumb);\n --pl-slider-thumb-border-width: 1px;\n --pl-slider-thumb-offset: -0.3125rem;\n --pl-slider-thumb-size: 1rem;\n --pl-slider-track: rgb(255 255 255 / 0.15);\n --pl-slider-track-height: 0.375rem;\n --pl-slider-track-radius: 9999px;\n --pl-space-base: 4px;\n --pl-spinner-border-width: 3px;\n --pl-spinner-duration: 0.8s;\n --pl-spinner-size: 1.25rem;\n --pl-stepper-accent: var(--pl-control-accent);\n --pl-stepper-background: var(--pl-color-surface);\n --pl-stepper-border: var(--pl-color-border);\n --pl-stepper-border-width: var(--pl-control-border-width);\n --pl-stepper-button-size: 1.75rem;\n --pl-stepper-gap: 0.5rem;\n --pl-stepper-radius: var(--pl-radius-sm);\n --pl-toggle-accent: var(--pl-control-accent);\n --pl-toggle-checkbox-size: 1rem;\n --pl-toggle-focus-ring-offset: var(--pl-control-focus-ring-offset);\n --pl-toggle-focus-ring-width: var(--pl-control-focus-ring-width);\n --pl-toggle-gap: 0.5rem;\n --pl-toggle-switch-height: 1.5rem;\n --pl-toggle-switch-radius: 9999px;\n --pl-toggle-switch-width: 2.75rem;\n --pl-toggle-thumb: var(--pl-control-thumb);\n --pl-toggle-thumb-offset: 0.125rem;\n --pl-toggle-thumb-size: 1.25rem;\n --pl-toggle-thumb-travel: 1.375rem;\n --pl-toggle-track-off: var(--pl-control-border);\n --pl-toggle-track-on: var(--pl-control-accent);\n --pl-toggle-transition-duration: 150ms;\n}\n\n:root[data-pathland-scheme=\'light\'] {\n color-scheme: light;\n}\n\n/* Forced-dark values: explicit `dark.` references resolve these regardless of scheme. */\n:root {\n --pl-dark-border-width-thick: 2px;\n --pl-dark-border-width-thin: 1px;\n --pl-dark-button-accent: var(--pl-dark-control-accent);\n --pl-dark-button-background: var(--pl-dark-control-background);\n --pl-dark-button-background-hover: var(--pl-dark-control-background-hover);\n --pl-dark-button-border: rgb(255 255 255 / 0.1);\n --pl-dark-button-border-width: var(--pl-dark-control-border-width);\n --pl-dark-button-focus-ring-color: var(--pl-dark-control-accent);\n --pl-dark-button-focus-ring-offset: var(--pl-dark-control-focus-ring-offset);\n --pl-dark-button-focus-ring-width: var(--pl-dark-control-focus-ring-width);\n --pl-dark-button-font-size: var(--pl-dark-control-font-size);\n --pl-dark-button-font-weight: var(--pl-dark-control-font-weight);\n --pl-dark-button-foreground: #ffffff;\n --pl-dark-button-height: var(--pl-dark-control-height);\n --pl-dark-button-line-height: 1.25rem;\n --pl-dark-button-padding-horizontal: var(--pl-dark-control-padding-horizontal);\n --pl-dark-button-padding-vertical: var(--pl-dark-control-padding-vertical);\n --pl-dark-button-radius: var(--pl-dark-control-radius);\n --pl-dark-button-transition-duration: var(--pl-dark-control-transition-duration);\n --pl-dark-color-accent: #60a5fa;\n --pl-dark-color-background: #0f172a;\n --pl-dark-color-border: #374151;\n --pl-dark-color-danger: #f87171;\n --pl-dark-color-info: #60a5fa;\n --pl-dark-color-primary: #60a5fa;\n --pl-dark-color-secondary: #818cf8;\n --pl-dark-color-separator: #374151;\n --pl-dark-color-success: #4ade80;\n --pl-dark-color-surface: #111827;\n --pl-dark-color-swatch-inset: var(--pl-dark-control-swatch-inset);\n --pl-dark-color-text-onPrimary: #0f172a;\n --pl-dark-color-text-primary: #f9fafb;\n --pl-dark-color-text-secondary: #9ca3af;\n --pl-dark-color-warning: #fbbf24;\n --pl-dark-control-accent: #60a5fa;\n --pl-dark-control-background: rgb(255 255 255 / 0.1);\n --pl-dark-control-background-hover: rgb(255 255 255 / 0.2);\n --pl-dark-control-border: rgb(255 255 255 / 0.15);\n --pl-dark-control-border-width: 1px;\n --pl-dark-control-focus-ring-inset: -2px;\n --pl-dark-control-focus-ring-offset: 2px;\n --pl-dark-control-focus-ring-width: 2px;\n --pl-dark-control-font-size: 0.875rem;\n --pl-dark-control-font-weight: 600;\n --pl-dark-control-foreground: #f9fafb;\n --pl-dark-control-height: 2.25rem;\n --pl-dark-control-icon-offset: -0.125em;\n --pl-dark-control-icon-size: 1em;\n --pl-dark-control-line-height: 1.5rem;\n --pl-dark-control-padding-horizontal: 0.75rem;\n --pl-dark-control-padding-vertical: 0.375rem;\n --pl-dark-control-radius: 0.375rem;\n --pl-dark-control-swatch-inset: 2px;\n --pl-dark-control-thumb: #f9fafb;\n --pl-dark-control-transition-duration: 120ms;\n --pl-dark-elevation-high-blur: 12px;\n --pl-dark-elevation-high-color: rgb(0 0 0 / 0.5);\n --pl-dark-elevation-high-radius: 0px;\n --pl-dark-elevation-high-x: 0px;\n --pl-dark-elevation-high-y: 4px;\n --pl-dark-elevation-low-blur: 2px;\n --pl-dark-elevation-low-color: rgb(0 0 0 / 0.35);\n --pl-dark-elevation-low-radius: 0px;\n --pl-dark-elevation-low-x: 0px;\n --pl-dark-elevation-low-y: 1px;\n --pl-dark-font-body-family: system-ui, -apple-system, \'Segoe UI\', Roboto, \'Helvetica Neue\', Arial, \'Noto Sans\', \'Liberation Sans\', sans-serif;\n --pl-dark-font-body-size: 16px;\n --pl-dark-font-body-weight: 400;\n --pl-dark-font-sans: var(--pl-dark-font-body-family);\n --pl-dark-gauge-fill: var(--pl-dark-color-primary);\n --pl-dark-gauge-height: 0.625rem;\n --pl-dark-gauge-radius: 9999px;\n --pl-dark-gauge-track: rgb(255 255 255 / 0.15);\n --pl-dark-gauge-transition-duration: 150ms;\n --pl-dark-icon-offset: var(--pl-dark-control-icon-offset);\n --pl-dark-icon-size: var(--pl-dark-control-icon-size);\n --pl-dark-input-background: rgb(255 255 255 / 0.05);\n --pl-dark-input-border: rgb(255 255 255 / 0.1);\n --pl-dark-input-focus: #6366f1;\n --pl-dark-input-focus-ring-offset: var(--pl-dark-control-focus-ring-inset);\n --pl-dark-input-focus-ring-width: var(--pl-dark-control-focus-ring-width);\n --pl-dark-input-font-size: 1rem;\n --pl-dark-input-foreground: #ffffff;\n --pl-dark-input-padding-horizontal: var(--pl-dark-control-padding-horizontal);\n --pl-dark-input-padding-vertical: var(--pl-dark-control-padding-vertical);\n --pl-dark-input-placeholder: #6b7280;\n --pl-dark-input-radius: var(--pl-dark-control-radius);\n --pl-dark-input-swatch-inset: var(--pl-dark-control-swatch-inset);\n --pl-dark-label-font-size: 1rem;\n --pl-dark-label-foreground: var(--pl-dark-color-text-primary);\n --pl-dark-menu-background: var(--pl-dark-color-surface);\n --pl-dark-menu-border: var(--pl-dark-color-border);\n --pl-dark-menu-border-width: var(--pl-dark-control-border-width);\n --pl-dark-menu-foreground: var(--pl-dark-color-text-primary);\n --pl-dark-menu-min-width: 10rem;\n --pl-dark-menu-radius: var(--pl-dark-radius-md);\n --pl-dark-menu-z-index: 20;\n --pl-dark-opacity-disabled: 0.5;\n --pl-dark-picker-accent: var(--pl-dark-control-accent);\n --pl-dark-picker-background: var(--pl-dark-color-surface);\n --pl-dark-picker-border: var(--pl-dark-color-border);\n --pl-dark-picker-radius: var(--pl-dark-radius-sm);\n --pl-dark-progress-fill: var(--pl-dark-color-primary);\n --pl-dark-progress-height: 0.625rem;\n --pl-dark-progress-radius: 9999px;\n --pl-dark-progress-track: rgb(255 255 255 / 0.15);\n --pl-dark-radius-full: 9999px;\n --pl-dark-radius-lg: 0.5rem;\n --pl-dark-radius-md: 0.375rem;\n --pl-dark-radius-sm: 0.375rem;\n --pl-dark-radius-xl: 0.75rem;\n --pl-dark-radius-xs: 0.125rem;\n --pl-dark-size-control-lg: 2.75rem;\n --pl-dark-size-control-md: 2.25rem;\n --pl-dark-size-control-sm: 2rem;\n --pl-dark-size-control-xl: 3.25rem;\n --pl-dark-size-control-xs: 1.5rem;\n --pl-dark-slider-accent: var(--pl-dark-control-accent);\n --pl-dark-slider-focus-ring-offset: var(--pl-dark-control-focus-ring-offset);\n --pl-dark-slider-focus-ring-width: var(--pl-dark-control-focus-ring-width);\n --pl-dark-slider-gap: 0.625rem;\n --pl-dark-slider-height: 1.25rem;\n --pl-dark-slider-thumb: var(--pl-dark-control-thumb);\n --pl-dark-slider-thumb-border-width: 1px;\n --pl-dark-slider-thumb-offset: -0.3125rem;\n --pl-dark-slider-thumb-size: 1rem;\n --pl-dark-slider-track: rgb(255 255 255 / 0.15);\n --pl-dark-slider-track-height: 0.375rem;\n --pl-dark-slider-track-radius: 9999px;\n --pl-dark-space-base: 4px;\n --pl-dark-spinner-border-width: 3px;\n --pl-dark-spinner-duration: 0.8s;\n --pl-dark-spinner-size: 1.25rem;\n --pl-dark-stepper-accent: var(--pl-dark-control-accent);\n --pl-dark-stepper-background: var(--pl-dark-color-surface);\n --pl-dark-stepper-border: var(--pl-dark-color-border);\n --pl-dark-stepper-border-width: var(--pl-dark-control-border-width);\n --pl-dark-stepper-button-size: 1.75rem;\n --pl-dark-stepper-gap: 0.5rem;\n --pl-dark-stepper-radius: var(--pl-dark-radius-sm);\n --pl-dark-toggle-accent: var(--pl-dark-control-accent);\n --pl-dark-toggle-checkbox-size: 1rem;\n --pl-dark-toggle-focus-ring-offset: var(--pl-dark-control-focus-ring-offset);\n --pl-dark-toggle-focus-ring-width: var(--pl-dark-control-focus-ring-width);\n --pl-dark-toggle-gap: 0.5rem;\n --pl-dark-toggle-switch-height: 1.5rem;\n --pl-dark-toggle-switch-radius: 9999px;\n --pl-dark-toggle-switch-width: 2.75rem;\n --pl-dark-toggle-thumb: var(--pl-dark-control-thumb);\n --pl-dark-toggle-thumb-offset: 0.125rem;\n --pl-dark-toggle-thumb-size: 1.25rem;\n --pl-dark-toggle-thumb-travel: 1.375rem;\n --pl-dark-toggle-track-off: var(--pl-dark-control-border);\n --pl-dark-toggle-track-on: var(--pl-dark-control-accent);\n --pl-dark-toggle-transition-duration: 150ms;\n}\n\n/* ===== Buttons ===== */\n.pathland-button {\n display: inline-flex; align-items: center; justify-content: center;\n border-radius: var(--pl-button-radius);\n background-color: var(--pl-button-background);\n padding: var(--pl-button-padding-vertical) var(--pl-button-padding-horizontal);\n font-size: var(--pl-button-font-size); font-weight: var(--pl-button-font-weight); line-height: var(--pl-button-line-height);\n color: var(--pl-button-foreground);\n box-shadow: inset 0 0 0 var(--pl-button-border-width) var(--pl-button-border),\n var(--pl-elevation-low-x) var(--pl-elevation-low-y) var(--pl-elevation-low-blur) var(--pl-elevation-low-radius) var(--pl-elevation-low-color);\n transition: background-color var(--pl-button-transition-duration), box-shadow var(--pl-button-transition-duration);\n}\n.pathland-button:hover { background-color: var(--pl-button-background-hover); }\n.pathland-button:focus-visible { outline: var(--pl-button-focus-ring-width) solid var(--pl-button-focus-ring-color); outline-offset: var(--pl-button-focus-ring-offset); }\n.pathland-button:disabled { opacity: var(--pl-opacity-disabled); pointer-events: none; }\n/* Semantic icons (ICON): the inline SVG is sized like text \u{2014} `1em` follows the\n resolved font-size (FONT_SIZE on the node, else the inherited/default size)\n and `currentColor` follows COLOR. */\n.pathland-icon {\n display: inline-block;\n width: var(--pl-icon-size); height: var(--pl-icon-size);\n min-width: var(--pl-icon-size); min-height: var(--pl-icon-size);\n vertical-align: var(--pl-icon-offset);\n flex: none;\n}\n.pathland-icon path, .pathland-icon circle, .pathland-icon rect, .pathland-icon line,\n.pathland-icon polyline, .pathland-icon polygon {\n shape-rendering: geometricPrecision;\n}\n\n/* ===== Toggle switch / checkbox ===== */\n.pathland-toggle { display: inline-flex; align-items: center; gap: var(--pl-toggle-gap); }\n.pathland-toggle input[type=\'checkbox\'] { accent-color: var(--pl-toggle-accent); width: var(--pl-toggle-checkbox-size); height: var(--pl-toggle-checkbox-size); }\n.pathland-toggle input[role=\'switch\'] {\n appearance: none; width: var(--pl-toggle-switch-width); height: var(--pl-toggle-switch-height); border-radius: var(--pl-toggle-switch-radius);\n background-color: var(--pl-toggle-track-off); cursor: pointer; position: relative;\n transition: background-color var(--pl-toggle-transition-duration); flex: none;\n}\n.pathland-toggle input[role=\'switch\']:checked { background-color: var(--pl-toggle-track-on); }\n.pathland-toggle input[role=\'switch\']::after {\n content: \'\'; position: absolute; top: var(--pl-toggle-thumb-offset); left: var(--pl-toggle-thumb-offset);\n width: var(--pl-toggle-thumb-size); height: var(--pl-toggle-thumb-size); border-radius: var(--pl-toggle-switch-radius); background: var(--pl-toggle-thumb);\n transition: left var(--pl-toggle-transition-duration);\n}\n.pathland-toggle input[role=\'switch\']:checked::after { left: var(--pl-toggle-thumb-travel); }\n.pathland-toggle input[role=\'switch\']:focus-visible { outline: var(--pl-toggle-focus-ring-width) solid var(--pl-toggle-accent); outline-offset: var(--pl-toggle-focus-ring-offset); }\n\n/* ===== Slider =====\n A renderer-owned range: the native input stays for keyboard/pointer\n interaction and accessibility, but its track, fill, and thumb are drawn from\n design tokens (`slider.track`, `slider.accent`, `slider.thumb`). The fill\n custom property is set inline by SSR and kept in sync by the DOM client. */\n.pathland-slider { display: inline-flex; align-items: center; gap: var(--pl-slider-gap); }\n.pathland-slider input[type=\'range\'] {\n -webkit-appearance: none;\n appearance: none;\n flex: 1;\n min-width: 0;\n height: var(--pl-slider-height);\n margin: 0;\n background: transparent;\n cursor: pointer;\n accent-color: var(--pl-slider-accent);\n --pl-slider-fill: 0%;\n}\n.pathland-slider input[type=\'range\']::-webkit-slider-runnable-track {\n height: var(--pl-slider-track-height);\n border-radius: var(--pl-slider-track-radius);\n background: linear-gradient(\n to right,\n var(--pl-slider-accent) 0%,\n var(--pl-slider-accent) var(--pl-slider-fill),\n var(--pl-slider-track) var(--pl-slider-fill),\n var(--pl-slider-track) 100%\n );\n}\n.pathland-slider input[type=\'range\']::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: var(--pl-slider-thumb-size);\n height: var(--pl-slider-thumb-size);\n margin-top: var(--pl-slider-thumb-offset);\n border: var(--pl-slider-thumb-border-width) solid var(--pl-slider-track);\n border-radius: var(--pl-slider-track-radius);\n background: var(--pl-slider-thumb);\n box-shadow: var(--pl-elevation-low-x) var(--pl-elevation-low-y)\n var(--pl-elevation-low-blur) var(--pl-elevation-low-radius)\n var(--pl-elevation-low-color);\n}\n.pathland-slider input[type=\'range\']::-moz-range-track {\n height: var(--pl-slider-track-height);\n border-radius: var(--pl-slider-track-radius);\n background: var(--pl-slider-track);\n}\n.pathland-slider input[type=\'range\']::-moz-range-progress {\n height: var(--pl-slider-track-height);\n border-radius: var(--pl-slider-track-radius);\n background: var(--pl-slider-accent);\n}\n.pathland-slider input[type=\'range\']::-moz-range-thumb {\n width: var(--pl-slider-thumb-size);\n height: var(--pl-slider-thumb-size);\n border: var(--pl-slider-thumb-border-width) solid var(--pl-slider-track);\n border-radius: var(--pl-slider-track-radius);\n background: var(--pl-slider-thumb);\n box-shadow: var(--pl-elevation-low-x) var(--pl-elevation-low-y)\n var(--pl-elevation-low-blur) var(--pl-elevation-low-radius)\n var(--pl-elevation-low-color);\n}\n.pathland-slider input[type=\'range\']:focus-visible {\n outline: var(--pl-slider-focus-ring-width) solid var(--pl-slider-accent);\n outline-offset: var(--pl-slider-focus-ring-offset);\n border-radius: var(--pl-slider-track-radius);\n}\n.pathland-slider input[type=\'range\']:disabled {\n cursor: default;\n opacity: var(--pl-opacity-disabled);\n}\n\n/* ===== Media (custom AudioStyle/VideoStyle) ===== */\n/* A media node with custom control children wraps a bare (control-less) media\n element; the element is the app-driven playback sink, so it stays hidden and\n only the custom control children are visible. Native media (no children)\n keep their own `controls` and are not wrapped. */\n.pathland-media audio,\n.pathland-media video { display: none; }\n\n/* ===== Native controls (inherit Tailwind-derived preflight + tokens) ===== */\n/* Every native form control shares the design-system surface: the Tailwind\n preflight supplies the font/color reset, these tokens supply the visual base.\n App-authored inline properties (WIDTH/HEIGHT/PADDING/COLOR/\u{2026}) still win. */\n.pathland-control,\n.pathland-input {\n border-radius: var(--pl-input-radius);\n background-color: var(--pl-input-background);\n font-family: inherit;\n font-size: var(--pl-input-font-size);\n line-height: var(--pl-control-line-height);\n color: var(--pl-input-foreground);\n outline: var(--pl-control-border-width) solid var(--pl-input-border);\n outline-offset: calc(-1 * var(--pl-control-border-width));\n transition: outline-color var(--pl-control-transition-duration), box-shadow var(--pl-control-transition-duration);\n accent-color: var(--pl-control-accent);\n color-scheme: inherit;\n}\n.pathland-control {\n min-height: var(--pl-control-height);\n padding: var(--pl-control-padding-vertical) var(--pl-control-padding-horizontal);\n}\n.pathland-input {\n display: block;\n width: 100%;\n flex: 1 1 auto;\n min-width: 0;\n padding: var(--pl-input-padding-vertical) var(--pl-input-padding-horizontal);\n}\n.pathland-input::placeholder,\n.pathland-control::placeholder { color: var(--pl-input-placeholder); }\n.pathland-input:focus,\n.pathland-control:focus {\n outline: var(--pl-input-focus-ring-width) solid var(--pl-input-focus);\n outline-offset: var(--pl-input-focus-ring-offset);\n}\n.pathland-control:disabled { opacity: var(--pl-opacity-disabled); }\n\n/* PICKER: keep the native dropdown affordance; theme the field + options. */\n.pathland-select { display: inline-block; cursor: pointer; }\n.pathland-select option {\n background-color: var(--pl-input-background);\n color: var(--pl-input-foreground);\n}\n\n/* DATE_PICKER / COLOR_PICKER: the popup itself is UA-owned; the field surface,\n scheme, and picker highlights follow the design system. */\n.pathland-date,\n.pathland-color { display: inline-flex; align-items: center; }\n.pathland-color { padding: var(--pl-control-padding-vertical); }\n.pathland-color::-webkit-color-swatch-wrapper { padding: 0; }\n.pathland-color::-webkit-color-swatch {\n border: 0;\n border-radius: calc(var(--pl-input-radius) - var(--pl-input-swatch-inset));\n}\n\n/* PROGRESS_VIEW: tokenized track/fill across engines. */\n.pathland-progress {\n appearance: none;\n -webkit-appearance: none;\n display: block;\n width: 100%;\n height: var(--pl-progress-height);\n border: 0;\n border-radius: var(--pl-progress-radius);\n overflow: hidden;\n background-color: var(--pl-progress-track);\n color: var(--pl-progress-fill);\n accent-color: var(--pl-progress-fill);\n}\n.pathland-progress::-webkit-progress-bar {\n background-color: var(--pl-progress-track);\n border-radius: var(--pl-progress-radius);\n}\n.pathland-progress::-webkit-progress-value {\n background-color: var(--pl-progress-fill);\n border-radius: var(--pl-progress-radius);\n}\n.pathland-progress::-moz-progress-bar {\n background-color: var(--pl-progress-fill);\n border-radius: var(--pl-progress-radius);\n}\n\n/* VIDEO: native controls are UA shadow DOM (best-effort scheme/accent only);\n app-driven media (`.pathland-media` + custom controls) is fully themeable. */\n.pathland-video,\n.pathland-media {\n max-width: 100%;\n background-color: var(--pl-color-surface);\n color: var(--pl-color-text-primary);\n border-radius: var(--pl-control-radius);\n accent-color: var(--pl-control-accent);\n color-scheme: inherit;\n}\n\n/* ===== Stepper ===== */\n.pathland-stepper { display: inline-flex; align-items: center; gap: var(--pl-stepper-gap); }\n.pathland-stepper button { width: var(--pl-stepper-button-size); height: var(--pl-stepper-button-size); border-radius: var(--pl-stepper-radius); border: var(--pl-stepper-border-width) solid var(--pl-stepper-border); background: var(--pl-stepper-background); color: var(--pl-stepper-accent); }\n\n/* ===== Progress / gauge / spinner ===== */\n.pathland-spinner {\n width: var(--pl-spinner-size); height: var(--pl-spinner-size); border: var(--pl-spinner-border-width) solid var(--pl-progress-track);\n border-top-color: var(--pl-progress-fill); border-radius: var(--pl-radius-full);\n animation: pathland-spin var(--pl-spinner-duration) linear infinite;\n}\n@keyframes pathland-spin { to { transform: rotate(360deg); } }\n.pathland-gauge { display: block; height: var(--pl-gauge-height); width: 100%; background: var(--pl-gauge-track); border-radius: var(--pl-gauge-radius); overflow: hidden; }\n.pathland-gauge > div { height: 100%; background: var(--pl-gauge-fill); transition: width var(--pl-gauge-transition-duration); }\n\n/* ===== Menu (popover) ===== */\n.pathland-menu { position: relative; display: inline-block; }\n.pathland-menu-items {\n display: none; position: absolute; min-width: var(--pl-menu-min-width); background: var(--pl-menu-background);\n color: var(--pl-menu-foreground); border: var(--pl-menu-border-width) solid var(--pl-menu-border); border-radius: var(--pl-menu-radius);\n box-shadow: var(--pl-elevation-high-x) var(--pl-elevation-high-y) var(--pl-elevation-high-blur) var(--pl-elevation-high-radius) var(--pl-elevation-high-color);\n z-index: var(--pl-menu-z-index);\n}\n.pathland-menu:hover .pathland-menu-items { display: block; }\n</style>";Expand description
The complete <style> block injected into every rendered document.