.upload-container.svelte-1o27rq0{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-12);background-color:var(--color-background-alt);transition:all var(--transition-base);cursor:pointer}.upload-container.svelte-1o27rq0:hover,.upload-container.dragging.svelte-1o27rq0{border-color:var(--color-accent);background-color:var(--color-background);box-shadow:var(--shadow-md)}.upload-container.processing.svelte-1o27rq0{cursor:default;pointer-events:none}.file-input.svelte-1o27rq0{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.upload-content.svelte-1o27rq0{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.upload-icon.svelte-1o27rq0{color:var(--color-accent);opacity:.8}.upload-text.svelte-1o27rq0{font-size:var(--text-lg);color:var(--color-text-primary)}.browse-button.svelte-1o27rq0{display:inline;background:none;border:none;color:var(--color-accent);font-weight:500;cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit;padding:0}.browse-button.svelte-1o27rq0:hover{color:var(--color-accent-hover)}.browse-button.svelte-1o27rq0:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.upload-hint.svelte-1o27rq0{font-size:var(--text-sm);color:var(--color-text-tertiary)}.processing-indicator.svelte-1o27rq0{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner.svelte-1o27rq0{animation:svelte-1o27rq0-spin 1s linear infinite;color:var(--color-accent)}.processing-text.svelte-1o27rq0{font-size:var(--text-base);color:var(--color-text-secondary)}@keyframes svelte-1o27rq0-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.upload-container.svelte-1o27rq0{padding:var(--space-12) var(--space-8)}.upload-text.svelte-1o27rq0{font-size:var(--text-base)}}.palette-loading.svelte-1qcw0xm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) 0}.loading-spinner.svelte-1qcw0xm{animation:svelte-1qcw0xm-spin 1s linear infinite;color:var(--color-accent)}.loading-text.svelte-1qcw0xm{margin-top:var(--space-4);color:var(--color-text-secondary)}@keyframes svelte-1qcw0xm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.palette-container.svelte-1qcw0xm{width:100%}.palette-header.svelte-1qcw0xm{text-align:center;margin-bottom:var(--space-8)}.palette-title.svelte-1qcw0xm{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.palette-subtitle.svelte-1qcw0xm{color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.extraction-method.svelte-1qcw0xm{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.extraction-method.svelte-1qcw0xm svg{stroke:currentColor}.colors-grid.svelte-1qcw0xm{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-12)}.export-section.svelte-1qcw0xm{background-color:var(--color-background-alt);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.section-header.svelte-1qcw0xm{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.export-title.svelte-1qcw0xm{font-size:var(--text-lg);font-weight:600;margin:0}.action-buttons.svelte-1qcw0xm{display:flex;gap:var(--space-2)}.action-button.svelte-1qcw0xm{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-background);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.action-button.svelte-1qcw0xm:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.action-button.success.svelte-1qcw0xm,.action-button.success.svelte-1qcw0xm:hover{background:var(--color-success)}.action-icon.svelte-1qcw0xm{display:flex;align-items:center}.action-label.svelte-1qcw0xm{font-weight:500}.studio-cta.svelte-1qcw0xm{margin:var(--space-8) 0;text-align:center}.studio-button.svelte-1qcw0xm{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);color:var(--color-background);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-xl);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #8e7aff4d,0 1px 3px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.studio-button.svelte-1qcw0xm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.studio-button.svelte-1qcw0xm:hover:before{left:100%}.studio-button.svelte-1qcw0xm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8e7aff66,0 2px 4px #0000001a,inset 0 1px #ffffff4d}.studio-button.svelte-1qcw0xm:active{transform:translateY(0);box-shadow:0 2px 10px #8e7aff4d,0 1px 2px #0000001a,inset 0 1px #fff3}.studio-button-text.svelte-1qcw0xm{position:relative;z-index:1;display:flex;align-items:center;gap:6px}.studio-button-arrow.svelte-1qcw0xm{font-size:var(--text-xl);transition:transform .3s ease}.studio-button.svelte-1qcw0xm:hover .studio-button-arrow:where(.svelte-1qcw0xm){transform:translate(4px)}.studio-description.svelte-1qcw0xm{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}@media (max-width: 768px){.colors-grid.svelte-1qcw0xm{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.studio-button.svelte-1qcw0xm{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}}.sticky-mobile-ad.svelte-13mbr3p{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background-color:var(--color-background);border-top:1px solid var(--color-border);padding:var(--space-2);display:flex;justify-content:center;align-items:center;box-shadow:0 -2px 10px #0000001a;animation:svelte-13mbr3p-slideUp .3s ease-out}.close-button.svelte-13mbr3p{position:absolute;top:var(--space-1);right:var(--space-1);background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:1}.close-button.svelte-13mbr3p:hover{background:#000000b3}.sticky-ad-content{max-width:320px;width:100%}@keyframes svelte-13mbr3p-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 769px){.sticky-mobile-ad.svelte-13mbr3p{display:none}}@media (prefers-color-scheme: dark){.sticky-mobile-ad.svelte-13mbr3p{box-shadow:0 -2px 10px #0000004d}}.extraction-settings.svelte-4ml7c{width:100%;max-width:420px;margin:0 auto var(--space-3) auto}.settings-details.svelte-4ml7c{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.settings-summary.svelte-4ml7c{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background:var(--color-background-alt);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.settings-summary.svelte-4ml7c::-webkit-details-marker{display:none}.settings-summary.svelte-4ml7c:hover{background:var(--color-background)}.settings-info.svelte-4ml7c{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400}.settings-content.svelte-4ml7c{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.setting-row.svelte-4ml7c{display:flex;align-items:center;gap:var(--space-3)}.settings-row-group.svelte-4ml7c{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.setting-compact.svelte-4ml7c{display:flex;flex-direction:column;gap:var(--space-2)}.setting-label-compact.svelte-4ml7c{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.setting-label.svelte-4ml7c{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;min-width:80px}.setting-label.svelte-4ml7c strong:where(.svelte-4ml7c){color:var(--color-accent);font-variant-numeric:tabular-nums}.slider.svelte-4ml7c{flex:1;height:4px;border-radius:2px;background:var(--color-border);outline:none;appearance:none;-webkit-appearance:none}.slider.svelte-4ml7c::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;transition:all .2s ease}.slider.svelte-4ml7c::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px #667eea1a}.slider.svelte-4ml7c::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;transition:all .2s ease}.button-group-compact.svelte-4ml7c{display:flex;gap:var(--space-1)}.option-button.svelte-4ml7c{flex: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 .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.option-button.svelte-4ml7c:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.option-button.active.svelte-4ml7c{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.option-text.svelte-4ml7c{font-weight:500}.diversity-note.svelte-4ml7c{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0;text-align:center;font-style:italic}.advanced-toggle.svelte-4ml7c{width:100%;margin-top:var(--space-2);padding:var(--space-2);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease;text-align:center}.advanced-toggle.svelte-4ml7c:hover{color:var(--color-accent)}.advanced-settings.svelte-4ml7c{padding:var(--space-3);border-top:1px solid var(--color-border);display:grid;gap:var(--space-3)}.select-input.svelte-4ml7c{padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color .2s ease}.select-input.svelte-4ml7c:hover{border-color:var(--color-accent)}.select-input.svelte-4ml7c:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.settings-row-group.svelte-4ml7c{grid-template-columns:1fr}.option-button.svelte-4ml7c{padding:var(--space-2) var(--space-1)}.option-text.svelte-4ml7c{font-size:10px}}.hero.svelte-1n46o8q{padding:var(--space-16) 0}.hero-content.svelte-1n46o8q{max-width:800px;margin:0 auto;text-align:center}.hero-title.svelte-1n46o8q{margin-bottom:var(--space-6);color:var(--color-text-primary)}.hero-description.svelte-1n46o8q{color:var(--color-text-secondary);margin-bottom:var(--space-12)}.image-preview.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.preview-image-container.svelte-1n46o8q{position:relative;width:100%;max-width:600px;background-color:var(--color-background-alt);border-radius:var(--radius-lg);overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.preview-image.svelte-1n46o8q{max-width:100%;max-height:400px;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);will-change:transform;contain:layout style paint}.reset-button.svelte-1n46o8q{margin-top:0}.button-group.svelte-1n46o8q{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.view-palette-button.svelte-1n46o8q{margin-top:0}.sr-only.svelte-1n46o8q{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-message.svelte-1n46o8q{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#e254541a;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.error-display.svelte-1n46o8q{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:#e254541a;color:var(--color-error);border-radius:var(--radius-md);border:1px solid rgba(226,84,84,.2);margin-bottom:var(--space-4)}.error-content.svelte-1n46o8q{display:flex;align-items:flex-start;gap:var(--space-3)}.error-text.svelte-1n46o8q{flex:1}.error-title.svelte-1n46o8q{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-1) 0;color:var(--color-error)}.error-message-text.svelte-1n46o8q{font-size:var(--text-sm);margin:0;color:var(--color-error)}.error-action-button.svelte-1n46o8q{align-self:flex-start;margin-top:0}.info-message.svelte-1n46o8q{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-accent-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.features-grid.svelte-1n46o8q{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.feature.svelte-1n46o8q{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.palette-section.svelte-1n46o8q{padding:var(--space-8) 0}.ad-section.svelte-1n46o8q{padding:var(--space-8) 0 var(--space-12) 0;min-height:90px}@media (max-width: 767px){.ad-section.svelte-1n46o8q:not(.mobile-only){display:none}}.pulse-animation.svelte-1n46o8q{animation:svelte-1n46o8q-pulse 2s ease-in-out infinite}@keyframes svelte-1n46o8q-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.hero.svelte-1n46o8q{padding:var(--space-8) 0}.hero-title.svelte-1n46o8q{font-size:var(--text-3xl)}.preview-image.svelte-1n46o8q{max-height:300px}.features-grid.svelte-1n46o8q{gap:var(--space-4)}}