html.lab-open{margin-right:var(--lab-sidebar-w,320px);transition:margin-right var(--transition)}html:not(.lab-open){transition:margin-right var(--transition)}:root{--lab-font-size:12px;--lab-sidebar-w:320px}:root[data-lab-handler=false] .lab-handler.svelte-tizt9r,:root[data-lab-handler=false] .lab-handler-top.svelte-tizt9r,:root[data-lab-no-handler] .lab-handler.svelte-tizt9r,:root[data-lab-no-handler] .lab-handler-top.svelte-tizt9r{pointer-events:none!important;display:none!important}.lab-handler-top.svelte-tizt9r{z-index:200;padding:var(--space-2);cursor:pointer;opacity:.1;transition:opacity var(--transition);display:none;position:fixed;top:0;right:0}.lab-handler-top.svelte-tizt9r:hover{opacity:1}.lab-dot.svelte-tizt9r{width:var(--space-d4);height:var(--space-d4);background:var(--color-foreground);border-radius:50%}.lab-handler.svelte-tizt9r{z-index:200;padding:var(--space);cursor:normal;transition:all var(--transition);flex-direction:row;align-items:center;padding-right:20px;display:flex;position:fixed;top:20%;right:0}.lab-handler.scrolling.svelte-tizt9r .lab-handler-bar:where(.svelte-tizt9r){background:oklch(from var(--color-foreground) l c h / .3)}.lab-handler-bar.svelte-tizt9r{width:var(--space-d4);height:var(--space-2);background:oklch(from var(--color-foreground) l c h / 0);border-radius:var(--radius);box-shadow:var(--shadow-inset) var(--shadow-ring);transition:all var(--transition);cursor:normal;backdrop-filter:var(--filter-glass)}.lab-handler.modified.svelte-tizt9r .lab-handler-bar:where(.svelte-tizt9r){background:oklch(from var(--color-accent) l c h / .1)}.lab-sidebar.svelte-tizt9r{z-index:9992;width:var(--lab-sidebar-w);height:100dvh;color:var(--color-foreground);font:var(--lab-font-size) / 1.5 var(--font-monospace);border-left:var(--border);box-shadow:var(--shadow-ring), var(--shadow-glow);background:var(--color-surface);backdrop-filter:var(--filter-blur);transition:transform var(--transition), box-shadow var(--transition), background var(--transition), opacity 0s;flex-direction:column;display:flex;position:fixed;top:0;right:0;opacity:1!important;& h2:where(.svelte-tizt9r){margin:0!important}}.lab-sidebar.svelte-tizt9r :where(.svelte-tizt9r){box-sizing:border-box;transition:opacity!important}.lab-sidebar.svelte-tizt9r :where(.svelte-tizt9r):not([style*=font-family]){font-family:var(--font-monospace)}.lab-header.svelte-tizt9r{padding:var(--space-d6) var(--space-d2);border-bottom:var(--border);background:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:0;display:flex}.lab-header-title.svelte-tizt9r{flex:1;align-items:center;gap:0;min-width:0;display:flex}.lab-header.svelte-tizt9r h2:where(.svelte-tizt9r){font-size:var(--scale-d2)!important;line-height:1!important}.lab-version.svelte-tizt9r{color:var(--text-muted);font-size:var(--scale-d3)!important}.lab-header-meta.svelte-tizt9r{align-items:center;gap:var(--trim);display:flex}.lab-body.svelte-tizt9r{flex:1;gap:0;overflow:hidden auto}.lab-body.svelte-tizt9r::-webkit-scrollbar{width:4px}.lab-body.svelte-tizt9r::-webkit-scrollbar-track{background:0 0}.lab-body.svelte-tizt9r::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-foreground) 15%, transparent);border-radius:2px}.lab-section.svelte-tizt9r{box-shadow:var(--shadow-ring)}.lab-section-head.svelte-tizt9r{all:unset;width:100%;padding:var(--space-d6) 0;cursor:pointer;user-select:none;background:var(--color-surface);box-shadow:var(--shadow);align-items:center;gap:0;display:flex}.lab-section-head.svelte-tizt9r:hover{background:var(--color-surface)}.lab-section-arrow.svelte-tizt9r{color:var(--text-subtle);transition:transform var(--transition);width:var(--space);flex-shrink:0;justify-content:center;display:inline-flex;font-size:var(--scale-d4)!important}.lab-section-arrow.open.svelte-tizt9r{transform:rotate(90deg)}.lab-section-title.svelte-tizt9r{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;font-size:var(--scale-d4)!important}.lab-section-body.svelte-tizt9r{padding:var(--space-d2) var(--space);background:var(--color-surface);box-shadow:var(--shadow)}.lab-field.svelte-tizt9r{margin-bottom:var(--space-half);min-height:var(--space);grid-template-columns:80px 1fr;align-items:center;gap:0;display:grid}.lab-field.svelte-tizt9r:last-child{margin-bottom:0}.lab-field-label.svelte-tizt9r{color:var(--color-muted);text-transform:uppercase;line-height:1;display:block;font-size:var(--scale-d5)!important}.lab-text-input.svelte-tizt9r{width:100%;transition:all var(--transition);font-size:var(--scale-d4)!important;margin:0!important;line-height:1!important}.lab-color-row.svelte-tizt9r{align-items:center;gap:var(--trim);display:flex}.lab-swatch.svelte-tizt9r{all:unset;width:var(--space);height:var(--space);border:var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);box-sizing:border-box;transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.lab-swatch.svelte-tizt9r:hover{transform:scale(1.05)}.lab-swatch.active.svelte-tizt9r{box-shadow:0 0 0 2px var(--color-accent)}.lab-color-row.svelte-tizt9r .lab-text-input:where(.svelte-tizt9r){flex:1;min-width:0}.lab-picker-panel.svelte-tizt9r{margin-top:var(--space-d2);margin-bottom:var(--space-d2);padding:var(--space-d3);background:var(--color-surface-sunken);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-inset);gap:var(--space-d3);flex-direction:column;display:flex}.lab-picker-header.svelte-tizt9r{justify-content:space-between;align-items:center;gap:var(--space-d4);display:flex}.lab-picker-title.svelte-tizt9r{align-items:baseline;gap:var(--space-d4);display:flex}.lab-picker-role.svelte-tizt9r{font-size:var(--scale-d4);text-transform:uppercase;color:var(--color-muted);font-weight:600}.lab-picker-hex.svelte-tizt9r{font-size:var(--scale-d4);color:var(--color-foreground);font-family:var(--font-monospace)}.lab-picker-actions.svelte-tizt9r{align-items:center;gap:var(--space-d6);display:flex}.lab-plane-wrapper.svelte-tizt9r{border-radius:var(--radius-sm);cursor:crosshair;user-select:none;touch-action:none;width:100%;height:110px;box-shadow:var(--shadow-inset);border:var(--border);position:relative;overflow:hidden}.lab-plane-canvas.svelte-tizt9r{width:100%;height:100%;display:block}.lab-plane-thumb.svelte-tizt9r{width:var(--space-d2);height:var(--space-d2);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #000}.lab-picker-sliders.svelte-tizt9r{gap:var(--space-d4);flex-direction:column;display:flex}.lab-picker-slider-row.svelte-tizt9r{grid-template-columns:var(--space-d2) 1fr var(--space-2);align-items:center;gap:var(--space-d4);display:grid}.lab-slider-label.svelte-tizt9r{font-size:var(--scale-d4);color:var(--color-muted);text-align:center;font-weight:600}.lab-slider-val.svelte-tizt9r{font-size:var(--scale-d4);color:var(--color-foreground);text-align:right;font-family:var(--font-monospace)}.lab-range-l.svelte-tizt9r,.lab-range-c.svelte-tizt9r,.lab-range-h.svelte-tizt9r{-webkit-appearance:none;appearance:none;width:100%;height:var(--space-d4);border-radius:var(--radius-sm);background:var(--slider-track,var(--color-surface));box-shadow:var(--shadow-inset);cursor:pointer;outline:none}.lab-range-h.svelte-tizt9r{background:linear-gradient(90deg,oklch(70% .18 0),oklch(70% .18 60),oklch(70% .18 120),oklch(70% .18 180),oklch(70% .18 240),oklch(70% .18 300),oklch(70% .18 360))}.lab-range.svelte-tizt9r::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--space-d2);height:var(--space-d2);background:var(--color-surface);border:2px solid var(--color-foreground);box-shadow:var(--shadow);cursor:pointer;border-radius:50%}.lab-picker-presets.svelte-tizt9r{gap:var(--space-d4);padding-top:var(--space-d6);border-top:var(--border);flex-wrap:wrap;display:flex}.lab-preset-dot.svelte-tizt9r{all:unset;width:var(--space-d2);height:var(--space-d2);border-radius:var(--radius-sm);border:var(--border);cursor:pointer;box-shadow:var(--shadow);transition:transform var(--transition-fast);box-sizing:border-box}.lab-preset-dot.svelte-tizt9r:hover{transform:scale(1.15)}.lab-select.svelte-tizt9r{font-size:var(--scale-d4)!important}.lab-select.svelte-tizt9r:focus{border-color:var(--color-accent)}.lab-font-field.svelte-tizt9r{position:relative}.lab-slider-wrapper.svelte-tizt9r{align-items:center;gap:var(--space-half);width:100%;display:flex}.lab-links.svelte-tizt9r{gap:var(--space-d4);flex-direction:column;display:flex}.lab-link.svelte-tizt9r{color:var(--color-accent);padding:var(--space-d4) 0;transition:opacity var(--transition-fast);text-decoration:none;font-size:var(--scale-d4)!important;&:hover{opacity:.7}}.lab-footer.svelte-tizt9r{justify-content:space-evenly;gap:var(--space-half);padding:var(--space-half) var(--space);box-shadow:var(--shadow);background:var(--color-surface-raised);flex-shrink:0;display:flex}@media (width<=480px){.lab-sidebar.svelte-tizt9r{width:100vw}}@media print{.lab-handler.svelte-tizt9r,.lab-sidebar.svelte-tizt9r{display:none!important}}:root[data-lab-scheme=dark]{color-scheme:dark}:root[data-lab-scheme=light]{color-scheme:light}.lab-font-combobox .std-combobox-trigger{width:100%;padding:calc(var(--space-d3) - 2px) var(--space-d4);font-size:var(--scale-d4);border:var(--border);border-radius:var(--radius);color:var(--color-foreground);box-shadow:var(--shadow);text-align:left;background:0 0;justify-content:space-between;align-items:center;line-height:1;display:inline-flex}.lab-font-combobox .std-combobox-trigger .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-font-combobox .std-combobox-popover{min-width:100%;max-width:none;margin-top:var(--space-d2);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl), var(--shadow-ring);background:var(--color-surface,var(--color-background));z-index:120;left:0;right:0}.lab-font-combobox .std-combobox-header{padding:0 var(--space-d4) var(--space-d3);margin-bottom:var(--space-d2)}.lab-font-combobox .std-combobox-header input{font-size:var(--scale-d2);padding:var(--space-half) 0;background:0 0;border:none;outline:none;width:100%}.lab-font-combobox .std-combobox-listbox .std-menu-item{padding:var(--space-d2) var(--space-d4);font-size:var(--scale-d2)}