.lab.svelte-7mcru2{display:flex;flex-direction:column;height:100vh;overflow:hidden;font-family:var(--font-sans, system-ui, sans-serif)}.lab-toolbar.svelte-7mcru2{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.toolbar-left.svelte-7mcru2{display:flex;align-items:center;gap:1rem}.back-link.svelte-7mcru2{font-size:.8125rem;color:var(--color-text-secondary);text-decoration:none}.back-link.svelte-7mcru2:hover{color:var(--color-text)}.lab-title.svelte-7mcru2{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0}.toolbar-actions.svelte-7mcru2{display:flex;gap:.5rem}.btn-primary.svelte-7mcru2{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;background:var(--color-accent);color:#fff}.btn-secondary.svelte-7mcru2{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer}.btn-secondary.svelte-7mcru2:hover{border-color:var(--color-accent)}.btn-secondary.active-tool.svelte-7mcru2{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.lab-body.svelte-7mcru2{display:flex;flex:1;overflow:hidden}.lab-sidebar.svelte-7mcru2{width:340px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column;gap:1rem;background:var(--color-bg)}.generator.svelte-7mcru2{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.generator-header.svelte-7mcru2{padding:.625rem .75rem;font-size:.8125rem;font-weight:700;color:var(--color-accent);background:var(--color-bg-secondary);cursor:pointer}.generator-body.svelte-7mcru2{padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.gen-mode-bar.svelte-7mcru2{display:flex;gap:.25rem}.gen-mode-btn.svelte-7mcru2{flex:1;padding:.375rem;font-size:.75rem;font-weight:500;text-align:center;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text-secondary);cursor:pointer}.gen-mode-btn.active.svelte-7mcru2{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.gen-picker-row.svelte-7mcru2{display:flex;align-items:center;gap:.375rem}.gen-color-picker.svelte-7mcru2{width:2.75rem;height:2.75rem;padding:2px;flex-shrink:0;border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;background:none}.gen-color-picker.svelte-7mcru2::-webkit-color-swatch-wrapper{padding:2px}.gen-color-picker.svelte-7mcru2::-webkit-color-swatch{border:none;border-radius:.375rem}.gen-dark-toggle.svelte-7mcru2{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer}.gen-dark-toggle.svelte-7mcru2 input:where(.svelte-7mcru2){accent-color:var(--color-accent)}.gen-apply-btn.svelte-7mcru2{width:100%;padding:.5rem;font-size:.8125rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;background:var(--color-accent);color:#fff}.gen-apply-btn.svelte-7mcru2:hover{opacity:.9}.gen-suggestions.svelte-7mcru2{display:flex;flex-direction:column;gap:.375rem}.gen-suggestions-label.svelte-7mcru2{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.gen-suggestion-grid.svelte-7mcru2{display:flex;flex-wrap:wrap;gap:.25rem}.gen-suggestion.svelte-7mcru2{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg-secondary);cursor:pointer;font-size:.6875rem;color:var(--color-text);transition:border-color .15s ease}.gen-suggestion.svelte-7mcru2:hover{border-color:var(--color-accent)}.gen-suggestion-swatch.svelte-7mcru2{width:.875rem;height:.875rem;border-radius:.25rem;flex-shrink:0}.gen-suggestion-name.svelte-7mcru2{white-space:nowrap}.cb-svg.svelte-7mcru2{position:absolute;width:0;height:0;overflow:hidden}.a11y-panel.svelte-7mcru2{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;background:var(--color-bg)}.a11y-section.svelte-7mcru2{padding:1rem;border-bottom:1px solid var(--color-border)}.a11y-section.svelte-7mcru2:last-child{border-bottom:none}.a11y-title.svelte-7mcru2{font-size:.8125rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem}.contrast-grid.svelte-7mcru2{display:flex;flex-direction:column;gap:.5rem}.contrast-row.svelte-7mcru2{display:flex;align-items:center;gap:.625rem}.contrast-preview.svelte-7mcru2{width:2.5rem;height:2.5rem;border-radius:.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700}.contrast-info.svelte-7mcru2{flex:1;min-width:0;display:flex;flex-direction:column}.contrast-label.svelte-7mcru2{font-size:.75rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contrast-ratio.svelte-7mcru2{font-size:.6875rem;font-weight:600;font-family:var(--font-mono, monospace);color:var(--color-text-secondary)}.contrast-badges.svelte-7mcru2{display:flex;gap:.25rem;flex-shrink:0}.contrast-badge.svelte-7mcru2{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap}.contrast-badge.pass.svelte-7mcru2{background:#ecfdf5;color:#059669}.contrast-badge.fail.svelte-7mcru2{background:#fef2f2;color:#dc2626}.contrast-badge-sm.svelte-7mcru2{font-size:.5625rem;font-weight:500;padding:.125rem .3rem;border-radius:.25rem;white-space:nowrap}.contrast-badge-sm.pass.svelte-7mcru2{background:#ecfdf5;color:#059669}.contrast-badge-sm.fail.svelte-7mcru2{background:#fef2f2;color:#dc2626}.cb-buttons.svelte-7mcru2{display:flex;flex-wrap:wrap;gap:.25rem}.cb-btn.svelte-7mcru2{padding:.375rem .625rem;font-size:.6875rem;font-weight:500;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text-secondary);cursor:pointer}.cb-btn.svelte-7mcru2:hover{border-color:var(--color-accent)}.cb-btn.active.svelte-7mcru2{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.gradient-strips.svelte-7mcru2{display:flex;flex-direction:column;gap:.5rem}.gradient-item.svelte-7mcru2{display:flex;flex-direction:column;gap:.25rem}.gradient-label.svelte-7mcru2{font-size:.6875rem;color:var(--color-text-secondary)}.gradient-bar.svelte-7mcru2{height:1.5rem;border-radius:.5rem}.gradient-bar-tall.svelte-7mcru2{height:3rem}.filter-bar.svelte-7mcru2{display:flex;gap:.25rem}.filter-btn.svelte-7mcru2{flex:1;padding:.375rem;font-size:.75rem;font-weight:500;text-align:center;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text-secondary);cursor:pointer}.filter-btn.active.svelte-7mcru2{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.palette-grid.svelte-7mcru2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.palette-card.svelte-7mcru2{display:flex;flex-direction:column;gap:.375rem;padding:.625rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-secondary);cursor:pointer;transition:all .15s ease}.palette-card.svelte-7mcru2:hover{border-color:var(--color-accent);transform:translateY(-1px)}.palette-card.active.svelte-7mcru2{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:1px}.palette-swatches.svelte-7mcru2{display:flex;gap:.25rem}.swatch.svelte-7mcru2{width:1.25rem;height:1.25rem;border-radius:.25rem;flex-shrink:0}.palette-name.svelte-7mcru2{font-size:.6875rem;font-weight:600;color:var(--color-text)}.token-groups.svelte-7mcru2{display:flex;flex-direction:column;gap:.375rem}.token-group.svelte-7mcru2{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.group-header.svelte-7mcru2{padding:.5rem .75rem;font-size:.75rem;font-weight:700;color:var(--color-text);background:var(--color-bg-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.group-tokens.svelte-7mcru2{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}.token-row.svelte-7mcru2{display:flex;flex-direction:column;gap:.25rem}.token-label.svelte-7mcru2{display:flex;flex-direction:column}.token-label-text.svelte-7mcru2{font-size:.75rem;font-weight:500;color:var(--color-text)}.token-var.svelte-7mcru2{font-size:.625rem;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.token-controls.svelte-7mcru2{display:flex;align-items:center;gap:.375rem}.color-picker.svelte-7mcru2{width:2.25rem;height:2.25rem;padding:2px;flex-shrink:0;border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;background:none}.color-picker.svelte-7mcru2::-webkit-color-swatch-wrapper{padding:2px}.color-picker.svelte-7mcru2::-webkit-color-swatch{border:none;border-radius:.25rem}.color-hex.svelte-7mcru2{flex:1;font-size:.75rem;font-family:var(--font-mono, monospace);padding:.4375rem .5rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);color:var(--color-text)}.color-hex.svelte-7mcru2:focus{outline:none;border-color:var(--color-accent)}.lab-preview.svelte-7mcru2{flex:1;overflow-y:auto;background:repeating-conic-gradient(var(--color-border) 0% 25%,transparent 0% 50%) 50% / 20px 20px;padding:1.5rem}.export-panel.svelte-7mcru2{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;background:var(--color-bg)}.export-header.svelte-7mcru2{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.export-filename.svelte-7mcru2{font-size:.8125rem;font-weight:600;font-family:var(--font-mono, monospace);color:var(--color-text)}.export-code.svelte-7mcru2{font-size:.75rem;font-family:var(--font-mono, monospace);padding:1rem;margin:0;overflow-x:auto;max-height:24rem;color:var(--color-text);background:var(--color-bg);line-height:1.6;white-space:pre}.preview-frame.svelte-7mcru2{border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0000001f;font-family:Inter,system-ui,sans-serif;background:var(--ws-color-surface);color:var(--ws-color-text)}.p-nav.svelte-7mcru2{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid var(--ws-color-border);background:var(--ws-color-surface)}.p-brand.svelte-7mcru2{font-size:1rem;font-weight:700}.p-nav-links.svelte-7mcru2{display:flex;gap:1.5rem;font-size:.875rem}.p-nav-active.svelte-7mcru2{color:var(--ws-color-primary);font-weight:500}.p-nav-link.svelte-7mcru2{color:var(--ws-color-text-muted);cursor:pointer}.p-hero.svelte-7mcru2{padding:4rem 2rem;text-align:center}.p-kicker.svelte-7mcru2{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--ws-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.p-h1.svelte-7mcru2{font-size:2.75rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 1rem}.p-lead.svelte-7mcru2{font-size:1.125rem;color:var(--ws-color-text-soft);max-width:36rem;margin:0 auto 2rem;line-height:1.6}.p-hero-actions.svelte-7mcru2{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.p-btn-primary.svelte-7mcru2{background:var(--ws-color-primary);color:var(--ws-color-primary-text);border:none;padding:.625rem 1.5rem;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer}.p-btn-outline.svelte-7mcru2{background:transparent;color:var(--ws-color-text-soft);border:1px solid var(--ws-color-border);padding:.625rem 1.5rem;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer}.p-btn-sm.svelte-7mcru2{padding:.375rem 1rem;font-size:.8125rem}.p-btn-full.svelte-7mcru2{width:100%}.p-section.svelte-7mcru2{padding:3rem 2rem}.p-section-alt.svelte-7mcru2{background:var(--ws-color-surface-alt)}.p-section-kicker.svelte-7mcru2{display:block;font-size:.8125rem;font-weight:600;color:var(--ws-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:center}.p-h2.svelte-7mcru2{font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 2rem;letter-spacing:-.02em}.p-h3.svelte-7mcru2{font-size:1.0625rem;font-weight:600;margin:0 0 .375rem}.p-text.svelte-7mcru2{font-size:.875rem;color:var(--ws-color-text-muted);margin:0;line-height:1.5}.p-grid-3.svelte-7mcru2{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.p-grid-2.svelte-7mcru2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.p-card.svelte-7mcru2{background:var(--ws-color-surface);border:1px solid var(--ws-color-border);border-radius:.875rem;padding:1.5rem}.p-icon-primary.svelte-7mcru2{width:2.5rem;height:2.5rem;border-radius:.625rem;background:var(--ws-color-primary-soft);color:var(--ws-color-primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem;margin-bottom:.75rem}.p-icon-accent.svelte-7mcru2{width:2.5rem;height:2.5rem;border-radius:.625rem;background:var(--ws-color-accent-soft);color:var(--ws-color-accent);display:flex;align-items:center;justify-content:center;font-size:1.125rem;margin-bottom:.75rem}.p-pricing.svelte-7mcru2{display:flex;flex-direction:column}.p-pricing-featured.svelte-7mcru2{border:2px solid var(--ws-color-primary);position:relative}.p-price.svelte-7mcru2{font-size:2.25rem;font-weight:800;margin:.75rem 0}.p-price-period.svelte-7mcru2{font-size:.875rem;font-weight:400;color:var(--ws-color-text-muted)}.p-list.svelte-7mcru2{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:var(--ws-color-text-soft)}.p-check.svelte-7mcru2{color:var(--ws-color-success);margin-right:.375rem}.p-muted.svelte-7mcru2{color:var(--ws-color-text-faint);margin-right:.375rem}.p-badge-primary.svelte-7mcru2{position:absolute;top:-.75rem;left:1rem;background:var(--ws-color-primary);color:var(--ws-color-primary-text);font-size:.6875rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.p-badges.svelte-7mcru2{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.p-badge-success.svelte-7mcru2{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;background:var(--ws-color-success-soft);color:var(--ws-color-success)}.p-badge-warning.svelte-7mcru2{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;background:var(--ws-color-warning-soft);color:var(--ws-color-warning)}.p-badge-danger.svelte-7mcru2{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;background:var(--ws-color-danger-soft);color:var(--ws-color-danger)}.p-badge-primary.svelte-7mcru2{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;background:var(--ws-color-primary-soft);color:var(--ws-color-primary)}.p-badge-accent.svelte-7mcru2{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:999px;background:var(--ws-color-accent-soft);color:var(--ws-color-accent)}.p-form.svelte-7mcru2{display:flex;flex-direction:column;gap:.625rem;margin-top:.75rem}.p-input.svelte-7mcru2{padding:.625rem .75rem;border:1px solid var(--ws-color-border);border-radius:.5rem;font-size:.875rem;background:var(--ws-color-surface);color:var(--ws-color-text);outline:none}.p-input.svelte-7mcru2:focus{border-color:var(--ws-color-primary)}.p-footer.svelte-7mcru2{border-top:1px solid var(--ws-color-border);background:var(--ws-color-surface-muted);padding:1.5rem 2rem}.p-footer-inner.svelte-7mcru2{display:flex;align-items:center;justify-content:space-between}.p-footer-brand.svelte-7mcru2{font-weight:700;font-size:.875rem}.p-footer-copy.svelte-7mcru2{font-size:.75rem;color:var(--ws-color-text-muted)}.p-footer-links.svelte-7mcru2{display:flex;gap:1rem;font-size:.75rem;color:var(--ws-color-text-muted)}@media(max-width:1024px){.lab-body.svelte-7mcru2{flex-direction:column}.lab-sidebar.svelte-7mcru2{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--color-border)}.p-grid-3.svelte-7mcru2,.p-grid-2.svelte-7mcru2{grid-template-columns:1fr}.p-h1.svelte-7mcru2{font-size:1.75rem}.p-hero.svelte-7mcru2,.p-section.svelte-7mcru2{padding:2rem 1.25rem}.toolbar-actions.svelte-7mcru2{gap:.25rem}.btn-primary.svelte-7mcru2,.btn-secondary.svelte-7mcru2{padding:.375rem .625rem;font-size:.75rem}}body{overflow:hidden}main{padding:0!important}.skip-link{display:none}