@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-armenian-wght-normal.3naqt_o5l01_2.woff2)format("woff2-variations");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-bengali-wght-normal.2bu7m2mnhmlq7.woff2)format("woff2-variations");unicode-range:U+951-952,U+964-965,U+980-9FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-canadian-aboriginal-wght-normal.3ooxkyu54z3yr.woff2)format("woff2-variations");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-cyrillic-ext-wght-normal.0csilpbeupe5d.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-cyrillic-wght-normal.0ke0srvbuwwbo.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-devanagari-wght-normal.1y90w7zvjao7t.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-ethiopic-wght-normal.1gb1jb8q8tnow.woff2)format("woff2-variations");unicode-range:U+30E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-georgian-wght-normal.37qv8zva8_dd9.woff2)format("woff2-variations");unicode-range:U+589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-greek-ext-wght-normal.36d9mm39e-cqc.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-greek-wght-normal.009sa3_0e4f02.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-gujarati-wght-normal.2j3h_ss2m5s0d.woff2)format("woff2-variations");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-gurmukhi-wght-normal.2qd4l4knacvwe.woff2)format("woff2-variations");unicode-range:U+951-952,U+964-965,U+A01-A76,U+200C-200D,U+20B9,U+25CC,U+262C,U+A830-A839}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-hebrew-wght-normal.21nr_6blqtnnb.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-khmer-wght-normal.1f7hzmt9fpi37.woff2)format("woff2-variations");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-lao-wght-normal.1oax-1jhm9tfq.woff2)format("woff2-variations");unicode-range:U+E81-EDF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-malayalam-wght-normal.0ceak12o3hlde.woff2)format("woff2-variations");unicode-range:U+307,U+323,U+951-952,U+964-965,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-oriya-wght-normal.1coxc3j_x55pp.woff2)format("woff2-variations");unicode-range:U+951-952,U+964-965,U+B01-B77,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-sinhala-wght-normal.3bcjhfyrb7ib7.woff2)format("woff2-variations");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-symbols-wght-normal.39b2slxwtxxs7.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-tamil-wght-normal.2pxcfmc6nf6ag.woff2)format("woff2-variations");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-telugu-wght-normal.43_pw0qgx_c90.woff2)format("woff2-variations");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-thai-wght-normal.2ubi-swtmy8dl.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-vietnamese-wght-normal.385c65c4ok3kn.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-latin-ext-wght-normal.37zh0lzd78uvw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/google-sans-latin-wght-normal.19vd8nkr4x8wl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}}:root{--bg:#f3f3f1;--surface:#fff;--ink:#18203b;--muted:#666a70;--line:#e1e2e0;--accent:#2854d8;--selection:#e9eae7;--outline:#18203b;--screen-inset:16px;--back-size:44px;--title-gap:4px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Google Sans Variable,sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9eae7;margin:0;font-size:15px}h1,h2,p,figure{margin:0}button,a,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0}button,a,select{touch-action:manipulation}button,a.button{box-shadow:none}button,a{transition:background .16s, transform .16s var(--ease)}button:active:not(:disabled),a.button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #71757d}h1:focus{outline:none}a{color:inherit;text-decoration:none}input,select{font-size:16px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app-shell{background:var(--surface);max-width:720px;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0 auto}:is(html:has(.app-shell:not(.screen-choose)),body:has(.app-shell:not(.screen-choose))){overflow:hidden}.app-shell:not(.screen-choose){flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:clip}.app-shell:not(.screen-choose)>.app-header,.app-shell:not(.screen-choose) .screen-heading{flex-shrink:0}.app-shell:not(.screen-choose)>main{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.app-shell:not(.screen-choose)>.action-dock{flex-shrink:0;position:relative;bottom:auto;left:auto;transform:none}.app-header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:23px;font-weight:700;display:flex}.brand>svg{background:var(--ink);color:#fff;box-sizing:content-box;box-shadow:2px 2px 0 var(--outline);border-radius:12px;padding:6px;transform:rotate(-8deg)}.header-back,.header-help{min-height:44px;color:var(--ink);border-radius:12px;align-items:center;gap:7px;padding:0 10px;font-size:14px;font-weight:650;display:flex}.header-back{background:var(--bg)}.screen-heading{padding:22px 16px 18px}.screen-heading h1{letter-spacing:-1.1px;font-size:28px;font-weight:750;line-height:1.2}main{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.screen-description{color:var(--muted);padding:0 16px 22px;font-size:16px;line-height:1.5}.full-photo{width:100%;height:auto;display:block}.screen-crop{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:clip}.screen-crop .app-header,.screen-crop .screen-heading{flex-shrink:0}.screen-crop .screen-heading{padding-bottom:8px}.screen-crop main{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.crop-screen{flex-direction:column;flex:1;min-height:0;display:flex}.crop-instructions{padding:0 var(--screen-inset) 16px calc(var(--screen-inset) + var(--back-size) + var(--title-gap));color:var(--muted);flex-shrink:0;font-size:15px;line-height:1.5}.crop-stage{background:#24272d;flex:1;min-height:0;position:relative}.crop-stage .photo-crop-frame{color:#14182db3;border:2px solid #fff;border-radius:3px}.crop-stage [role=group]:focus-visible{outline-offset:-3px;outline:3px solid #d9dcda}.screen-crop .crop-dock{flex-shrink:0;gap:8px;position:relative;bottom:auto;left:auto;transform:none}.crop-formats{background:#eff0ed;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.crop-formats button{min-height:44px;color:var(--muted);border-radius:9px;font-size:14px;font-weight:600}.crop-formats button[aria-pressed=true]{color:var(--ink);background:#fff}.crop-zoom{color:var(--ink);align-items:center;gap:6px;display:flex}.crop-zoom .icon-button{flex-shrink:0}.crop-zoom input{width:100%;min-width:0;height:44px;accent-color:var(--ink);cursor:pointer}.crop-reset{border-left:1px solid var(--line);border-radius:0}.crop-quality{color:#844424;font-size:14px;line-height:1.4}.dock-selection .edit-crop{min-height:44px;color:var(--ink);flex-shrink:0;margin-left:auto;padding:0 8px;font-size:14px}:is(html:has(.screen-welcome),body:has(.screen-welcome)){overflow:hidden}.screen-welcome{background:#faf9f6;flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:clip}.screen-welcome .app-header{flex-shrink:0}.screen-welcome .action-dock{flex-shrink:0;position:relative;bottom:auto;left:auto;transform:none}.screen-welcome .error-message{bottom:calc(84px + env(safe-area-inset-bottom));z-index:35;max-height:40dvh;position:absolute;left:0;right:0;overflow:auto}.screen-welcome .preparing{z-index:3;position:absolute;bottom:0;left:0;right:0}.screen-welcome .app-header{background:#faf9f6f5;border-bottom-color:#0000}.screen-welcome .screen-heading{padding:20px 24px 18px}.screen-welcome .screen-heading h1{letter-spacing:-3.5px;font-size:clamp(56px,15.5vw,84px);font-weight:800;line-height:1.02}.screen-welcome h1 span{color:var(--ink);isolation:isolate;display:inline-block;position:relative}.screen-welcome h1 span:before{content:"";z-index:-1;background:#e7e5df;border-radius:5px;position:absolute;inset:9% -7px 0;transform:rotate(-2deg)}.screen-welcome .screen-description{color:#5a5c75;padding:0 24px 22px;font-size:16px}.screen-welcome main{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.screen-welcome .photo-screen{flex-direction:column;flex:1;min-height:0;display:flex}.welcome-portraits{isolation:isolate;background:#deded8;flex:1;width:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.welcome-portraits:before{content:"";background-image:radial-gradient(#ffffff38 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 70%);mask-image:linear-gradient(135deg,#000,#0000 70%)}.welcome-portraits:after{content:"";aspect-ratio:1;z-index:-1;border:1px solid #fff5;border-radius:50%;width:85%;position:absolute;top:-32%;right:-28%;box-shadow:0 0 0 28px #ffffff0c,0 0 0 56px #ffffff0a}.welcome-look{border:2px solid var(--outline);background:#fff;border-radius:16px;width:min(40%,72cqh - 62px);max-width:300px;padding:5px 5px 0;position:absolute;box-shadow:6px 7px #18203b}.welcome-look .catalog-portrait{border-radius:9px 9px 2px 2px}.welcome-look-quiff{top:50%;left:7%;transform:translateY(-59%)rotate(-6deg)}.welcome-look-bob{background:#e7e5df;top:50%;right:7%;transform:translateY(-39%)rotate(6deg)}.welcome-look figcaption{text-align:center;padding:12px 4px 14px;font-size:16px;font-weight:750;line-height:1.2}.welcome-look-quiff figcaption{padding-right:4px}.welcome-spark{color:#e7e5df;width:clamp(32px,14cqw,72px);height:auto;position:absolute;top:6%;right:9%;transform:rotate(12deg)}.welcome-spark-small{color:#fff;width:30px;top:auto;bottom:7%;left:12%;transform:rotate(-12deg)}.welcome-portraits .catalog-portrait{aspect-ratio:1}.photo-overlay{background:#eee9ffd9;place-items:center;font-size:20px;font-weight:650;display:grid;position:absolute;inset:0}.photo-screen{position:relative}.preparing{background:var(--selection);color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:18px;font-size:16px;display:flex}.catalog-portrait{aspect-ratio:1;background-color:#e9eae7}.collection-controls{padding:0 16px 16px}.collection-tabs{border:1px solid var(--line);background:#eff0ed;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.collection-tabs button{min-height:46px;color:var(--muted);background:0 0;border-radius:10px;font-size:16px;font-weight:650}.collection-tabs button[aria-pressed=true]{color:var(--ink);background:#fff}.length-filters{gap:8px;margin-top:18px;display:flex}.length-filters button{border:1px solid var(--line);border-radius:10px;flex:1;min-height:44px;padding:0 16px;font-size:14px;font-weight:600}.length-filters button[aria-pressed=true]{background:var(--selection);color:var(--ink);border-color:#969b99}.catalog-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:14px;display:flex}.texture-trigger{background:var(--bg);min-height:44px;color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}:is(html:has(.texture-sheet[open]),body:has(.texture-sheet[open])){overflow:hidden}.texture-sheet{width:100%;max-width:720px;max-height:calc(100dvh - env(safe-area-inset-top) - 16px);background:var(--surface);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:24px 24px 0 0;margin:auto auto 0;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 48px #18203b1f}.texture-sheet[open]{animation:sheet-enter .22s var(--ease)}.texture-sheet::backdrop{background:#18203b66}.texture-sheet-content{padding:16px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.texture-sheet-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.texture-sheet-heading h2{letter-spacing:-.7px;font-size:24px;font-weight:700}.texture-options{gap:8px;display:grid}.texture-options button{border:1px solid var(--line);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;font-size:16px;display:flex}.texture-options button[aria-pressed=true]{background:var(--selection);border-color:#969b99;font-weight:650}.texture-check{border:1px solid #969b99;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.texture-options button[aria-pressed=true] .texture-check{background:var(--ink);border-color:var(--ink);color:#fff}@keyframes sheet-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:0 10px 20px;display:grid}.style-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;padding:0;display:flex;overflow:hidden}.style-photo{border-radius:12px 12px 0 0;flex-shrink:0;width:100%;position:relative;overflow:hidden}.style-card.selected{border-color:var(--ink);background:var(--selection)}.style-photo .catalog-portrait{width:100%}.style-card.selected .style-photo:after{content:"";pointer-events:none;border:2px solid #717773;border-radius:12px 12px 0 0;position:absolute;inset:0}.selection-mark{background:var(--ink);color:#fff;opacity:0;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:10px;right:10px}.style-card.selected .selection-mark{opacity:1}.style-name{min-width:0;padding:11px 10px 13px;font-size:15px;font-weight:650;line-height:1.4;display:block}.marquee-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.marquee-text{vertical-align:top;white-space:nowrap;display:inline-block}.marquee-label[data-overflow=true]{text-overflow:clip}.marquee-label[data-overflow=true]>.marquee-text{animation:style-name-marquee var(--marquee-duration) linear infinite alternate;animation-play-state:paused}.marquee-label[data-visible=true]>.marquee-text{animation-play-state:running}@keyframes style-name-marquee{0%,20%{transform:translate(0)}80%,to{transform:translateX(var(--marquee-distance))}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:24px;display:flex}.empty-state h2{font-size:20px}.empty-state p{color:var(--muted);font-size:15px}.action-dock{z-index:30;width:100%;max-width:720px;padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#fffffffa;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #28234d08}.screen-choose .action-dock{box-shadow:none;border-top-color:#cfd1d5}.button{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:10px 14px;font-size:15px;font-weight:650;line-height:1.3;display:flex}.primary{background:var(--accent);color:#fff;border:1px solid #18203b}.generate-cta{isolation:isolate;position:relative;overflow:hidden}.generate-cta:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff0a 40%,#ffffff20 50%,#ffffff0a 60%,#0000 70%);animation:8s ease-in-out infinite generate-cta-shimmer;position:absolute;inset:0;transform:translate(-110%)}.generate-cta:disabled:after{display:none}@keyframes generate-cta-shimmer{0%,12%{transform:translate(-110%)}60%,to{transform:translate(110%)}}.secondary{background:#faf9f6;border:1px solid #d7d8d5}.text-button{min-height:44px;color:var(--ink)}.dock-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dock-selection{align-items:center;gap:12px;font-size:16px;font-weight:650;display:flex}.dock-selection img{object-fit:cover;border-radius:9px;flex-shrink:0;width:42px;height:42px;display:block}.dock-selection>.marquee-label{flex:1}.screen-generating{color:#fff;background:#272b33}.screen-generating .header-back{color:#fff;background:#ffffff0d}.screen-generating .screen-heading{padding:20px 16px 10px}.screen-generating .screen-heading h1{letter-spacing:-1px;font-size:clamp(25px,7vw,32px)}.generating-screen{flex-direction:column;flex:1;min-height:0;display:flex}.generation-stage{isolation:isolate;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.generation-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #ffffff12;border-radius:43%;width:112%;animation:24s linear infinite studio-orbit;position:absolute}.orbit-two{border-color:#ffffff09;border-radius:40%;width:90%;animation-duration:30s;animation-direction:reverse}.generation-portrait-wrap{width:min(82cqw, calc((100cqh - 58px) * var(--photo-ratio)));aspect-ratio:var(--photo-ratio);max-height:calc(100% - 58px);position:relative}.generation-photo{isolation:isolate;background:#ffffff30;border-radius:24px;width:100%;height:100%;padding:2px;position:relative;overflow:hidden;box-shadow:0 20px 50px #10131940}.generation-photo:before{content:"";background:conic-gradient(#0000 0% 60%,#fffd 75%,#0000 90%);animation:5s linear infinite spin;position:absolute;inset:-80%}.generation-original{object-fit:contain;background:#30343a;border-radius:22px;width:100%;height:100%;display:block;position:relative}.generation-sweep{pointer-events:none;background:linear-gradient(#0000 60%,#ffffff05 70%,#ffffff45 100%);border-bottom:1px solid #ffffffa0;animation:3.8s ease-in-out infinite studio-sweep;position:absolute;inset:0}.generation-photo-label{color:#fff;background:#272b33bb;border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;top:12px;left:12px}.generation-reference{width:clamp(76px,22cqw,108px);color:var(--ink);background:#f6f6f2;border:1px solid #fff5;border-radius:16px;padding:5px;animation:6s ease-in-out infinite reference-float;position:absolute;bottom:-20px;right:-14px;transform:rotate(6deg)}.generation-reference .catalog-portrait{aspect-ratio:1;border-radius:11px;width:100%}.generation-reference>span{justify-content:center;align-items:center;gap:4px;padding:6px 0 2px;font-size:11px;font-weight:600;display:flex}.generation-copy{text-align:center;flex-shrink:0;padding:8px 24px 18px}.generation-copy p{color:#bec2c8;margin-bottom:5px;font-size:13px}.generation-copy h2{letter-spacing:-.7px;min-width:0;font-size:27px;font-weight:550;line-height:1.2}.generation-live{flex-shrink:0;margin:0 20px 18px}.generation-live-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.generation-status{align-items:center;gap:8px;font-size:14px;line-height:1.3;display:flex}.generation-time{font-variant-numeric:tabular-nums;color:#bec2c8;font-size:13px}.generation-track{background:#ffffff1a;border-radius:3px;height:3px;overflow:hidden}.generation-track>span{border-radius:inherit;background:#e8ebe6;width:36%;height:100%;animation:2.8s ease-in-out infinite studio-progress;display:block}.generation-live>p{color:#bec2c8;margin-top:12px;font-size:13px;line-height:1.4}.screen-generating .action-dock{box-shadow:none;background:#272b33;border-color:#ffffff18}.screen-generating .secondary{color:#fff;background:#ffffff08;border-color:#ffffff30}.generation-activity{flex-shrink:0;align-items:center;gap:3px;height:18px;display:flex}.generation-activity span{background:#dce0dc;border-radius:4px;width:2px;height:14px;animation:1.2s ease-in-out infinite studio-wave}.generation-activity span:nth-child(2){animation-delay:-.9s}.generation-activity span:nth-child(3){animation-delay:-.6s}.generation-activity span:nth-child(4){animation-delay:-.3s}@keyframes studio-orbit{to{transform:rotate(360deg)}}@keyframes reference-float{0%,to{transform:translateY(0)rotate(6deg)}50%{transform:translateY(-7px)rotate(3deg)}}@keyframes studio-sweep{0%{opacity:0;transform:translateY(-100%)}12%,70%{opacity:.8}to{opacity:0;transform:translateY(100%)}}@keyframes studio-progress{0%{transform:translate(-105%)}to{transform:translate(285%)}}@keyframes studio-wave{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.sprite-image{isolation:isolate;position:relative;overflow:hidden}.sprite-image>img{max-width:none;transition:opacity .18s var(--ease);display:block;position:absolute}.image-loading>img,.image-error>img{opacity:0}.image-shimmer,.image-fallback{background:#e9eae7;position:absolute;inset:0}.image-shimmer:after{content:"";background:linear-gradient(100deg,#0000 15%,#fff9 50%,#0000 85%);animation:1.6s ease-in-out infinite image-shimmer;position:absolute;inset:0}.image-fallback{text-align:center;color:#5a5c75;place-items:center;padding:8px;font-size:14px;display:grid}@keyframes image-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spinner{flex-shrink:0;animation:.85s linear infinite spin}.screen-compare main>section,.comparison{flex-direction:column;flex:1;min-height:0;display:flex}.screen-compare .screen-heading{padding:14px 16px 4px}.screen-compare .action-dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.result-description{padding-left:calc(var(--back-size) + var(--title-gap));flex-shrink:0;align-items:center;gap:9px;margin:0 16px 12px;display:flex}.result-description .catalog-portrait{aspect-ratio:1;background:var(--bg);border-radius:50%;flex-shrink:0;width:28px;height:28px}.result-description h2{min-width:0;color:var(--muted);font-size:16px;font-weight:500;line-height:1.3}.photo-guide-error{color:#9b342a;margin-top:12px;font-size:14px}@keyframes result-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.comparison{animation:result-arrive .28s var(--ease) both}.compare-range:focus-visible{opacity:1;outline:2px solid var(--ink);outline-offset:-4px}.comparison-tabs{border:1px solid var(--line);background:#eff0ed;border-radius:14px;flex-shrink:0;gap:4px;margin:0 16px 12px;padding:3px;display:flex;position:relative}.comparison-selection{width:calc(33.3333% - 4.66667px);transform:translateX(calc(var(--active-view) * (100% + 4px)));transition:transform .22s var(--ease);pointer-events:none;background:#fff;border-radius:10px;position:absolute;inset:3px auto 3px 3px}.comparison-tabs button{min-width:0;min-height:44px;color:var(--muted);box-shadow:none;border-radius:10px;flex:1 0 0;font-size:14px;font-weight:500;position:relative}.comparison-tabs button[aria-pressed=true]{color:var(--ink);background:0 0;font-weight:650}.compare-frame{border-block:1px solid var(--line);background:#eeefec;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.compare-frame>.compare-image{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.original-layer{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#eeefec;position:absolute;inset:0}.original-layer .compare-image{object-fit:contain;width:100%;height:100%;display:block}.mode-original .original-layer{clip-path:none}.mode-preview .original-layer{visibility:hidden}.compare-caption{box-shadow:none;z-index:2;background:#fffffff0;border:1px solid #ffffff80;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;position:absolute;top:14px}.before-caption{left:12px}.after-caption{right:12px}.compare-divider{top:0;bottom:0;left:var(--reveal);pointer-events:none;background:#fff;width:2px;position:absolute}.compare-divider>span{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-frame:has(.compare-range:focus-visible){outline:3px solid var(--ink);outline-offset:-3px}.comparison-hint{color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex}.error-message{color:#844424;background:#fff3ea;border:1px solid #ecd8c7;border-radius:12px;align-items:flex-start;gap:10px;margin:0 16px 18px;padding:14px 10px 14px 14px;display:flex}.error-message>svg{flex-shrink:0;margin-top:4px}.error-message p{flex:1;font-size:14px;line-height:1.5}.error-message button{place-items:center;min-width:44px;min-height:44px;margin-top:-8px;margin-bottom:-8px;display:grid}.photo-dialog{border:1px solid var(--outline);overscroll-behavior:contain;width:calc(100% - 24px);max-width:490px;max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;border-radius:20px;margin:auto;padding:0;overflow:hidden;box-shadow:0 20px 80px #0002}.photo-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18203b80}.dialog-heading{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.dialog-heading h2{letter-spacing:-.6px;font-size:20px;font-weight:650;line-height:1.25}.icon-button{background:#eff0ed;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.dialog-body{padding:18px 16px}.photo-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.photo-example{min-width:0}.photo-example-image{aspect-ratio:1;background:#e9eae7;border-radius:9px;width:min(14dvh,130px);max-width:100%;margin:0 auto;position:relative}.photo-example-mark{color:#844424;background:#fff3ea;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:8px;right:8px}.is-good .photo-example-mark{background:var(--ink);color:#fff}.photo-example figcaption{flex-direction:column;gap:5px;margin-top:9px;display:flex}.photo-example strong{font-size:14px;font-weight:700}.is-good strong{color:var(--ink)}.photo-example figcaption>span{color:var(--muted);font-size:13px;line-height:1.5}.photo-guide-note{color:var(--muted);margin:12px 0;font-size:13px}.privacy-note{color:var(--muted);background:var(--bg);border-radius:12px;padding:10px;font-size:14px;line-height:1.4}.dialog-actions{border-top:1px solid var(--line);padding:12px 16px max(12px, env(safe-area-inset-bottom));background:#fff;position:sticky;bottom:0}.dialog-actions .button{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.screen-generating .secondary:hover,.screen-generating .header-back:hover{background:#ffffff18}.primary:hover{background:#1d43b8}.secondary:hover,.header-back:hover,.header-help:hover{background:var(--selection)}.style-card:hover .style-photo{filter:brightness(.97)}}@media (min-width:800px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px;padding:0 12px 24px}.screen-heading{padding-top:28px}.screen-heading h1{font-size:32px}.welcome-portraits .catalog-portrait{aspect-ratio:1}.screen-welcome .screen-heading,.screen-welcome .screen-description{padding-left:32px;padding-right:32px}.welcome-look{width:min(40%,72cqh - 62px);max-width:350px}.welcome-look-quiff{left:7%}.welcome-look-bob{right:7%}.action-dock{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (max-width:350px){.screen-heading h1{font-size:25px}.dock-buttons{gap:8px}.dock-buttons .button{gap:6px;padding:10px 8px;font-size:13px}.length-filters{gap:6px}.length-filters button{padding:0 10px;font-size:13px}.catalog-toolbar{gap:5px}.dialog-heading h2{font-size:18px}.style-name{font-size:14px}}@media (max-width:799px) and (max-height:650px){.screen-welcome .screen-heading{padding-top:12px;padding-bottom:12px}.screen-welcome .screen-heading h1{letter-spacing:-2px;font-size:44px}.screen-welcome .screen-description{padding-bottom:18px;font-size:15px}.welcome-look{width:min(40%,72cqh - 62px)}.welcome-look-quiff{left:7%;transform:translateY(-54%)}.welcome-look-bob{right:7%;transform:translateY(-44%)}.welcome-look figcaption{padding:10px 2px 12px;font-size:14px}}@media (max-height:760px){.screen-generating .screen-heading{padding:14px 16px 4px}.screen-generating .screen-heading h1{font-size:27px}.generation-copy{padding:6px 16px 14px}.generation-copy h2{font-size:23px}.generation-live{margin:0 16px 14px}.screen-generating .action-dock{gap:4px}.dialog-heading{padding:6px 12px}.dialog-body{padding:12px}.photo-example figcaption>span{display:none}.photo-example figcaption{margin-top:6px}.photo-guide-note{margin:8px 0}}.app-shell:not(.screen-welcome) .screen-heading{align-items:center;gap:var(--title-gap);padding:calc(12px + env(safe-area-inset-top)) var(--screen-inset) 16px;text-align:left;display:flex}.app-shell.screen-compare .screen-heading{padding-bottom:4px}.app-shell.screen-crop .screen-heading{padding-bottom:0}.app-shell:not(.screen-welcome) .screen-heading h1{letter-spacing:-.8px;min-width:0;font-size:clamp(22px,6vw,26px);line-height:1.2}.screen-choose .screen-heading{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.screen-heading .header-back{width:var(--back-size);height:var(--back-size);background:0 0;flex-shrink:0;place-items:center;padding:0;display:grid}@media (prefers-reduced-motion:reduce){.marquee-label[data-overflow=true]{text-overflow:ellipsis}.marquee-label[data-overflow]>.marquee-text{animation:none;display:inline}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.generation-sweep,.generation-orbit,.generate-cta:after,.image-shimmer:after{display:none}}.header-account{border-radius:50%;place-items:center;min-width:44px;min-height:44px;margin-left:auto;display:grid}.auth-dialog{background:var(--surface);width:100%;max-width:720px;height:100dvh;max-height:100dvh;color:var(--ink);overscroll-behavior:none;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.auth-dialog::backdrop{background:#18203b80}body:has(.auth-dialog[open]){overflow:hidden}.auth-panel{flex-direction:column;height:100%;display:flex}.auth-heading{padding:calc(12px + env(safe-area-inset-top)) 16px 8px;flex-shrink:0;align-items:center;gap:4px;display:flex}.auth-heading .header-back{background:0 0;justify-content:center;width:44px;padding:0}.auth-heading h1,.auth-heading h2{letter-spacing:-.8px;font-size:25px;font-weight:700}.auth-entry .auth-heading{min-height:calc(64px + env(safe-area-inset-top));padding-left:24px}.auth-startup{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.auth-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 24px;display:flex;overflow:hidden;container:auth-body/size}.auth-comparison{flex-shrink:0;width:min(100%,400px);margin:0 0 28px}.auth-example-photos{aspect-ratio:3/2;background:#e9eae7;border-radius:24px;position:relative;overflow:hidden}.auth-example-photos>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0;transform:translate(14px)}.auth-example-photos>img:first-child{transform:translate(-14px)}.auth-example-photos>img.is-visible{opacity:1;transform:translate(0)}.auth-example-photos:after{content:"";background:#fff3;width:1px;position:absolute;top:0;bottom:0;left:50%}.auth-example-labels{color:#ffffffe6;grid-template-columns:1fr 1fr;font-size:12px;font-weight:500;display:grid;position:absolute;inset:auto 0 14px}.auth-example-labels span{justify-self:center;line-height:1.4}.auth-example-switch{background:#f0f1ee;border-radius:100px;grid-template-columns:1fr 1fr;width:220px;max-width:100%;margin:12px auto 0;padding:3px;display:grid;position:relative}.auth-example-switch button{min-height:44px;color:var(--muted);touch-action:manipulation;background:0 0;border:0;border-radius:100px;font-size:14px;font-weight:600;position:relative}.auth-example-switch button[aria-pressed=true]{color:var(--ink)}.auth-example-selection{border:1px solid var(--line);width:calc(50% - 3px);transition:transform .28s var(--ease);background:#fff;border-radius:100px;position:absolute;inset:3px auto 3px 3px}.auth-example-selection.is-male{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.auth-example-photos>img,.auth-example-selection{transition:none}}.auth-body h2,.auth-body h3{letter-spacing:-2px;flex-shrink:0;margin:0 0 12px;font-size:clamp(36px,11vw,52px);font-weight:700;line-height:1.02}.auth-body>p{color:var(--muted);max-width:290px;font-size:16px;line-height:1.45}.auth-email{overflow-wrap:anywhere}.auth-account-icon{color:var(--muted);flex-shrink:0;margin-bottom:24px}.auth-actions{padding:16px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:10px;display:flex}.auth-actions .button{width:100%;min-height:52px;box-shadow:none}.auth-actions .provider-button{color:#1f1f1f;background:#fff;border:1px solid #c9cccf;border-radius:14px;font-size:17px;font-weight:500}.auth-actions .apple-button{color:#fff;background:#000;border-color:#000}.auth-actions .provider-button{padding-top:8px;padding-bottom:8px}.provider-icon{flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;position:relative}.provider-icon>img,.provider-icon>svg{object-fit:contain;flex-shrink:0}.provider-icon .apple-provider-logo{width:44px;max-width:none;height:44px;position:absolute}.auth-actions button:disabled{cursor:default}.auth-message{text-align:center;color:var(--muted);padding:0 4px 4px;font-size:14px;line-height:1.4}.auth-message[role=alert]{color:#973c32}.auth-loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.35;display:flex}.auth-notice{z-index:45;top:calc(72px + env(safe-area-inset-top));background:#eff2ee;border:1px solid #cdd4ca;border-radius:14px;align-items:center;gap:8px;width:min(100% - 32px,480px);padding:8px 8px 8px 16px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.auth-notice button{place-items:center;min-width:44px;min-height:44px;margin-left:auto;display:grid}@media (max-height:680px){.auth-body{padding:8px 24px}.auth-comparison{max-width:240px;margin-bottom:14px}.auth-example-photos{border-radius:20px}.auth-example-switch{margin-top:8px}.auth-body h2,.auth-body h3{margin-bottom:8px;font-size:36px}.auth-body>p{font-size:14px}.auth-actions{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}}@media (max-height:540px){.auth-comparison{display:none}.auth-body h2,.auth-body h3{font-size:30px}.auth-account-icon{display:none}}@container auth-body (max-height:350px){.auth-comparison{max-width:200px;margin-bottom:12px}}@container auth-body (max-height:300px){.auth-comparison{display:none}}.account-looks-link{border:1px solid var(--line);text-align:left;background:#f6f6f3;border-radius:16px;align-items:center;gap:14px;width:100%;margin-top:32px;padding:18px 16px;font-weight:650;display:flex}.account-looks-link>span:nth-child(2){flex:1}.account-looks-link small{color:var(--muted);margin-top:4px;font-size:13px;font-weight:400;display:block}.account-looks-icon{background:#e9eae5;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.saved-looks,.saved-look-detail{flex-direction:column;flex:1;min-height:0;display:flex}.looks-gallery{overscroll-behavior-y:contain;flex:1;min-height:0;padding:0 16px 20px;overflow-y:auto}.looks-gallery[hidden]{display:none}.looks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;display:grid}.look-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.look-card-photo{aspect-ratio:4/5;color:#73776f;background:#eeefeb;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.look-card-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.look-card-photo img.loaded{opacity:1}.look-card-name{width:100%;padding:12px 12px 0;font-size:16px;font-weight:650}.look-card-date{color:var(--muted);padding:5px 12px 13px;font-size:12px}.look-skeleton{aspect-ratio:4/6;background:#eeefeb;border-radius:16px;position:relative;overflow:hidden}.looks-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:24px;display:flex}.looks-gallery:not([hidden]):has(.looks-empty){display:flex}.looks-empty>svg{color:#777c72;flex-shrink:0}.looks-empty h2{letter-spacing:-.7px;font-size:clamp(23px,7vw,32px);font-weight:600;line-height:1.1}.looks-empty p{max-width:300px;color:var(--muted);font-size:15px;line-height:1.5}.looks-actions{padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}.looks-actions>.button{width:100%}.looks-actions .dock-buttons{display:flex}.looks-actions .dock-buttons>.button{flex:1}.looks-notice{color:#455341;padding:0 0 10px;font-size:13px}.looks-error{color:#97372d;padding:0 0 10px;font-size:14px;line-height:1.4}.saved-look-caption{flex-direction:column;flex-shrink:0;gap:5px;padding:0 16px 14px;display:flex}.saved-look-caption h2{min-width:0;font-size:18px;font-weight:600}.saved-look-caption time{color:var(--muted);font-size:13px}.saved-look-loading{background:#eeefeb;flex:1;margin-bottom:12px;position:relative;overflow:hidden}.look-save-status{color:#8b4531;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.look-save-status.is-saved{color:#58624f;justify-content:center}.look-save-status>span{max-width:70%}.look-save-status button{text-underline-offset:3px;flex-shrink:0;align-items:center;gap:6px;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.delete-look-dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:430px;color:var(--ink);background:#fff;border-radius:20px;margin:auto;padding:0}.delete-look-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18203b66}.delete-look-dialog .dialog-body p{font-size:15px;line-height:1.5}.delete-look-dialog .dialog-actions{gap:10px;display:flex}.delete-look-dialog .dialog-actions button{flex:1}@media (max-height:650px){.account-looks-link{margin-top:16px;padding:12px}.looks-empty{gap:12px;padding:16px}}.look-card-photo:has(img.loaded,img[hidden])>.image-shimmer{display:none}.result-another{background:0 0;border:0;grid-column:1/-1;min-height:44px;padding:8px 12px}.looks-actions .saved-look-buttons{grid-template-columns:1fr 1fr;display:grid}.share-look-sheet{width:100%;max-width:520px;max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden}.share-look-sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18203b66}.share-look-content{max-height:inherit;flex-direction:column;display:flex}.share-look-sheet .dialog-heading{border-bottom:0;flex-shrink:0;padding-top:14px}.share-look-body{min-height:0;padding:0 16px 12px;overflow-y:auto}.share-look-summary{align-items:center;gap:14px;margin-bottom:16px;display:flex}.share-look-summary h3{overflow-wrap:anywhere;margin:0 0 5px;font-size:18px;line-height:1.2}.share-look-summary p{color:var(--muted);margin:0;font-size:14px}.share-look-thumbnail{background:var(--bg);border-radius:12px;flex-shrink:0;width:70px;height:84px;overflow:hidden}.share-look-thumbnail img{object-fit:contain;width:100%;height:100%}.share-look-body label{color:var(--muted);margin-bottom:7px;font-size:13px;display:block}.share-look-body textarea{resize:none;border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#f7f7f5;border-radius:12px;padding:12px;font-size:14px;line-height:1.45;display:block}.share-look-actions{padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-shrink:0;gap:10px;display:grid}.share-look-actions .button{width:100%;font-size:15px}@media (max-height:600px){.share-look-summary{margin-bottom:10px}.share-look-thumbnail{width:54px;height:60px}.share-look-actions{gap:8px}}@media (max-width:350px){.share-look-actions .dock-buttons .button{font-size:13px}}.download-look{min-width:0}.download-look .button{width:100%}.download-look p{margin:6px 0 0;font-size:13px;line-height:1.4}@media (pointer:coarse){.share-look-body textarea{font-size:16px}}.account-privacy-links{flex-wrap:wrap;justify-content:center;gap:0 18px;display:flex}.account-privacy-links button,.report-look-button{min-height:44px;color:var(--muted);font:inherit;background:0 0;border:0;padding:8px 0;font-size:13px}.account-privacy-links button:hover,.report-look-button:hover{color:var(--ink)}.result-secondary-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.result-secondary-actions .result-another{padding-inline:0;font-size:14px}.report-look-button{flex-shrink:0;justify-content:center;align-items:center;gap:5px;display:inline-flex}.privacy-sheet{border:1px solid var(--line);width:min(100% - 20px,480px);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--paper,#fff);border-radius:24px;margin:auto auto 10px;padding:0}.privacy-sheet::backdrop{background:#14182466}.privacy-sheet .dialog-heading{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 8px;display:flex}.privacy-sheet h2{letter-spacing:-.6px;font-size:23px}.privacy-sheet-body{max-height:62dvh;padding:8px 20px 18px;overflow-y:auto}.privacy-sheet-body p{margin-bottom:14px;font-size:15px;line-height:1.5}.privacy-sheet-actions{padding:14px 20px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;gap:8px;display:grid;position:sticky;bottom:0}.privacy-sheet .danger{color:#fff;background:#a82c35;border:0}.legal-links{flex-wrap:wrap;gap:12px;display:flex}.legal-links a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.report-reasons{border:0;margin-bottom:12px;padding:0}.report-reasons legend{color:var(--muted);font-size:13px}.report-reasons label{align-items:center;gap:10px;min-height:44px;display:flex}.report-reasons input{accent-color:#545b67;flex-shrink:0;width:20px;height:20px}.privacy-sheet textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:12px;min-height:80px;margin-top:8px;padding:12px;font-size:16px}.privacy-entry{width:min(100%,520px);height:100dvh;min-height:0;padding:env(safe-area-inset-top) 0 0;background:#fff;flex-direction:column;margin:auto;display:flex}.privacy-entry-header{flex-shrink:0;align-items:center;gap:10px;padding:12px 20px 6px;display:flex}.privacy-entry-body{flex:1;min-height:0;padding:16px 24px;overflow:auto}.privacy-entry-body h1{letter-spacing:-1.5px;margin:12px 0 18px;font-size:clamp(32px,10vw,45px);line-height:1.05}.privacy-entry-body p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.5}@media (max-height:670px){.privacy-entry-header{padding-top:4px}.privacy-entry-body{padding:4px 20px}.privacy-entry-body>svg{display:none}.privacy-entry-body h1{margin:8px 0 12px;font-size:29px}.privacy-entry-body h1 br{display:none}.privacy-entry-body p{margin-bottom:10px;font-size:13px;line-height:1.4}}@media (max-height:600px){.generation-copy{padding-block:4px 10px}.generation-copy h2{font-size:21px}.generation-live{margin-bottom:10px}.generation-live-heading{margin-bottom:9px}.generation-live>p{margin-top:8px;font-size:12px}.app-shell.screen-compare .screen-heading{padding-top:calc(6px + env(safe-area-inset-top))}.result-description,.comparison-tabs{margin-bottom:8px}.comparison-hint{padding-block:6px}.screen-compare .action-dock{gap:6px;padding-top:10px}}@media (prefers-reduced-motion:reduce){.generation-reference{transform:none}.generation-track>span{opacity:.55;width:100%;transform:none}.generation-activity span{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
