.colour-wheel.svelte-1vsi64v{display:flex;flex-direction:column;gap:var(--space-4)}.picker-row.svelte-1vsi64v{display:flex;gap:var(--space-3)}.sl-area.svelte-1vsi64v{position:relative;border:var(--border-heavy);cursor:crosshair;touch-action:none}.sl-canvas.svelte-1vsi64v{display:block}.sl-cursor.svelte-1vsi64v{position:absolute;width:12px;height:12px;border:2px solid var(--paper-100);outline:1px solid var(--ink-900);transform:translate(-50%,-50%);pointer-events:none}.hue-strip.svelte-1vsi64v{position:relative;border:var(--border-heavy);cursor:pointer;touch-action:none;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-cursor.svelte-1vsi64v{position:absolute;left:-2px;right:-2px;height:4px;border:2px solid var(--ink-900);transform:translateY(-50%);pointer-events:none}.colour-info.svelte-1vsi64v{display:flex;gap:var(--space-3);align-items:center}.colour-preview.svelte-1vsi64v{width:48px;height:48px;border:var(--border-heavy);flex-shrink:0}.colour-values.svelte-1vsi64v{display:flex;flex-direction:column;gap:var(--space-1)}.colour-hex.svelte-1vsi64v{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:600;color:var(--ink-1000);text-transform:uppercase;letter-spacing:.04em}.colour-hsl.svelte-1vsi64v{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--support-600);text-transform:uppercase;letter-spacing:.06em}.tab-bar.svelte-1wwzsr0{display:flex;border:var(--border-heavy);width:100%}.tab.svelte-1wwzsr0{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-4);background:var(--paper-50);color:var(--ink-900);border:none;border-right:var(--border-heavy);cursor:pointer;transition:background var(--duration-fast) var(--ease-enter);font-weight:500}.tab.svelte-1wwzsr0:last-child{border-right:none}.tab.active.svelte-1wwzsr0{background:var(--ink-900);color:var(--paper-100);font-weight:600}.tab.svelte-1wwzsr0:hover:not(.active){background:var(--neutral-300)}.tab.svelte-1wwzsr0:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.tab-badge.svelte-1wwzsr0{font-size:var(--font-size-2xs);background:var(--accent-500);color:var(--ink-1000);padding:0 var(--space-1);font-weight:600;margin-left:var(--space-1);vertical-align:middle}.tab.active.svelte-1wwzsr0 .tab-badge:where(.svelte-1wwzsr0){background:var(--accent-500);color:var(--ink-1000)}.grayscale.svelte-19ojazf{width:100%}.section-heading.svelte-19ojazf{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);margin-bottom:var(--space-1)}.section-desc.svelte-19ojazf{font-size:var(--font-size-sm);color:var(--support-600);margin-bottom:var(--space-4)}.mode-toggle.svelte-19ojazf{display:flex;border:var(--border-heavy);margin-bottom:var(--space-4);width:fit-content}.toggle-btn.svelte-19ojazf{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-4);background:var(--paper-50);color:var(--ink-900);border:none;border-right:var(--border-heavy);cursor:pointer;transition:background var(--duration-fast) var(--ease-enter)}.toggle-btn.svelte-19ojazf:last-child{border-right:none}.toggle-btn.active.svelte-19ojazf{background:var(--ink-900);color:var(--paper-100)}.toggle-btn.svelte-19ojazf:hover:not(.active){background:var(--neutral-300)}.toggle-btn.svelte-19ojazf:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.toggle-btn.svelte-19ojazf:disabled{opacity:.6;cursor:not-allowed}.pro-badge.svelte-19ojazf{font-family:var(--font-mono);font-size:var(--font-size-2xs);background:var(--accent-500);color:var(--ink-1000);padding:0 var(--space-1);font-weight:600;vertical-align:middle}.bg-picker.svelte-19ojazf{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.bg-chip.svelte-19ojazf{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:64px;height:64px;border:var(--border-heavy);cursor:pointer;padding:var(--space-1);transition:transform var(--duration-fast) var(--ease-enter)}.bg-chip.active.svelte-19ojazf{transform:scale(1.08);outline:3px solid var(--accent-500);outline-offset:2px}.bg-chip.svelte-19ojazf:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.bg-chip-label.svelte-19ojazf{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.04em;color:#fff;line-height:1}.bg-chip-label.light.svelte-19ojazf{color:var(--ink-1000)}.ramp-table.svelte-19ojazf{display:flex;flex-direction:column;gap:var(--space-2)}.ramp-row.svelte-19ojazf{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:var(--border-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs);background:transparent;cursor:pointer;text-align:left;width:100%;transition:border-color var(--duration-fast) var(--ease-enter)}.ramp-row.svelte-19ojazf:hover:not(.fail){border-color:var(--accent-500)}.ramp-row.selected.svelte-19ojazf{border:var(--border-heavy)}.ramp-row.fail.svelte-19ojazf{opacity:.35}.ramp-preview-cell.svelte-19ojazf{width:48px;height:48px;border:var(--border-heavy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-aa.svelte-19ojazf{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;line-height:1}.ramp-swatch.svelte-19ojazf{width:32px;height:32px;border:var(--border-heavy);flex-shrink:0}.ramp-hex.svelte-19ojazf{width:72px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-900);font-weight:500}.ramp-label.svelte-19ojazf{width:100px;color:var(--support-600)}.ramp-badge.svelte-19ojazf{width:56px;text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:var(--space-1) var(--space-1);font-size:var(--font-size-2xs);font-weight:600}.ramp-badge.pass.svelte-19ojazf{background:var(--ink-900);color:var(--paper-100)}.ramp-badge.fail-badge.svelte-19ojazf{background:var(--color-error);color:#fff}.ramp-ratio.svelte-19ojazf{width:56px;color:var(--support-600)}.ramp-usage.svelte-19ojazf{color:var(--support-600);flex:1}.specimen.svelte-19ojazf{border:var(--border-heavy);padding:var(--space-6);margin-top:var(--space-4)}.specimen-heading.svelte-19ojazf{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);line-height:1.3}.specimen-body.svelte-19ojazf{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-4)}.specimen-mono.svelte-19ojazf{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.6}@media(max-width:768px){.ramp-label.svelte-19ojazf,.ramp-usage.svelte-19ojazf{display:none}.bg-chip.svelte-19ojazf{width:48px;height:48px}}.cvd-preview.svelte-gh5syo{width:100%;background:var(--workspace-bg);padding:var(--space-4)}.section-heading.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:#d0d0d0;margin-bottom:var(--space-1)}.section-desc.svelte-gh5syo{font-size:var(--font-size-sm);color:#d0d0d0;margin-bottom:var(--space-4)}.type-picker.svelte-gh5syo{display:flex;border:var(--border-heavy);margin-bottom:var(--space-6)}.type-btn.svelte-gh5syo{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--paper-50);color:var(--ink-900);border:none;border-right:var(--border-heavy);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-enter)}.type-btn.svelte-gh5syo:last-child{border-right:none}.type-btn.active.svelte-gh5syo{background:var(--ink-900);color:var(--paper-100)}.type-btn.svelte-gh5syo:hover:not(.active){background:var(--neutral-300)}.type-btn.svelte-gh5syo:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.type-label.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.type-desc.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-2xs);opacity:.7}.comparison.svelte-gh5syo{display:flex;gap:var(--space-4)}.comparison-col.svelte-gh5syo{flex:1}.col-heading.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:#d0d0d0;margin-bottom:var(--space-2)}.swatch-strip.svelte-gh5syo{display:flex;border:2px solid #666666}.swatch-cell.svelte-gh5syo{flex:1;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-2);border-right:2px solid #666666;color:#fff}.swatch-cell.svelte-gh5syo:last-child{border-right:none}.swatch-cell.light.svelte-gh5syo{color:var(--ink-1000)}.swatch-hex.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.swatch-role.svelte-gh5syo{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.04em;opacity:.7}@media(max-width:768px){.comparison.svelte-gh5syo,.type-picker.svelte-gh5syo{flex-direction:column}.type-btn.svelte-gh5syo{border-right:none;border-bottom:var(--border-heavy)}.type-btn.svelte-gh5syo:last-child{border-bottom:none}}.preview-canvas.svelte-k0s4b0{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color var(--duration-base) ease;border:var(--border-heavy)}.mockup-area.svelte-k0s4b0{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box}.mockup-svg.svelte-k0s4b0{max-width:100%;height:auto;display:block}.canvas.svelte-13r0r3v{display:flex;height:calc(100dvh - 52px);width:100%}.canvas.flash.svelte-13r0r3v{animation:svelte-13r0r3v-pulse .15s var(--ease-enter)}@keyframes svelte-13r0r3v-pulse{0%{transform:scale(.98)}to{transform:scale(1)}}.column.svelte-13r0r3v{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);border:none;border-right:var(--border-heavy);border-radius:0;padding:var(--space-4) 0;margin:0;cursor:pointer;font-family:var(--font-mono);transition:flex var(--duration-base) var(--ease-enter);outline:none}.column.last.svelte-13r0r3v{border-right:none}.column.svelte-13r0r3v:focus-visible{outline:3px solid var(--accent-500);outline-offset:-3px}.column.light.svelte-13r0r3v{color:var(--ink-1000)}.column.dark.svelte-13r0r3v{color:var(--paper-50)}.column.dragging.svelte-13r0r3v{opacity:.4}.column.drag-target.svelte-13r0r3v{outline:3px solid var(--accent-500);outline-offset:-3px}.lock-icon.svelte-13r0r3v{position:absolute;top:var(--space-4);right:var(--space-4);opacity:0;transition:opacity var(--duration-base) var(--ease-enter)}.lock-icon.visible.svelte-13r0r3v{opacity:.7}.column.svelte-13r0r3v:hover .lock-icon:where(.svelte-13r0r3v){opacity:.5}.column.svelte-13r0r3v:hover .lock-icon.visible:where(.svelte-13r0r3v){opacity:1}.locked-outline.svelte-13r0r3v{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.column.light.svelte-13r0r3v .locked-outline:where(.svelte-13r0r3v){box-shadow:inset 0 0 0 3px #39241033}.column.dark.svelte-13r0r3v .locked-outline:where(.svelte-13r0r3v){box-shadow:inset 0 0 0 3px #f8e8d733}.actions.svelte-13r0r3v{display:flex;flex-direction:column;gap:var(--space-1);opacity:0;transition:opacity var(--duration-base) var(--ease-enter);pointer-events:none}.column.svelte-13r0r3v:hover .actions:where(.svelte-13r0r3v){opacity:1;pointer-events:auto}.action-btn.svelte-13r0r3v{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;cursor:pointer;color:inherit;transition:background var(--duration-fast) var(--ease-enter);padding:0}.column.light.svelte-13r0r3v .action-btn:where(.svelte-13r0r3v){background:#3924101a}.column.light.svelte-13r0r3v .action-btn:where(.svelte-13r0r3v):hover{background:#39241040}.column.dark.svelte-13r0r3v .action-btn:where(.svelte-13r0r3v){background:#f8e8d71a}.column.dark.svelte-13r0r3v .action-btn:where(.svelte-13r0r3v):hover{background:#f8e8d740}.wcag-badge.svelte-13r0r3v{position:absolute;bottom:var(--space-4);left:var(--space-3);font-size:9px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:1px 4px;opacity:.5}.wcag-badge.pass.svelte-13r0r3v{opacity:.6}.wcag-badge.fail.svelte-13r0r3v{opacity:.35}.action-wrap.svelte-13r0r3v{position:relative;display:flex;align-items:center;justify-content:center}.action-tip.svelte-13r0r3v{display:none;position:absolute;left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%);background:var(--ink-900);color:var(--paper-100);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;white-space:nowrap;pointer-events:none;z-index:30}@media(pointer:fine){.action-wrap.svelte-13r0r3v:hover .action-tip:where(.svelte-13r0r3v){display:block}}.drag-handle.svelte-13r0r3v{cursor:grab}.drag-handle.svelte-13r0r3v:active{cursor:grabbing}.action-btn.favorited.svelte-13r0r3v{color:var(--accent-500)}.info-popover.svelte-13r0r3v{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);background:var(--paper-50);border:var(--border-heavy);padding:var(--space-3);z-index:25;min-width:180px;color:var(--ink-900)}.info-swatch.svelte-13r0r3v{width:100%;height:32px;margin-bottom:var(--space-2);border:var(--border-subtle)}.info-table.svelte-13r0r3v{width:100%;border-collapse:collapse;margin-bottom:var(--space-2)}.info-key.svelte-13r0r3v{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--support-600);padding:2px 0;vertical-align:top;width:40px}.info-val.svelte-13r0r3v{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--ink-900);padding:2px 0}.info-harmony.svelte-13r0r3v{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;padding-top:var(--space-2);border-top:var(--border-subtle)}.info-chip.svelte-13r0r3v{width:16px;height:16px;border:1px solid var(--ink-900);display:inline-block}.adjust-popover.svelte-13r0r3v{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);background:var(--paper-50);border:var(--border-heavy);padding:var(--space-3);z-index:20;display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.adjust-row.svelte-13r0r3v{display:flex;align-items:center;gap:var(--space-2);cursor:default}.adjust-label.svelte-13r0r3v{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:600;color:var(--ink-900);width:12px;text-align:center}.adjust-slider.svelte-13r0r3v{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--neutral-300);outline:none;cursor:pointer}.adjust-slider.svelte-13r0r3v::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--ink-900);border:none;cursor:pointer}.adjust-val.svelte-13r0r3v{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--support-600);width:24px;text-align:right}.content.svelte-13r0r3v{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.master-label.svelte-13r0r3v{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;opacity:.4}.hex.svelte-13r0r3v{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:.02em;transition:opacity var(--duration-fast) var(--ease-enter)}.color-name.svelte-13r0r3v{font-size:var(--font-size-sm);letter-spacing:.02em;opacity:.7;font-weight:400}.role.svelte-13r0r3v{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;opacity:.6}.add-gap.svelte-13r0r3v{display:flex;align-items:center;justify-content:center;width:0;overflow:visible;position:relative;z-index:10}.add-btn.svelte-13r0r3v{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:var(--border-heavy);border-radius:50%;background:var(--paper-50);color:var(--ink-900);font-size:var(--font-size-base);font-weight:700;cursor:pointer;opacity:0;transition:opacity var(--duration-base) var(--ease-enter),background var(--duration-fast) var(--ease-enter);position:absolute}.canvas.svelte-13r0r3v:hover .add-btn:where(.svelte-13r0r3v){opacity:.6}.add-btn.svelte-13r0r3v:hover{opacity:1!important;background:var(--accent-500);color:var(--ink-1000)}@media(max-width:768px){.canvas.svelte-13r0r3v{flex-direction:column}.column.svelte-13r0r3v{flex:none;min-height:18dvh;flex-direction:row;border-right:none;border-bottom:var(--border-heavy)}.column.last.svelte-13r0r3v{border-bottom:none}.content.svelte-13r0r3v{flex-direction:row;gap:var(--space-3)}.master-label.svelte-13r0r3v{order:-1}.lock-icon.svelte-13r0r3v{top:50%;transform:translateY(-50%);right:var(--space-6)}.actions.svelte-13r0r3v{flex-direction:row;opacity:1;pointer-events:auto}.wcag-badge.svelte-13r0r3v{bottom:auto;top:var(--space-2);left:var(--space-3)}.add-gap.svelte-13r0r3v{width:auto;height:0;overflow:visible}.add-btn.svelte-13r0r3v{opacity:.6}}.toolbar.svelte-1ld6r3r{width:100%;height:52px;background:var(--paper-50);border-bottom:var(--border-heavy);display:flex;align-items:center;justify-content:center}.toolbar-group.svelte-1ld6r3r{display:flex;align-items:center;gap:var(--space-2)}.toolbar-btn.svelte-1ld6r3r{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;color:var(--ink-900);cursor:pointer;transition:background var(--duration-fast) var(--ease-enter),color var(--duration-fast) var(--ease-enter)}.toolbar-btn.svelte-1ld6r3r:hover:not(:disabled){background:var(--neutral-300)}.toolbar-btn.svelte-1ld6r3r:active:not(:disabled){background:var(--ink-900);color:var(--paper-100)}.toolbar-btn.svelte-1ld6r3r:disabled{opacity:.3;cursor:not-allowed}.tooltip.svelte-1ld6r3r{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-1);background:var(--ink-900);color:var(--paper-100);font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2);white-space:nowrap;pointer-events:none;border-radius:0;z-index:10}@media(pointer:fine){.toolbar-btn.svelte-1ld6r3r:hover .tooltip:where(.svelte-1ld6r3r){display:block}}.backdrop.svelte-uoov0r{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.backdrop.open.svelte-uoov0r{opacity:1;pointer-events:auto}.drawer.svelte-uoov0r{position:fixed;right:0;top:0;bottom:0;width:380px;z-index:200;background:var(--paper-50);border-left:var(--border-heavy);border-radius:0;display:flex;flex-direction:column;transform:translate(100%);pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}.drawer.open.svelte-uoov0r{transform:translate(0);pointer-events:auto}.drawer-header.svelte-uoov0r{position:sticky;top:0;display:flex;justify-content:flex-end;align-items:center;padding:var(--space-3) var(--space-4);background:var(--paper-50);z-index:1}.drag-handle.svelte-uoov0r{display:none}.close-btn.svelte-uoov0r{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;border-radius:0;cursor:pointer;color:var(--ink-900);font-family:var(--font-mono);transition:background var(--duration-base) var(--ease-enter)}.close-btn.svelte-uoov0r:hover{background:var(--paper-100)}.drawer-content.svelte-uoov0r{flex:1;overflow-y:auto;padding:0 var(--space-4) var(--space-4)}@media(max-width:768px){.drawer.svelte-uoov0r{top:auto;left:0;right:0;bottom:0;width:auto;height:85dvh;border-left:none;border-top:var(--border-heavy);transform:translateY(100%)}.drawer.open.svelte-uoov0r{transform:translateY(0)}.drawer-header.svelte-uoov0r{justify-content:space-between;padding:var(--space-2) var(--space-4)}.drag-handle.svelte-uoov0r{display:block;width:40px;height:4px;background:var(--ink-900);border-radius:0;margin:0 auto;position:absolute;left:50%;transform:translate(-50%);top:var(--space-2)}}.hint.svelte-1a93izo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;animation:svelte-1a93izo-hint-in var(--duration-base) var(--ease-enter)}.hint.svelte-1a93izo kbd:where(.svelte-1a93izo){display:inline-block;padding:0 var(--space-1);background:var(--ink-900);color:var(--paper-100);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:600}.hint-close.svelte-1a93izo{background:none;border:none;color:inherit;cursor:pointer;padding:0;opacity:.5;font-size:var(--font-size-base);flex-shrink:0}.hint-close.svelte-1a93izo:hover{opacity:1}.hint-canvas.svelte-1a93izo{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:100;background:var(--ink-900);color:var(--paper-100);padding:var(--space-3) var(--space-6);border:var(--border-heavy);box-shadow:0 4px #0003}.hint-toolbar.svelte-1a93izo{position:fixed;top:60px;right:var(--space-4);z-index:100;background:var(--accent-500);color:var(--ink-1000);padding:var(--space-2) var(--space-4);border:var(--border-heavy);box-shadow:0 4px 0 var(--ink-900)}.hint-drawer.svelte-1a93izo{background:var(--accent-500);color:var(--ink-1000);padding:var(--space-2) var(--space-3);border:var(--border-subtle);margin-bottom:var(--space-3)}.hint-pro.svelte-1a93izo{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);z-index:300;background:var(--ink-900);color:var(--paper-100);padding:var(--space-2) var(--space-4);border:var(--border-heavy);box-shadow:0 4px #0003}.hint-pro.svelte-1a93izo a:where(.svelte-1a93izo){color:var(--accent-500);text-decoration:none;font-weight:600}.hint-pro.svelte-1a93izo a:where(.svelte-1a93izo):hover{text-decoration:underline}@keyframes svelte-1a93izo-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hint-canvas.svelte-1a93izo{animation:svelte-1a93izo-hint-in-center var(--duration-base) var(--ease-enter)}@keyframes svelte-1a93izo-hint-in-center{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recent-popover.svelte-1a93izo{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:150;background:var(--paper-50);border:var(--border-heavy);border-top:none;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:0 4px #58381926}.recent-header.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600)}.recent-item.svelte-1a93izo{display:flex;border:var(--border-subtle);cursor:pointer;padding:0;background:none;transition:border-color var(--duration-fast) var(--ease-enter)}.recent-item.svelte-1a93izo:hover{border-color:var(--accent-500)}.recent-chip.svelte-1a93izo{width:32px;height:24px}.generate-layout.svelte-1a93izo{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--workspace-bg)}.drawer-body.svelte-1a93izo{padding-top:var(--space-4)}.picker-panel.svelte-1a93izo{display:flex;justify-content:center;padding:var(--space-3) 0}.create-controls.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-4)}.control-group.svelte-1a93izo{width:100%}.control-label.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);margin-bottom:var(--space-2)}.control-grid.svelte-1a93izo{display:grid;grid-template-columns:repeat(2,1fr);border:var(--border-subtle)}.control-grid.three-col.svelte-1a93izo{grid-template-columns:repeat(3,1fr)}.control-btn.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2);background:var(--paper-50);color:var(--ink-900);border:none;border-right:var(--border-subtle);border-bottom:var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-enter)}.control-btn.svelte-1a93izo:last-child{border-right:none}.control-btn.active.svelte-1a93izo{background:var(--ink-900);color:var(--paper-100)}.control-btn.svelte-1a93izo:hover:not(.active){background:var(--neutral-300)}.control-btn.svelte-1a93izo:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.tip-wrap.svelte-1a93izo{position:relative}.tip-wrap.svelte-1a93izo .control-btn:where(.svelte-1a93izo){width:100%}.tooltip.svelte-1a93izo{display:none;position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);z-index:50;background:var(--ink-900);color:var(--paper-100);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.02em;padding:var(--space-2) var(--space-3);width:max-content;max-width:220px;line-height:1.5;text-transform:none;pointer-events:none}@media(pointer:fine){.tip-wrap.svelte-1a93izo:hover .tooltip:where(.svelte-1a93izo){display:block}}.advanced-section.svelte-1a93izo{width:100%}.advanced-toggle.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);cursor:pointer;padding:var(--space-2) 0;list-style:none}.advanced-toggle.svelte-1a93izo::-webkit-details-marker{display:none}.advanced-toggle.svelte-1a93izo:before{content:"+ "}details[open].svelte-1a93izo .advanced-toggle:where(.svelte-1a93izo):before{content:"− "}.advanced-controls.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3)}.like-this-select.svelte-1a93izo{width:100%;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border:var(--border-subtle);background:var(--paper-50);color:var(--ink-900);cursor:pointer}.like-this-select.svelte-1a93izo:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.refine-layout.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-6)}.refine-divider.svelte-1a93izo{border-top:var(--border-heavy);padding-top:var(--space-6)}.variations-section.svelte-1a93izo{margin-bottom:var(--space-2)}.variations-grid.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-2)}.variation-strip.svelte-1a93izo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:var(--border-subtle);background:var(--paper-50);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-enter);width:100%}.variation-strip.svelte-1a93izo:hover{border-color:var(--accent-500)}.variation-chips.svelte-1a93izo{display:flex;flex:1}.variation-chip.svelte-1a93izo{flex:1;height:24px}.variation-label.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--support-600);flex-shrink:0;width:48px;text-align:right}.shade-section.svelte-1a93izo{margin-bottom:var(--space-2)}.shade-header.svelte-1a93izo{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.shade-copy.svelte-1a93izo{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2);background:var(--paper-50);color:var(--ink-900);border:var(--border-subtle);cursor:pointer}.shade-copy.svelte-1a93izo:hover{background:var(--neutral-300)}.shade-labels.svelte-1a93izo{display:flex;margin-bottom:2px}.shade-label.svelte-1a93izo{flex:1;font-family:var(--font-mono);font-size:8px;color:var(--support-600);text-align:center}.shade-row.svelte-1a93izo{display:flex;margin-bottom:2px}.shade-cell.svelte-1a93izo{flex:1;height:20px;cursor:crosshair}.save-section.svelte-1a93izo{padding-top:var(--space-4);border-top:var(--border-subtle);margin-top:var(--space-4)}.save-btn.svelte-1a93izo{width:100%;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);background:var(--paper-50);color:var(--ink-900);border:var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-enter)}.save-btn.svelte-1a93izo:hover{background:var(--neutral-300)}.save-input-row.svelte-1a93izo{display:flex;gap:var(--space-2)}.save-input.svelte-1a93izo{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border:var(--border-subtle);background:var(--paper-50);color:var(--ink-900)}.save-confirm-btn.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);background:var(--accent-500);color:var(--ink-1000);border:var(--border-subtle);cursor:pointer;font-weight:600}.saved-section.svelte-1a93izo{margin-top:var(--space-4)}.saved-row.svelte-1a93izo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.saved-palette.svelte-1a93izo{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-subtle);background:var(--paper-50);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-enter)}.saved-palette.svelte-1a93izo:hover{border-color:var(--accent-500)}.saved-chips.svelte-1a93izo{display:flex}.saved-chip.svelte-1a93izo{width:16px;height:16px}.saved-name.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--ink-900);letter-spacing:.04em}.saved-remove.svelte-1a93izo{background:none;border:none;color:var(--support-600);cursor:pointer;font-size:var(--font-size-base);opacity:.5;padding:var(--space-1)}.saved-remove.svelte-1a93izo:hover{opacity:1}.lib-search.svelte-1a93izo{width:100%;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border:var(--border-subtle);background:var(--paper-50);color:var(--ink-900);margin-bottom:var(--space-2)}.lib-list.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-1)}.lib-item.svelte-1a93izo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-subtle);background:var(--paper-50)}.lib-swatch.svelte-1a93izo{width:20px;height:20px;border:1px solid var(--ink-900);flex-shrink:0}.lib-info.svelte-1a93izo{flex:1;display:flex;flex-direction:column;min-width:0}.lib-name.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-hex.svelte-1a93izo{font-family:var(--font-mono);font-size:9px;color:var(--support-600)}.lib-action.svelte-1a93izo{background:none;border:none;color:var(--support-600);cursor:pointer;padding:var(--space-1);opacity:.5;font-size:var(--font-size-sm);display:flex;align-items:center}.lib-action.svelte-1a93izo:hover{opacity:1;color:var(--ink-900)}.drawer-footer.svelte-1a93izo{padding:var(--space-4);border-top:var(--border-subtle);margin-top:var(--space-4)}.drawer-upgrade-btn.svelte-1a93izo{display:block;width:100%;text-align:center;font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:var(--space-3);background:var(--accent-500);color:var(--ink-1000);border:var(--border-heavy);text-decoration:none;transition:background var(--duration-fast) var(--ease-enter)}.drawer-upgrade-btn.svelte-1a93izo:hover{background:var(--accent-200)}.preview-controls.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-4)}.preview-mockup.svelte-1a93izo{border:var(--border-subtle);margin-bottom:var(--space-3)}.template-grid.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-2)}.template-card.svelte-1a93izo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-subtle);background:var(--paper-50);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-enter),background var(--duration-fast) var(--ease-enter);text-align:left}.template-card.svelte-1a93izo:hover{border-color:var(--ink-900)}.template-card.active.svelte-1a93izo{border:var(--border-heavy);background:var(--paper-100)}.template-icon.svelte-1a93izo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ink-900);color:var(--paper-100);font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:700;flex-shrink:0}.template-name.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-900);font-weight:600}.template-desc.svelte-1a93izo{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--support-600);margin-left:auto}.export-layout.svelte-1a93izo{display:flex;flex-direction:column;gap:var(--space-6)}