.imageColor-module__Dyo7fW__workspace{grid-template-columns:minmax(17rem,.78fr) minmax(0,1.6fr);align-items:start;gap:1rem;display:grid}.imageColor-module__Dyo7fW__controls,.imageColor-module__Dyo7fW__results{border:1px solid var(--home-line);background:var(--home-surface);border-radius:1rem;min-width:0;padding:1.4rem}.imageColor-module__Dyo7fW__eyebrow{color:var(--home-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:720}.imageColor-module__Dyo7fW__controls h2,.imageColor-module__Dyo7fW__resultHeading h2{letter-spacing:-.035em;margin:.45rem 0 0;font-size:1.18rem;font-weight:770}.imageColor-module__Dyo7fW__controls>p,.imageColor-module__Dyo7fW__resultHeading p,.imageColor-module__Dyo7fW__canvasHint,.imageColor-module__Dyo7fW__emptyPalette{color:var(--home-muted);font-size:.78rem;line-height:1.6}.imageColor-module__Dyo7fW__controls>p{margin:.75rem 0 1.2rem}.imageColor-module__Dyo7fW__dropZone{border:1.5px dashed var(--home-line-strong);background:var(--home-surface-soft);text-align:center;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:16rem;padding:1.2rem;transition:border-color .16s,background-color .16s;display:flex}.imageColor-module__Dyo7fW__dropZone[data-active=true]{border-color:var(--home-accent);background:var(--home-accent-soft)}.imageColor-module__Dyo7fW__dropIcon{border:1px solid var(--home-line);background:var(--home-surface);width:3.1rem;height:3.1rem;color:var(--home-accent);border-radius:.75rem;place-items:center;font-size:1.8rem;line-height:1;display:grid}.imageColor-module__Dyo7fW__dropZone strong{font-size:.9rem;font-weight:760}.imageColor-module__Dyo7fW__dropZone>span:not(.imageColor-module__Dyo7fW__dropIcon){color:var(--home-muted);font-size:.73rem}.imageColor-module__Dyo7fW__uploadButton{border:1px solid var(--home-accent);background:var(--home-accent);min-height:2.55rem;color:var(--home-on-accent);cursor:pointer;border-radius:.6rem;place-items:center;padding:.65rem 1.25rem;font-size:.8rem;font-weight:750;display:inline-grid}.imageColor-module__Dyo7fW__uploadButton:hover{background:var(--home-accent-hover);border-color:var(--home-accent-hover)}.imageColor-module__Dyo7fW__fileInput{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.imageColor-module__Dyo7fW__dropZone:focus-within{outline:3px solid color-mix(in srgb,var(--home-accent)55%,transparent);outline-offset:3px}.imageColor-module__Dyo7fW__controls>.imageColor-module__Dyo7fW__fileNote{margin:.7rem 0 0;font-size:.7rem}.imageColor-module__Dyo7fW__privacyNote{border-top:1px solid var(--home-line);color:var(--home-muted);align-items:flex-start;gap:.65rem;margin:1.2rem 0 0;padding-top:1rem;font-size:.73rem;line-height:1.55;display:flex}.imageColor-module__Dyo7fW__privacyNote svg{color:var(--home-accent);flex:none;margin-top:.1rem}.imageColor-module__Dyo7fW__privacyNote span{gap:.18rem;display:grid}.imageColor-module__Dyo7fW__privacyNote strong{color:var(--home-ink);text-transform:capitalize;font-size:.75rem}.imageColor-module__Dyo7fW__controls>.imageColor-module__Dyo7fW__status,.imageColor-module__Dyo7fW__controls>.imageColor-module__Dyo7fW__error{margin:1rem 0 0;font-size:.75rem;font-weight:700}.imageColor-module__Dyo7fW__controls>.imageColor-module__Dyo7fW__status{color:var(--home-accent)}.imageColor-module__Dyo7fW__controls>.imageColor-module__Dyo7fW__error{color:#c93c3c}.imageColor-module__Dyo7fW__resultHeading{justify-content:space-between;align-items:start;gap:1rem;min-height:3.5rem;display:flex}.imageColor-module__Dyo7fW__resultHeading>div{min-width:0}.imageColor-module__Dyo7fW__resultHeading h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imageColor-module__Dyo7fW__resultHeading p{margin:.15rem 0 0;font-size:.7rem}.imageColor-module__Dyo7fW__clearButton{border:1px solid var(--home-line);background:var(--home-surface);min-height:2rem;color:var(--home-muted);font:700 .69rem var(--inter-font),Inter,Arial,sans-serif;cursor:pointer;border-radius:.45rem;flex:none;padding:.3rem .6rem}.imageColor-module__Dyo7fW__clearButton:hover{border-color:var(--home-accent);color:var(--home-accent)}.imageColor-module__Dyo7fW__imageStage{border:1px solid var(--home-line);background:linear-gradient(45deg,var(--home-line)25%,transparent 25%)0 0/1rem 1rem,linear-gradient(-45deg,var(--home-line)25%,transparent 25%)0 0/1rem 1rem,linear-gradient(45deg,transparent 75%,var(--home-line)75%)0 0/1rem 1rem,linear-gradient(-45deg,transparent 75%,var(--home-line)75%)0 0/1rem 1rem,var(--home-surface-soft);border-radius:.8rem;justify-content:center;align-items:center;min-height:21rem;margin-top:1rem;padding:1rem;display:flex;overflow:hidden}.imageColor-module__Dyo7fW__imageStage[data-empty=true]{background:var(--home-surface-soft)}.imageColor-module__Dyo7fW__previewCanvas{width:auto;max-width:100%;height:auto;max-height:26rem;box-shadow:0 .8rem 2rem color-mix(in srgb,var(--home-ink)16%,transparent);cursor:crosshair;touch-action:manipulation;border-radius:.3rem;display:block}.imageColor-module__Dyo7fW__previewCanvas[data-visible=false]{display:none}.imageColor-module__Dyo7fW__previewCanvas:focus-visible{outline:3px solid var(--home-accent);outline-offset:4px}.imageColor-module__Dyo7fW__emptyPreview{aspect-ratio:4/3;border:.5rem solid var(--home-surface);width:min(70%,15rem);box-shadow:0 .75rem 1.5rem color-mix(in srgb,var(--home-ink)8%,transparent);background:linear-gradient(145deg,#9bc7e3,#f4d39a);border-radius:.75rem;position:relative;overflow:hidden;transform:rotate(-3deg)}.imageColor-module__Dyo7fW__emptyPreview span:first-child{aspect-ratio:1;background:#fff4cc;border-radius:50%;width:22%;position:absolute;top:12%;right:15%}.imageColor-module__Dyo7fW__emptyPreview span:nth-child(2),.imageColor-module__Dyo7fW__emptyPreview span:nth-child(3){background:#4d8c77;border-radius:50% 50% 0 0;width:120%;height:65%;position:absolute;bottom:-43%;left:-10%}.imageColor-module__Dyo7fW__emptyPreview span:nth-child(3){background:#2e655d;bottom:-48%;left:35%}.imageColor-module__Dyo7fW__canvasHint{margin:.6rem 0 0;font-size:.71rem}.imageColor-module__Dyo7fW__pickedPanel{border:1px solid var(--home-line);background:var(--home-surface-soft);border-radius:.7rem;align-items:center;gap:.8rem;margin-top:1.2rem;padding:.7rem;display:flex}.imageColor-module__Dyo7fW__pickedChip{border:1px solid var(--home-line-strong);border-radius:.5rem;flex:none;width:3rem;height:3rem}.imageColor-module__Dyo7fW__pickedPanel>div{flex:1;gap:.2rem;min-width:0;display:grid}.imageColor-module__Dyo7fW__pickedPanel>div span,.imageColor-module__Dyo7fW__colorNumber{color:var(--home-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem;font-weight:700}.imageColor-module__Dyo7fW__pickedPanel strong{letter-spacing:-.02em;font-size:1.05rem}.imageColor-module__Dyo7fW__pickedPanel button{border:1px solid var(--home-line-strong);background:var(--home-surface);min-height:2rem;color:var(--home-ink);font:700 .7rem var(--inter-font),Inter,Arial,sans-serif;cursor:pointer;border-radius:.45rem;padding:.3rem .75rem}.imageColor-module__Dyo7fW__pickedPanel button:hover{border-color:var(--home-accent);color:var(--home-accent)}.imageColor-module__Dyo7fW__paletteHeading{justify-content:space-between;align-items:end;gap:1rem;margin:1.7rem 0 .8rem;display:flex}.imageColor-module__Dyo7fW__paletteHeading h3{letter-spacing:-.025em;margin:.4rem 0 0;font-size:1.04rem}.imageColor-module__Dyo7fW__paletteHeading>span{color:var(--home-muted);font-size:.7rem;font-weight:700}.imageColor-module__Dyo7fW__colorGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.imageColor-module__Dyo7fW__colorCard{border:1px solid var(--home-line);border-radius:.55rem;gap:.35rem;min-width:0;padding:.45rem;display:grid}.imageColor-module__Dyo7fW__colorSwatch{border-radius:.35rem;width:100%;height:3.6rem;display:block}.imageColor-module__Dyo7fW__colorCard button{width:fit-content;color:var(--home-ink);font:750 .76rem var(--inter-font),Inter,Arial,sans-serif;cursor:pointer;background:0 0;border:0;padding:0}.imageColor-module__Dyo7fW__colorCard button:hover{color:var(--home-accent);text-decoration:underline}.imageColor-module__Dyo7fW__emptyPalette{border:1px dashed var(--home-line-strong);text-align:center;border-radius:.7rem;margin:0;padding:1.5rem}@media (max-width:850px){.imageColor-module__Dyo7fW__workspace{grid-template-columns:1fr}}@media (max-width:600px){.imageColor-module__Dyo7fW__controls,.imageColor-module__Dyo7fW__results{padding:1rem}.imageColor-module__Dyo7fW__imageStage{min-height:16rem}.imageColor-module__Dyo7fW__previewCanvas{max-height:20rem}.imageColor-module__Dyo7fW__colorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}