.eyedropper-overlay.svelte-168jgh7{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:crosshair}.image-container.svelte-168jgh7{position:relative;max-width:90vw;max-height:90vh}.eyedropper-image.svelte-168jgh7{max-width:100%;max-height:100%;display:block}.color-preview.svelte-168jgh7{position:absolute;top:10px;right:10px;width:80px;height:80px;border:3px solid white;border-radius:8px;box-shadow:0 2px 8px #0000004d;transition:background-color .1s}.selected-colors-container.svelte-168jgh7{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#fffffffa;border-radius:8px;padding:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:12px;max-width:90vw}.selected-title.svelte-168jgh7{font-size:13px;font-weight:600;color:#333;white-space:nowrap}.selected-grid.svelte-168jgh7{display:flex;gap:4px}.color-swatch.svelte-168jgh7{width:24px;height:24px;border-radius:4px;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .1s;padding:0}.color-swatch.svelte-168jgh7:hover{transform:scale(1.2)}.buttons-container.svelte-168jgh7{display:flex;gap:6px}.button.svelte-168jgh7{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:opacity .2s}.add-button.svelte-168jgh7{background:#8e7aff;color:var(--color-background)}.add-button.svelte-168jgh7:disabled{opacity:.5;cursor:not-allowed}.close-button.svelte-168jgh7{background:#666;color:var(--color-background)}.hint.svelte-168jgh7{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:var(--color-background);padding:8px 16px;border-radius:6px;font-size:13px;transition:background-color .3s}.hint.warning.svelte-168jgh7{background:#e25454e6}.floating-close.svelte-168jgh7{position:fixed;top:20px;right:20px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;z-index:1001;transition:transform .2s}.floating-close.svelte-168jgh7:hover{transform:scale(1.1)}.recent-colors-container.svelte-12p8in6{position:relative}.recent-colors-button.action-button.svelte-12p8in6{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.recent-colors-button.action-button.svelte-12p8in6:not(:disabled):hover{background:var(--color-background-elevated);border-color:var(--color-primary);color:var(--color-primary)}.recent-colors-button.action-button.svelte-12p8in6:disabled{opacity:.5;cursor:not-allowed}.recent-colors-button.action-button.svelte-12p8in6 svg:where(.svelte-12p8in6){width:16px;height:16px}.recent-colors-popup.svelte-12p8in6{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--space-2);padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;min-width:160px}.recent-colors-grid.svelte-12p8in6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.recent-color-swatch.svelte-12p8in6{width:24px;height:24px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s ease;position:relative;box-shadow:0 1px 3px #0003}.recent-color-swatch.svelte-12p8in6:hover{transform:scale(1.1);z-index:1}.recent-color-swatch.svelte-12p8in6:active{transform:scale(.95)}@media (max-width: 768px){.recent-colors-popup.svelte-12p8in6{min-width:140px}.recent-colors-grid.svelte-12p8in6{grid-template-columns:repeat(4,1fr)}.recent-color-swatch.svelte-12p8in6{width:28px;height:28px}}@media (max-width: 375px){.recent-colors-grid.svelte-12p8in6{grid-template-columns:repeat(3,1fr)}}.color-sliders.svelte-1o2kgau{display:flex;flex-direction:column;gap:var(--space-3)}.control-group.svelte-1o2kgau{display:flex;flex-direction:column;gap:var(--space-1)}.control-group.svelte-1o2kgau label:where(.svelte-1o2kgau){display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.control-group.svelte-1o2kgau label:where(.svelte-1o2kgau) .value:where(.svelte-1o2kgau){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.slider-container.svelte-1o2kgau{position:relative;height:44px;display:flex;align-items:center}.slider.svelte-1o2kgau{width:100%;height:10px;border-radius:4px;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer}.slider.svelte-1o2kgau::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider.svelte-1o2kgau::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider.svelte-1o2kgau:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.slider.svelte-1o2kgau:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.temperature-labels.svelte-1o2kgau{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary);padding:0 var(--space-1)}.temp-label.warm.svelte-1o2kgau{color:#ff8c42}.temp-label.neutral.svelte-1o2kgau{color:var(--color-text-secondary)}.temp-label.cool.svelte-1o2kgau{color:#8fc8ff}@media (prefers-color-scheme: dark){.slider.svelte-1o2kgau::-webkit-slider-thumb{background:var(--color-background)}.slider.svelte-1o2kgau::-moz-range-thumb{background:var(--color-background)}}@media (max-width: 768px) and (hover: none){.slider-container.svelte-1o2kgau{height:48px}.slider.svelte-1o2kgau{height:12px}.slider.svelte-1o2kgau::-webkit-slider-thumb{width:36px;height:36px}.slider.svelte-1o2kgau::-moz-range-thumb{width:36px;height:36px}}.harmony-selector.svelte-q6za34{display:flex;flex-direction:column;gap:var(--space-2)}.control-group.svelte-q6za34{display:flex;flex-direction:column;gap:var(--space-1)}.control-group.svelte-q6za34 label:where(.svelte-q6za34){font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.harmony-select.svelte-q6za34{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.harmony-select.svelte-q6za34:hover{border-color:var(--color-primary)}.harmony-select.svelte-q6za34:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #8e7aff1a}@media (prefers-color-scheme: dark){.harmony-select.svelte-q6za34{background:var(--color-surface)}}.harmony-preview.svelte-q6za34{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.preview-label.svelte-q6za34{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.harmony-colors.svelte-q6za34{display:flex;gap:var(--space-1);flex-wrap:wrap}.harmony-color-swatch.svelte-q6za34{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-base)}.harmony-color-swatch.svelte-q6za34:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}@media (max-width: 768px){.harmony-colors.svelte-q6za34{gap:var(--space-1-5)}.harmony-color-swatch.svelte-q6za34{width:32px;height:32px}}.stage-controls.svelte-11503g9{display:flex;flex-direction:column;gap:var(--space-3)}.control-group.svelte-11503g9{display:flex;flex-direction:column;gap:var(--space-1)}.control-group.svelte-11503g9 label:where(.svelte-11503g9){display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.control-group.svelte-11503g9 label:where(.svelte-11503g9) .error-text:where(.svelte-11503g9){font-size:var(--text-xs);color:var(--color-error, #ef4444);font-weight:400}.hex-input-row.svelte-11503g9{display:flex;gap:var(--space-2)}.hex-input.svelte-11503g9{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-base);text-transform:uppercase;text-align:center;transition:all var(--transition-base);color:var(--color-text-primary)}.add-hex-button.svelte-11503g9{padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-background);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.add-hex-button.svelte-11503g9:hover:not(:disabled){background:var(--color-accent-secondary);transform:translateY(-1px)}.add-hex-button.svelte-11503g9:disabled{opacity:.5;cursor:not-allowed;background:var(--color-accent)}@media (prefers-color-scheme: dark){.hex-input.svelte-11503g9{background:var(--color-surface);color:var(--color-text-primary)}}.hex-input.svelte-11503g9:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #8e7aff1a}.hex-input.error.svelte-11503g9{border-color:var(--color-error, #ef4444)}.hex-input.error.svelte-11503g9:focus{border-color:var(--color-error, #ef4444);box-shadow:0 0 0 3px #ef44441a}.error-hint.svelte-11503g9{font-size:var(--text-xs);color:var(--color-error, #ef4444);margin-top:var(--space-1)}.color-values.svelte-11503g9{padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.value-row.svelte-11503g9{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.value-row.svelte-11503g9:not(:last-child){border-bottom:1px solid var(--color-border)}.value-row.svelte-11503g9 .label:where(.svelte-11503g9){font-weight:500;color:var(--color-text-secondary)}.value-row.svelte-11503g9 .value:where(.svelte-11503g9){font-family:var(--font-mono);color:var(--color-text-primary)}.action-buttons-wrapper.svelte-11503g9{position:relative;margin-bottom:var(--space-2)}.action-buttons.svelte-11503g9{display:flex;gap:var(--space-2)}.action-button.svelte-11503g9{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.action-button.svelte-11503g9:hover{background:var(--color-background-alt);color:var(--color-text-primary);border-color:var(--color-accent)}.action-button.svelte-11503g9 svg:where(.svelte-11503g9){width:16px;height:16px}.stage-controls.svelte-11503g9{display:flex;flex-direction:column;gap:var(--space-4);position:relative}@media (max-width: 768px){.stage-controls.svelte-11503g9{gap:var(--space-2)}.action-buttons.svelte-11503g9{gap:var(--space-1-5)}.action-button.svelte-11503g9{padding:var(--space-1-5) var(--space-2);font-size:var(--text-xs)}}@media (max-width: 480px){.action-buttons.svelte-11503g9{flex-direction:column;gap:var(--space-2)}.action-button.svelte-11503g9{width:100%;justify-content:center}}.palette-studio-page.svelte-1cgludh{min-height:100vh;padding-top:var(--space-16);width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.palette-subtitle.svelte-1cgludh{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1);margin-bottom:0;line-height:1.5}.drag-hint.svelte-1cgludh{color:var(--color-accent);font-size:var(--text-sm);margin-top:var(--space-2);margin-bottom:0;animation:svelte-1cgludh-fadeIn .5s ease-out}@keyframes svelte-1cgludh-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.studio-workspace.svelte-1cgludh{padding:var(--space-8) 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.container-flush.svelte-1cgludh{padding-left:0;padding-right:0}@media (max-width: 768px){.container-flush.svelte-1cgludh{padding-left:var(--space-2);padding-right:var(--space-2)}}.studio-layout.svelte-1cgludh{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);align-items:start;width:100%;max-width:100%;box-sizing:border-box}.stage-area.svelte-1cgludh{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible}@media (max-width: 768px){.stage-area.svelte-1cgludh{padding:var(--space-3);overflow:hidden}}.stage-header.svelte-1cgludh{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.stage-header.svelte-1cgludh h2:where(.svelte-1cgludh){margin:0}.button-small.svelte-1cgludh{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.color-preview-section.svelte-1cgludh{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);align-items:stretch;width:100%;max-width:100%}.stage-preview-wrapper.svelte-1cgludh{flex:1;position:relative;border-radius:var(--radius-md);overflow:visible;min-width:0}.stage-preview.svelte-1cgludh{height:180px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;transition:all var(--transition-base);border:none;padding:0;width:100%;max-width:100%}button.stage-preview.svelte-1cgludh{cursor:pointer}button.stage-preview.svelte-1cgludh:hover{transform:scale(1.02)}.stage-preview.main-color.svelte-1cgludh{width:100%;height:180px}.harmony-preview.svelte-1cgludh{display:flex;gap:var(--space-2);flex:1;min-width:0}.harmony-preview.tetradic.svelte-1cgludh{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-2);width:200px;max-width:50%}.stage-preview.harmony-color-preview.svelte-1cgludh{flex:1;min-width:0}.harmony-preview.tetradic.svelte-1cgludh .stage-preview.harmony-color-preview:where(.svelte-1cgludh){width:100%;height:73px}.stage-preview.svelte-1cgludh:hover{transform:scale(1.02)}.color-value.svelte-1cgludh{background:#000000b3;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2)}.copy-feedback.svelte-1cgludh{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--color-success);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;animation:svelte-1cgludh-fadeInOut 2s ease-out;pointer-events:none;z-index:10}@keyframes svelte-1cgludh-fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.stage-content.svelte-1cgludh{width:100%;max-width:100%;box-sizing:border-box}.stage-controls.svelte-1cgludh{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%;box-sizing:border-box}.palette-area.svelte-1cgludh{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible}@media (max-width: 768px){.palette-area.svelte-1cgludh{padding:var(--space-3);overflow:hidden}}.palette-header.svelte-1cgludh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.editable-title-button.svelte-1cgludh{cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);transition:all var(--transition-base);background:transparent;border:none;color:var(--color-text-primary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:left}.editable-title-button.svelte-1cgludh:hover{background:var(--color-background-alt)}.editable-title-button.svelte-1cgludh:focus{outline:2px solid var(--color-accent);outline-offset:2px}.edit-icon.svelte-1cgludh{opacity:.4;font-size:var(--text-sm);transition:opacity var(--transition-base)}.editable-title-button.svelte-1cgludh:hover .edit-icon:where(.svelte-1cgludh){opacity:.8}.palette-name-input.svelte-1cgludh{background:var(--color-background);border:2px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);outline:none;font-family:inherit;color:var(--color-text-primary);width:100%;max-width:400px}.palette-name-input.error.svelte-1cgludh{border-color:var(--color-error, #ef4444)}.palette-name-input.svelte-1cgludh:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #8e7aff1a}.palette-name-input.error.svelte-1cgludh:focus{border-color:var(--color-error, #ef4444);box-shadow:0 0 0 3px #ef44441a}.header-meta.svelte-1cgludh{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.color-count.svelte-1cgludh{font-size:var(--text-sm);color:var(--color-text-secondary)}.active-color-indicator.svelte-1cgludh{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:var(--text-sm)}.indicator-label.svelte-1cgludh{color:var(--color-text-secondary)}.indicator-color.svelte-1cgludh{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--color-border)}.indicator-hex.svelte-1cgludh{font-family:var(--font-mono);color:var(--color-text-primary)}.palette-grid.svelte-1cgludh{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);margin-bottom:var(--space-6);position:relative;width:100%;max-width:100%}.palette-slot.svelte-1cgludh{aspect-ratio:1;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;width:100%;max-width:100%}.palette-slot[draggable=true].svelte-1cgludh{cursor:move;cursor:grab}.palette-slot[draggable=true].svelte-1cgludh:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.palette-slot[draggable=true].svelte-1cgludh:active{cursor:grabbing;transform:scale(.98);opacity:.9}.palette-slot.mousedown.svelte-1cgludh{transform:scale(.96);box-shadow:0 1px 4px #0003;transition:all .1s ease-out}.palette-slot.dragging.svelte-1cgludh{opacity:.4;transform:scale(.9);z-index:1000;filter:blur(1px)}.palette-slot.drag-over.svelte-1cgludh{transform:scale(1.1);z-index:999}.palette-slot.drag-over.svelte-1cgludh .slot-button:where(.svelte-1cgludh){border-color:var(--color-accent);border-width:3px;box-shadow:0 0 0 3px var(--color-accent-light),0 4px 12px #0000001a;animation:svelte-1cgludh-pulse .8s ease-in-out infinite}@keyframes svelte-1cgludh-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.palette-grid.svelte-1cgludh:has(.dragging:where(.svelte-1cgludh)) .palette-slot:where(.svelte-1cgludh):not(.dragging){transition:all .3s cubic-bezier(.4,0,.2,1)}.slot-button.svelte-1cgludh{width:100%;height:100%;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-alt);cursor:inherit;transition:all var(--transition-base);position:relative;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.palette-slot.svelte-1cgludh:hover .slot-button:where(.svelte-1cgludh):not(.locked){transform:scale(1.05);border-color:var(--color-accent)}.palette-slot.empty.svelte-1cgludh .slot-button:where(.svelte-1cgludh){border-style:dashed}.palette-slot.empty.svelte-1cgludh{cursor:pointer}.palette-slot.locked.svelte-1cgludh{cursor:not-allowed;opacity:.8}.remove-button.svelte-1cgludh{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ffffffe6;border:1px solid rgba(0,0,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.palette-slot.svelte-1cgludh:hover .remove-button:where(.svelte-1cgludh){opacity:1}.remove-button.svelte-1cgludh:hover{background:#fff;transform:scale(1.1)}.remove-button.svelte-1cgludh svg:where(.svelte-1cgludh){width:14px;height:14px;stroke:#666}.empty-indicator.svelte-1cgludh{color:var(--color-text-tertiary);font-size:var(--text-2xl);font-weight:300}.palette-actions.svelte-1cgludh{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;max-width:100%;box-sizing:border-box}.palette-actions.svelte-1cgludh .button:where(.svelte-1cgludh){flex:1 1 auto;min-width:fit-content}.button-primary.copied.svelte-1cgludh{background:var(--color-success);border-color:var(--color-success);color:var(--color-background)}.button-primary.copied.svelte-1cgludh:hover{background:var(--color-success);border-color:var(--color-success)}.generator-section.svelte-1cgludh{padding:var(--space-8) 0;background:var(--color-background-alt);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow:hidden}.generator-section.svelte-1cgludh h2:where(.svelte-1cgludh){margin-bottom:var(--space-2)}.generator-subtitle.svelte-1cgludh{color:var(--color-text-secondary);font-size:var(--text-base);text-align:center;margin-bottom:var(--space-6)}.generator-loading.svelte-1cgludh,.generator-error.svelte-1cgludh{padding:var(--space-8);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background-alt)}.loading-spinner.svelte-1cgludh{width:40px;height:40px;margin:0 auto var(--space-4);border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:svelte-1cgludh-spin 1s linear infinite}@keyframes svelte-1cgludh-spin{to{transform:rotate(360deg)}}.generator-error.svelte-1cgludh p:where(.svelte-1cgludh){margin-bottom:var(--space-4);color:var(--color-error)}.ad-placement.svelte-1cgludh{margin-top:var(--space-6);display:flex;justify-content:center;align-items:center;min-height:90px}.generator-ad.svelte-1cgludh{margin-top:var(--space-6);margin-bottom:var(--space-4)}@media (max-width: 768px){.generator-ad.svelte-1cgludh,.ad-placement.svelte-1cgludh{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (hover: none) and (pointer: coarse){.palette-slot[draggable=true].svelte-1cgludh{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.palette-slot.dragging.svelte-1cgludh{opacity:.8;transform:scale(1.1);z-index:1000;position:relative}}.palette-slot[draggable=true].svelte-1cgludh:active{animation:svelte-1cgludh-longPressIndicator .5s ease-out}@keyframes svelte-1cgludh-longPressIndicator{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.sr-only.svelte-1cgludh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.palette-slot.selected.svelte-1cgludh{outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px #4040401a}@media (max-width: 1200px){.studio-layout.svelte-1cgludh{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width: 768px){.studio-layout.svelte-1cgludh{grid-template-columns:1fr}.palette-area.svelte-1cgludh{order:2}.stage-area.svelte-1cgludh{order:1}.palette-grid.svelte-1cgludh{grid-template-columns:repeat(5,1fr);gap:var(--space-1)}.palette-slot.svelte-1cgludh{min-height:55px}.color-preview-section.svelte-1cgludh{flex-direction:column}.stage-preview.main-color.svelte-1cgludh{height:150px}.harmony-preview.svelte-1cgludh{flex-direction:row;width:100%}.harmony-preview.tetradic.svelte-1cgludh{width:100%;max-width:100%}.palette-actions.svelte-1cgludh .button:where(.svelte-1cgludh){flex:1 1 calc(50% - var(--space-1));min-width:120px;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){.palette-grid.svelte-1cgludh{grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.palette-slot.svelte-1cgludh{min-height:50px}.stage-preview.main-color.svelte-1cgludh{height:120px}.harmony-preview.tetradic.svelte-1cgludh{width:140px}.harmony-preview.tetradic.svelte-1cgludh .stage-preview.harmony-color-preview:where(.svelte-1cgludh){height:55px}.palette-actions.svelte-1cgludh .button:where(.svelte-1cgludh){flex:1 1 100%;min-width:100%}}