.image-picker-page_workspace__tw92P{position:relative;isolation:isolate;min-height:calc(100svh - 3.5rem);overflow:hidden;background:radial-gradient(circle at 50% 10%,color-mix(in oklab,var(--foreground) 4%,transparent),transparent 38%),var(--background)}.image-picker-page_workspace__tw92P:before{position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(to right,color-mix(in oklab,var(--foreground) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--foreground) 4%,transparent) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(circle at center,black,transparent 76%);content:""}.image-picker-page_imageArea__YxtER{display:grid;min-height:calc(100svh - 10rem);place-items:center;padding:1.25rem}.image-picker-page_imageFrame__hls3V{--image-ratio:1.5;position:relative;width:min(calc(100vw - 2.5rem),calc((100svh - 13rem) * var(--image-ratio)),92rem);max-width:100%;aspect-ratio:var(--image-ratio);overflow:hidden;border:1px solid color-mix(in oklab,var(--foreground) 14%,transparent);border-radius:var(--radius-card);background:var(--muted);box-shadow:0 1.5rem 5rem rgb(0 0 0/12%);touch-action:none}.image-picker-page_imageFrame__hls3V:after{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255/8%);content:""}.image-picker-page_image__VV284{user-select:none;-webkit-user-drag:none}.image-picker-page_marker__K7bnL{position:absolute;z-index:3;display:grid;width:2rem;height:2rem;place-items:center;transform:translate(-50%,-50%);border:2px solid rgb(255 255 255/94%);border-radius:999px;background:rgb(8 8 10/22%);box-shadow:0 0 0 1px rgb(0 0 0/42%),0 .55rem 1.6rem rgb(0 0 0/28%);cursor:grab;transition:width .18s ease,height .18s ease,border-width .18s ease,box-shadow .18s ease;touch-action:none}.image-picker-page_marker__K7bnL:active{cursor:grabbing}.image-picker-page_marker__K7bnL[data-active=true]{width:2.7rem;height:2.7rem;border-width:3px;box-shadow:0 0 0 1px rgb(0 0 0/50%),0 0 0 .38rem rgb(255 255 255/16%),0 .75rem 2rem rgb(0 0 0/34%)}.image-picker-page_markerColor__C9VaU{width:calc(100% - .5rem);height:calc(100% - .5rem);border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(0 0 0/15%)}.image-picker-page_imageHint__5OzmQ{position:absolute;right:1rem;bottom:1rem;z-index:2;pointer-events:none;display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgb(255 255 255/14%);border-radius:999px;padding:.5rem .75rem;color:rgb(255 255 255/78%);background:rgb(8 8 10/42%);font-size:var(--text-label-12);font-weight:500;backdrop-filter:blur(16px);line-height:var(--text-label-12--line-height);letter-spacing:var(--text-label-12--letter-spacing)}.image-picker-page_dropZone__6_ePr{position:relative;display:grid;width:min(100%,58rem);min-height:min(58svh,34rem);place-items:center;overflow:hidden;border:1px dashed color-mix(in oklab,var(--foreground) 22%,transparent);border-radius:var(--radius-card);background:color-mix(in oklab,var(--background) 82%,transparent);transition:border-color .22s ease,background-color .22s ease,transform .22s ease}.image-picker-page_dropZone__6_ePr:before{position:absolute;width:24rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--foreground) 8%,transparent),transparent 68%);content:""}.image-picker-page_dropZone__6_ePr[data-dragging=true]{transform:scale(1.006);border-color:color-mix(in oklab,var(--foreground) 52%,transparent);background:color-mix(in oklab,var(--foreground) 5%,var(--background))}.image-picker-page_dropIcon__oj5mq{position:relative;display:grid;width:5.25rem;aspect-ratio:1;place-items:center;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:var(--radius-card);color:var(--foreground);background:color-mix(in oklab,var(--background) 82%,transparent);backdrop-filter:blur(18px)}.image-picker-page_paletteStrip__r8WUX{display:flex;height:2.5rem;min-width:9rem;max-width:min(28rem,42vw);overflow:hidden;border:1px solid color-mix(in oklab,var(--foreground) 13%,transparent);border-radius:var(--radius-card);background:var(--background)}.image-picker-page_paletteSwatch__b74y5{position:relative;min-width:1.9rem;flex:1 1 2.6rem;border-right:1px solid rgb(255 255 255/9%);transition:filter .16s ease}.image-picker-page_paletteSwatch__b74y5:last-child{border-right:0}.image-picker-page_paletteSwatch__b74y5:hover{filter:brightness(1.08)}.image-picker-page_paletteSwatch__b74y5[data-active=true]:after{position:absolute;inset:.35rem;border:2px solid rgb(255 255 255/95%);border-radius:999px;box-shadow:0 0 0 1px rgb(0 0 0/48%);content:""}.image-picker-page_fullscreenPalette__1Twbv{display:flex;width:100%;min-height:100%}.image-picker-page_fullscreenSwatch__o1OkE{display:flex;min-width:0;flex:1 1 0;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:6rem 1rem 2rem;text-align:left;cursor:pointer;transition:flex-grow .24s ease}.image-picker-page_fullscreenSwatch__o1OkE:focus-visible,.image-picker-page_fullscreenSwatch__o1OkE:hover{flex-grow:1.12}@media (max-width:1023px){.image-picker-page_imageArea__YxtER{min-height:calc(100svh - 15rem);padding:1rem}.image-picker-page_imageFrame__hls3V{width:min(calc(100vw - 2rem),calc((100svh - 18rem) * var(--image-ratio)),92rem)}.image-picker-page_paletteStrip__r8WUX{max-width:min(100%,24rem)}}@media (max-width:640px){.image-picker-page_imageArea__YxtER{min-height:55svh;padding:.625rem}.image-picker-page_imageFrame__hls3V{width:calc(100vw - 1.25rem);border-radius:var(--radius-card)}.image-picker-page_imageHint__5OzmQ{display:none}.image-picker-page_dropZone__6_ePr{min-height:27rem;border-radius:var(--radius-card)}.image-picker-page_paletteStrip__r8WUX{width:100%;max-width:100%}.image-picker-page_fullscreenPalette__1Twbv{flex-direction:column}.image-picker-page_fullscreenSwatch__o1OkE{flex-direction:row;align-items:flex-end;justify-content:space-between;padding:.7rem 1rem}}@media (prefers-reduced-motion:reduce){.image-picker-page_dropZone__6_ePr,.image-picker-page_fullscreenSwatch__o1OkE,.image-picker-page_marker__K7bnL,.image-picker-page_paletteSwatch__b74y5{transition:none}}