:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--screen-width:393;--screen-height:852;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-state:.18s;--duration-press:.16s}*{box-sizing:border-box}html,body{min-height:100%}body{color:#020617;-webkit-font-smoothing:antialiased;background:#d1d2d4;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;overflow-x:hidden}.screen-stage{background:#d1d2d4;place-items:center;min-height:100dvh;display:grid}.figma-screen{aspect-ratio:393/852;background:#f3f4f6;width:min(393px,100vw);position:relative;overflow:hidden}.figma-reference{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.shimmer-title-shell{background:#f3f4f6;align-items:center;width:48.3461%;height:3.87324%;display:flex;position:absolute;top:39.9061%;left:4.07125%}.shimmer-title{color:#020617;white-space:nowrap;font-size:17px;font-weight:500;line-height:20px;display:inline-block}.shimmer-text-clip{line-height:0;display:inline-block;overflow:hidden}.state-layer{filter:blur();transition:opacity var(--duration-state) var(--ease-out), filter var(--duration-state) var(--ease-out), visibility 0s linear var(--duration-state)}.state-layer.is-hidden{visibility:hidden;opacity:0;filter:blur(2px);pointer-events:none}.shimmer-title-shell.state-layer:not(.is-hidden),.loading-grid-overlay.state-layer:not(.is-hidden){transition-delay:0s,0s,0s}.result-title-row{z-index:3;visibility:hidden;color:#020617;opacity:0;filter:blur(2px);background:#f3f4f6;justify-content:space-between;align-items:center;height:4.22535%;font-size:17px;line-height:22px;display:flex;position:absolute;top:39.9061%;left:4.07125%;right:4.07125%}.result-title-row.is-visible,.results-grid-overlay.is-visible{visibility:visible;opacity:1;filter:blur();transition-delay:60ms,60ms,0s}.regenerate-button{color:#020617;height:34px;font:inherit;cursor:pointer;transition:transform var(--duration-press) var(--ease-out);background:#fdfefe;border:1px solid #e7eaed;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;line-height:18px;display:flex;transform:scale(1)}.regenerate-button:active{transform:scale(.97)}.regenerate-button img{width:16px;height:16px;display:block}.loading-grid-overlay{aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.12202%;width:95.9288%;display:grid;position:absolute;top:45.7746%;left:2.03562%}.results-grid-overlay{z-index:2;aspect-ratio:1;visibility:hidden;opacity:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.12202%;width:95.9288%;display:grid;position:absolute;top:45.7746%;left:2.03562%}.result-avatar-card{aspect-ratio:1;cursor:pointer;opacity:.92;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#fff;border:0;border-radius:16px;padding:0;position:relative;overflow:hidden;transform:scale(.97)}.results-grid-overlay.is-visible .result-avatar-card{opacity:1;transition-delay:60ms;transform:scale(1)}.results-grid-overlay.is-visible .result-avatar-card:active{transition-duration:var(--duration-press);transform:scale(.97)}.result-avatar-card img{object-fit:cover;width:106.38%;max-width:none;height:106.38%;display:block;transform:translate(-3%,-3%)}.result-avatar-card:nth-child(3) img{transform:translate(-3%,1.6%)}.loading-tile{aspect-ratio:1;isolation:isolate;contain:paint;background:#eef6fd;border-radius:16px;position:relative;overflow:hidden}.mesh-plane{z-index:0;transform-origin:50%;--field-delay:-.6s;--veil-delay:-1.2s;background:#eaf3fb;position:absolute;inset:-8%;overflow:hidden}.mesh-plane:before,.mesh-plane:after{content:"";pointer-events:none;transform-origin:50%;will-change:transform;position:absolute;inset:-8%}.mesh-plane:before{filter:blur(18px)saturate(1.06);animation:mesh-field-flow 6s linear var(--field-delay) infinite;background:radial-gradient(68% 78% at 16% 20%,#d3e7fa 0 22%,#0000 66%),radial-gradient(62% 72% at 84% 18%,#bec8f5 0 20%,#0000 64%),radial-gradient(72% 62% at 78% 86%,#a9e8ef 0 22%,#0000 66%),radial-gradient(74% 68% at 24% 82%,#b8d7f5 0 24%,#0000 68%),linear-gradient(135deg,#eaf3fb 0%,#dce8f6 100%)}.mesh-plane:after{filter:blur(24px);opacity:.58;animation:mesh-field-veil 7.2s linear var(--veil-delay) infinite;background:radial-gradient(70% 54% at 24% 40%,#c6e7f4 0 22%,#0000 70%),radial-gradient(54% 74% at 78% 62%,#d3e7fa 0 24%,#0000 68%)}.phase-2 .mesh-plane{--field-delay:-2.1s;--veil-delay:-3s}.phase-3 .mesh-plane{--field-delay:-3.6s;--veil-delay:-4.8s}.phase-4 .mesh-plane{--field-delay:-5.1s;--veil-delay:-6.6s}.progress-value{z-index:2;color:#000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;background:#ffffff5c;border-radius:8px;min-width:43px;padding:4px 8px;font-size:13px;font-weight:400;line-height:17px;position:absolute;top:8px;left:8px}.bottom-action-layer{z-index:10;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#f3f4f600 0%,#f3f4f6 11% 100%);height:104px;padding:12px 16px 0;position:absolute;bottom:0;left:0;right:0}.save-button{color:#fff;width:100%;height:46px;font:inherit;cursor:pointer;opacity:1;transition:opacity .2s var(--ease-out), transform var(--duration-press) var(--ease-out);background:#020617;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:17px;font-weight:400;line-height:22.4px;display:flex;transform:scale(1)}.save-button:not(:disabled):active{transform:scale(.97)}.save-button:disabled{cursor:default;opacity:.4}.home-indicator-area{justify-content:center;align-items:flex-end;height:46px;padding-bottom:8px;display:flex}.home-indicator{background:#000;border-radius:999px;width:134px;height:5px;display:block}@keyframes mesh-field-flow{0%{transform:translate(-8%,-6%)rotate(-3deg)scale(1.04,.98)}34%{transform:translate(7%,-3%)rotate(2deg)scale(.98,1.06)}68%{transform:translate(-2%,8%)rotate(-1deg)scale(1.07,1.01)}to{transform:translate(-8%,-6%)rotate(-3deg)scale(1.04,.98)}}@keyframes mesh-field-veil{0%{transform:translate(9%,-7%)rotate(4deg)scale(1.06,.94)}38%{transform:translate(-8%,4%)rotate(-2deg)scale(.96,1.08)}72%{transform:translate(4%,9%)rotate(1deg)scale(1.04,1.02)}to{transform:translate(9%,-7%)rotate(4deg)scale(1.06,.94)}}@media (prefers-reduced-motion:reduce){.mesh-plane:before,.mesh-plane:after{animation:none;transform:none}.regenerate-button,.result-avatar-card,.results-grid-overlay.is-visible .result-avatar-card,.results-grid-overlay.is-visible .result-avatar-card:active,.save-button,.save-button:not(:disabled):active{transform:none}}
