.DropZone-module-scss-module__MmwqeW__dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);width:100%;min-height:0;max-height:300px;transition:border-color var(--duration-base) var(--ease-smooth),background-color var(--duration-base) var(--ease-smooth),transform var(--duration-base) var(--ease-bounce);flex:1;position:relative;overflow:hidden}.DropZone-module-scss-module__MmwqeW__dropzone:hover{border-color:var(--accent-warm);background-color:var(--bg-surface)}.DropZone-module-scss-module__MmwqeW__dropzone.DropZone-module-scss-module__MmwqeW__dragging{border-color:var(--accent-warm);background-color:var(--bg-surface);transform:scale(1.01)}.DropZone-module-scss-module__MmwqeW__dropzone.DropZone-module-scss-module__MmwqeW__hasPreview{cursor:default;border-style:solid;border-color:var(--border-subtle)}.DropZone-module-scss-module__MmwqeW__uploadLabel{justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-muted);transition:color var(--duration-base) var(--ease-smooth);flex-direction:column;display:flex;position:absolute;inset:0}.DropZone-module-scss-module__MmwqeW__uploadLabel:hover{color:var(--accent-warm)}.DropZone-module-scss-module__MmwqeW__inputHidden{display:none}.DropZone-module-scss-module__MmwqeW__promptText{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.DropZone-module-scss-module__MmwqeW__promptSub{font-size:var(--font-size-sm);color:var(--text-muted)}.DropZone-module-scss-module__MmwqeW__previewWrapper{position:absolute;inset:0}.DropZone-module-scss-module__MmwqeW__previewImage{object-fit:cover;width:100%;height:100%}.DropZone-module-scss-module__MmwqeW__resetBtn{top:var(--space-3);right:var(--space-3);color:#fff;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;transition:background var(--duration-fast) var(--ease-smooth);cursor:pointer;background:#00000080;font-weight:500;position:absolute}.DropZone-module-scss-module__MmwqeW__resetBtn:hover{background:#000000b3}.DropZone-module-scss-module__MmwqeW__regenerateBtn{bottom:var(--space-3);right:var(--space-3);color:#fff;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;transition:background var(--duration-fast) var(--ease-smooth);cursor:pointer;background:#00000080;font-weight:500;position:absolute}.DropZone-module-scss-module__MmwqeW__regenerateBtn:hover{background:#000000b3}
.Swatch-module-scss-module__UWlzQG__swatch{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:grab;-webkit-user-select:none;user-select:none;animation:Swatch-module-scss-module__UWlzQG__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth);touch-action:none;flex-direction:column;flex:1;display:flex;position:relative}.Swatch-module-scss-module__UWlzQG__swatch:active{cursor:grabbing}.Swatch-module-scss-module__UWlzQG__swatch.Swatch-module-scss-module__UWlzQG__copied{transform:translateY(-4px)scale(1.05)}.Swatch-module-scss-module__UWlzQG__swatch.Swatch-module-scss-module__UWlzQG__locked{border-color:var(--accent-warm);cursor:default;border-width:2px}.Swatch-module-scss-module__UWlzQG__swatch.Swatch-module-scss-module__UWlzQG__dragging{opacity:.35;border-style:dashed}.Swatch-module-scss-module__UWlzQG__swatch.Swatch-module-scss-module__UWlzQG__overlay{box-shadow:var(--shadow-lg);cursor:grabbing;opacity:1;transform:scale(1.05)rotate(1.5deg)}.Swatch-module-scss-module__UWlzQG__swatch:hover .Swatch-module-scss-module__UWlzQG__handle,.Swatch-module-scss-module__UWlzQG__swatch:hover .Swatch-module-scss-module__UWlzQG__lockBtn{opacity:1}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__swatch{scroll-snap-align:start;flex:0 0 100px}}.Swatch-module-scss-module__UWlzQG__handle{bottom:0%;right:var(--space-2);color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth);cursor:grab;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.Swatch-module-scss-module__UWlzQG__handle:active{cursor:grabbing}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__handle{display:none}}.Swatch-module-scss-module__UWlzQG__colorBtn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;width:100%;padding:0}.Swatch-module-scss-module__UWlzQG__colorBtn:hover .Swatch-module-scss-module__UWlzQG__color{opacity:.88}.Swatch-module-scss-module__UWlzQG__color{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--swatch-color);width:100%;transition:opacity var(--duration-fast) var(--ease-smooth);display:block}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__color{aspect-ratio:unset;height:72px}}.Swatch-module-scss-module__UWlzQG__hex{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-family:Mono,monospace;font-weight:500}.Swatch-module-scss-module__UWlzQG__name{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.02em;text-align:center;min-height:1em;font-weight:400}.Swatch-module-scss-module__UWlzQG__lockBtn{top:var(--space-2);right:var(--space-2);color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:2px;display:flex;position:absolute}.Swatch-module-scss-module__UWlzQG__lockBtn:hover{color:var(--text-primary)}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__lockBtn{opacity:1}}.Swatch-module-scss-module__UWlzQG__lockActive{color:var(--accent-warm);opacity:1!important}.Swatch-module-scss-module__UWlzQG__lockActive:hover{color:var(--accent-warm-hover)}.Swatch-module-scss-module__UWlzQG__skeleton{border-radius:var(--radius-md);aspect-ratio:1;background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);border:1px solid var(--border-subtle);animation:Swatch-module-scss-module__UWlzQG__shimmer 1.4s ease-in-out infinite,Swatch-module-scss-module__UWlzQG__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;background-size:200% 100%;flex:1;overflow:hidden}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__skeleton{aspect-ratio:unset;scroll-snap-align:start;flex:0 0 100px;height:120px}}.Swatch-module-scss-module__UWlzQG__loading{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);animation:Swatch-module-scss-module__UWlzQG__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;flex-direction:column;flex:1;display:flex}@media (max-width:640px){.Swatch-module-scss-module__UWlzQG__loading{scroll-snap-align:start;flex:0 0 100px}}.Swatch-module-scss-module__UWlzQG__hexSkeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);background-size:200% 100%;width:70%;height:10px;animation:1.4s ease-in-out infinite Swatch-module-scss-module__UWlzQG__shimmer}.Swatch-module-scss-module__UWlzQG__nameSkeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);background-size:200% 100%;width:85%;height:10px;animation:1.4s ease-in-out .2s infinite Swatch-module-scss-module__UWlzQG__shimmer}@keyframes Swatch-module-scss-module__UWlzQG__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes Swatch-module-scss-module__UWlzQG__swatchIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.SwatchGrid-module-scss-module__Z2PBza__grid{gap:var(--space-3);flex-shrink:0;width:100%;display:flex}@media (max-width:640px){.SwatchGrid-module-scss-module__Z2PBza__grid{gap:var(--space-2);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.SwatchGrid-module-scss-module__Z2PBza__grid::-webkit-scrollbar{display:none}}
.ExportBar-module-scss-module__fQapua__bar{bottom:var(--space-8);transform:translateX(-50%) translateY(calc(100% + var(--space-8)));z-index:100;transition:transform var(--duration-slow) var(--ease-bounce);pointer-events:none;position:fixed;left:50%}@media (max-width:640px){.ExportBar-module-scss-module__fQapua__bar{bottom:var(--space-4);width:calc(100% - var(--space-8))}}.ExportBar-module-scss-module__fQapua__visible{pointer-events:all;transform:translate(-50%)translateY(0)}.ExportBar-module-scss-module__fQapua__inner{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);white-space:nowrap;display:flex}@media (max-width:640px){.ExportBar-module-scss-module__fQapua__inner{border-radius:var(--radius-lg);gap:var(--space-3)}}.ExportBar-module-scss-module__fQapua__preview{align-items:center;gap:5px;display:flex}.ExportBar-module-scss-module__fQapua__dot{background-color:var(--dot-color);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;display:block}.ExportBar-module-scss-module__fQapua__divider{background:var(--border-default);flex-shrink:0;width:1px;height:16px}.ExportBar-module-scss-module__fQapua__label{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.ExportBar-module-scss-module__fQapua__copyBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg-base);font-size:var(--font-size-xs);letter-spacing:.04em;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-bounce);font-weight:500;display:flex}.ExportBar-module-scss-module__fQapua__copyBtn:hover{opacity:.85}.ExportBar-module-scss-module__fQapua__copyBtn:active{transform:scale(.97)}.ExportBar-module-scss-module__fQapua__copied{background:var(--accent-sage)}.ExportBar-module-scss-module__fQapua__copied:hover{opacity:1}.ExportBar-module-scss-module__fQapua__saveBtn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--font-size-xs);letter-spacing:.04em;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-bounce);font-weight:500;display:flex}.ExportBar-module-scss-module__fQapua__saveBtn:hover{opacity:.85}.ExportBar-module-scss-module__fQapua__saveBtn:active{transform:scale(.97)}.ExportBar-module-scss-module__fQapua__saveBtn:disabled{cursor:not-allowed;opacity:.6}.ExportBar-module-scss-module__fQapua__saved{background:var(--accent-sage);border-color:var(--accent-sage);color:#fff}.ExportBar-module-scss-module__fQapua__saved:hover{opacity:1}@keyframes ExportBar-module-scss-module__fQapua__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ExportBar-module-scss-module__fQapua__spin{animation:.8s linear infinite ExportBar-module-scss-module__fQapua__spin}
.Hero-module-scss-module__V2iTqa__hero{width:100%;height:calc(100dvh - 65px);padding:var(--space-8);justify-content:center;align-items:center;padding-bottom:15dvh;display:flex;overflow:hidden}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__hero{padding:var(--space-4);padding-top:var(--space-8);align-items:flex-start}}.Hero-module-scss-module__V2iTqa__inner{justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;width:100%;max-width:640px;height:100%;display:flex}.Hero-module-scss-module__V2iTqa__heading{text-align:center;gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.Hero-module-scss-module__V2iTqa__heading h1{font-size:var(--font-size-4xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:600;line-height:1.15}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__heading h1{font-size:var(--font-size-3xl)}}.Hero-module-scss-module__V2iTqa__heading p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__heading p{font-size:var(--font-size-base)}}.Hero-module-scss-module__V2iTqa__dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;width:100%;min-height:0;max-height:300px;transition:border-color var(--duration-base) var(--ease-smooth),background-color var(--duration-base) var(--ease-smooth),transform var(--duration-base) var(--ease-bounce);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.Hero-module-scss-module__V2iTqa__dropzone:hover{border-color:var(--accent-warm);background-color:var(--bg-surface)}.Hero-module-scss-module__V2iTqa__dropzone.Hero-module-scss-module__V2iTqa__dragging{border-color:var(--accent-warm);background-color:var(--bg-surface);transform:scale(1.01)}.Hero-module-scss-module__V2iTqa__dropzone.Hero-module-scss-module__V2iTqa__hasPreview{cursor:default;border-style:solid;border-color:var(--border-subtle)}.Hero-module-scss-module__V2iTqa__input{display:none}.Hero-module-scss-module__V2iTqa__prompt{align-items:center;gap:var(--space-3);color:var(--text-muted);pointer-events:none;transition:color var(--duration-base) var(--ease-smooth);flex-direction:column;display:flex}.Hero-module-scss-module__V2iTqa__dropzone:hover .Hero-module-scss-module__V2iTqa__prompt,.Hero-module-scss-module__V2iTqa__dragging .Hero-module-scss-module__V2iTqa__prompt{color:var(--accent-warm)}.Hero-module-scss-module__V2iTqa__promptText{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500}.Hero-module-scss-module__V2iTqa__promptSub{font-size:var(--font-size-sm);color:var(--text-muted)}.Hero-module-scss-module__V2iTqa__previewWrapper{position:absolute;inset:0}.Hero-module-scss-module__V2iTqa__previewImage{object-fit:cover;width:100%;height:100%}.Hero-module-scss-module__V2iTqa__resetBtn{top:var(--space-3);right:var(--space-3);color:#fff;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;transition:background var(--duration-fast) var(--ease-smooth);cursor:pointer;background:#00000080;font-weight:500;position:absolute}.Hero-module-scss-module__V2iTqa__resetBtn:hover{background:#000000b3}.Hero-module-scss-module__V2iTqa__regenerateBtn{bottom:var(--space-3);right:var(--space-3);color:#fff;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;transition:background var(--duration-fast) var(--ease-smooth);cursor:pointer;background:#00000080;font-weight:500;position:absolute}.Hero-module-scss-module__V2iTqa__regenerateBtn:hover{background:#000000b3}.Hero-module-scss-module__V2iTqa__palette{gap:var(--space-3);flex-shrink:0;width:100%;display:flex}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__palette{gap:var(--space-2);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.Hero-module-scss-module__V2iTqa__palette::-webkit-scrollbar{display:none}}.Hero-module-scss-module__V2iTqa__swatch{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;animation:Hero-module-scss-module__V2iTqa__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-smooth);flex-direction:column;flex:1;display:flex}.Hero-module-scss-module__V2iTqa__swatch:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.Hero-module-scss-module__V2iTqa__swatch.Hero-module-scss-module__V2iTqa__copied{transform:translateY(-4px)scale(1.05)}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__swatch{scroll-snap-align:start;flex:0 0 100px}}.Hero-module-scss-module__V2iTqa__swatchColor{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--swatch-color);width:100%;display:block}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__swatchColor{aspect-ratio:unset;height:72px}}.Hero-module-scss-module__V2iTqa__swatchHex{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.Hero-module-scss-module__V2iTqa__swatchName{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.02em;min-height:1em;font-style:italic;font-weight:400}.Hero-module-scss-module__V2iTqa__swatchSkeleton{border-radius:var(--radius-md);aspect-ratio:1;background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);border:1px solid var(--border-subtle);animation:Hero-module-scss-module__V2iTqa__shimmer 1.4s ease-in-out infinite,Hero-module-scss-module__V2iTqa__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;background-size:200% 100%;flex:1;overflow:hidden}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__swatchSkeleton{aspect-ratio:unset;scroll-snap-align:start;flex:0 0 100px;height:120px}}.Hero-module-scss-module__V2iTqa__swatchLoading{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);animation:Hero-module-scss-module__V2iTqa__swatchIn var(--duration-slow) var(--ease-bounce) var(--delay) both;flex-direction:column;flex:1;display:flex}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__swatchLoading{scroll-snap-align:start;flex:0 0 100px}}.Hero-module-scss-module__V2iTqa__swatchHexSkeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);background-size:200% 100%;width:70%;height:10px;animation:1.4s ease-in-out infinite Hero-module-scss-module__V2iTqa__shimmer}.Hero-module-scss-module__V2iTqa__swatchNameSkeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);background-size:200% 100%;width:85%;height:10px;animation:1.4s ease-in-out .2s infinite Hero-module-scss-module__V2iTqa__shimmer}.Hero-module-scss-module__V2iTqa__hint{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}@media (max-width:640px){.Hero-module-scss-module__V2iTqa__hint{display:none}}.Hero-module-scss-module__V2iTqa__kbd{padding:1px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);font-style:normal;display:inline-block}.Hero-module-scss-module__V2iTqa__toast{bottom:var(--space-8);background:var(--text-primary);color:var(--bg-base);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);animation:Hero-module-scss-module__V2iTqa__toastIn var(--duration-base) var(--ease-bounce) both;pointer-events:none;z-index:200;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}@keyframes Hero-module-scss-module__V2iTqa__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes Hero-module-scss-module__V2iTqa__swatchIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes Hero-module-scss-module__V2iTqa__toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes Hero-module-scss-module__V2iTqa__toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}