.cf-root{isolation:isolate;background:var(--bg-base);min-height:100dvh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:clip}.cf-root :is(a,button,[role=slider],[tabindex],input,label):focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.cf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cf-top{top:var(--hg-safe-top);z-index:20;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--screen-margin);background:color-mix(in srgb, var(--bg-base) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"lead title trail";display:grid;position:sticky}.cf-top-lead{grid-area:lead}.cf-top-title{grid-area:title}.cf-top-trail{grid-area:trail}.cf-top-lead,.cf-top-trail{align-items:center;gap:var(--space-2);display:flex}.cf-top-trail{justify-content:flex-end;min-width:44px}.cf-top-title{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.cf-top-name{font:600 var(--type-headline-size) / var(--type-headline-lh) var(--font-display);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cf-top-sub{font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (max-width:1023px){.cf-root .cf-desk-only{display:none}}@media (min-width:1024px){.cf-root .cf-phone-only{display:none}}.cf-top-account{display:none}@media (min-width:768px){.cf-top-account{display:flex}.cf-top{grid-template-columns:auto minmax(0,1fr) auto}.cf-top-lead:empty{display:none}.cf-top-title{text-align:start;align-items:flex-start}}@media (min-width:1024px){.cf-top{min-height:72px;padding:var(--space-3) var(--space-8);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}.cf-pill{justify-content:center;align-items:center;gap:var(--space-2);height:var(--secondary-btn-height);padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font:var(--type-button-weight) 15px / 1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-standard), border-color var(--motion-standard), transform var(--motion-standard);text-decoration:none;display:inline-flex}.cf-pill:hover:not(:disabled){background:var(--bg-card)}.cf-pill:active:not(:disabled){transform:scale(var(--motion-press-scale))}.cf-pill:disabled{opacity:.55;cursor:default}.cf-pill-primary{height:var(--cta-height);padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--type-button-size);border-color:var(--accent-primary);background:var(--accent-primary);color:var(--accent-on)}.cf-pill-primary:hover:not(:disabled){background:var(--accent-pressed)}.cf-pill-lg{height:var(--cta-height);font-size:var(--type-button-size)}.cf-pill-gold{color:var(--premium-gold);border-color:color-mix(in srgb, var(--premium-gold) 45%, transparent);background:var(--premium-bg)}.cf-pill-gold:hover:not(:disabled){background:color-mix(in srgb, var(--premium-gold) 14%, var(--premium-bg))}.cf-pill-quiet{color:var(--text-secondary);background:0 0;border-color:#0000}.cf-pill-quiet:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.cf-cost-chip{height:26px;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-on) 20%, transparent);font:600 var(--type-caption-size) / 1 var(--font-body);color:var(--accent-on);align-items:center;margin-inline-start:var(--space-1);padding:0 10px;display:inline-flex}.cf-cost-chip-muted{background:var(--bg-card);color:var(--text-secondary)}.cf-tag{z-index:3;max-width:calc(100% - 24px);font:var(--type-badge-weight) var(--type-badge-size) / 1 var(--font-body);color:var(--text-primary);border-radius:var(--radius-badge);background:color-mix(in srgb, var(--bg-base) 58%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute;top:12px;overflow:hidden}.cf-tag-left{left:12px}.cf-tag-right{right:12px}.cf-tag-dot{border-radius:var(--radius-pill);background:var(--accent-primary);flex-shrink:0;width:6px;height:6px}.cf-window{--cf-ar:1.3333;width:min(100%, calc(var(--cf-win-h,60vh) * var(--cf-ar)));aspect-ratio:var(--cf-ar);border-radius:var(--radius-card);background:var(--bg-card);animation:hg-reveal var(--motion-reveal) both;margin-inline:auto;position:relative;overflow:hidden}.cf-window>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cf-glow{aspect-ratio:1;border-radius:var(--radius-pill);background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 26%, transparent), color-mix(in srgb, var(--accent-primary) 8%, transparent) 50%, transparent);opacity:.55;pointer-events:none;z-index:-1;width:min(1100px,150%);animation:hg-breathe var(--motion-breathe) infinite;position:absolute;top:50%;left:50%;translate:-50% -50%}.cf-wiz{width:100%;max-width:680px;padding:0 var(--screen-margin);box-sizing:border-box;flex:1;grid-template:"head""stage""body"1fr"foot"/minmax(0,1fr);margin:0 auto;display:grid}.cf-panel{display:contents}.cf-head{padding:var(--space-1) 0 var(--space-4);grid-area:head}.cf-stage{--cf-win-h:30vh;--ds-upl-max-h:52vh;grid-area:stage;min-width:0;position:relative}.cf-body{min-width:0;padding:var(--space-5) 0 var(--space-4);grid-area:body}.cf-foot{bottom:var(--cf-kb,0px);z-index:10;margin:0 calc(-1 * var(--screen-margin));padding:var(--space-3) var(--screen-margin) calc(var(--space-4) + var(--hg-safe-bottom));background:var(--bg-base);gap:var(--space-2);flex-direction:column;grid-area:foot;display:flex;position:sticky}.cf-foot:before{content:"";background:linear-gradient(to top, var(--bg-base), transparent);pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}.cf-foot-row{align-items:center;gap:var(--space-3);display:flex}.cf-foot-row>.ds-btn{flex:1}.cf-foot-back{display:none}.cf-foot-note{text-align:center;font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-secondary);margin:0}.cf-error{border-radius:var(--radius-input);background:var(--chip-bad-bg);font:500 14px/1.4 var(--font-body);color:var(--text-primary);margin:0;padding:10px 14px}.cf-note{border-radius:var(--radius-input);border:1px solid var(--border-subtle);background:var(--bg-elevated);font:500 14px/1.4 var(--font-body);color:var(--text-primary);margin:0;padding:10px 14px}.cf-steps{margin:0 0 var(--space-5);gap:6px;padding:0;list-style:none;display:flex}.cf-steps li{flex:1;min-width:0}.cf-step{width:100%;color:var(--text-tertiary);font:600 12px/1.2 var(--font-body);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:8px;padding:4px 0;display:flex}.cf-step:disabled{cursor:default}.cf-step-bar{border-radius:var(--radius-pill);background:var(--border-subtle);height:4px;display:block;position:relative;overflow:hidden}.cf-step-bar:after{content:"";border-radius:inherit;background:var(--accent-primary);transform-origin:0;transition:transform var(--motion-reveal);position:absolute;inset:0;transform:scaleX(0)}.cf-step[data-state=done] .cf-step-bar:after,.cf-step[data-state=current] .cf-step-bar:after{transform:scaleX(1)}.cf-step[data-state=current] .cf-step-bar:after{box-shadow:0 0 10px color-mix(in srgb, var(--accent-primary) 60%, transparent)}.cf-step-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-step[data-state=current]{color:var(--text-primary)}.cf-step[data-state=done]{color:var(--text-secondary)}.cf-step:not(:disabled):hover .cf-step-label{color:var(--text-primary)}.cf-eyebrow{margin:0 0 var(--space-2)}.cf-title{font:700 28px/1.12 var(--font-display);letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance;margin:0}.cf-sub{margin:var(--space-2) 0 0;font:400 15px/1.5 var(--font-body);color:var(--text-secondary);text-wrap:pretty;max-width:46ch}.cf-stage-caption,.cf-stage-empty,.cf-stage:empty{display:none}.cf-wiz[data-step=photo] .cf-stage{--ds-upl-max-h:52vh}.cf-wiz[data-step=photo] .cf-stage .ds-upl-empty{min-height:min(420px,52vh)}.cf-wiz[data-step=style] .cf-stage{--cf-win-h:22vh}.cf-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:600px){.cf-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.cf-choice{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-elevated);min-height:56px;color:var(--text-secondary);font:600 15px/1.2 var(--font-body);text-align:start;cursor:pointer;transition:color var(--motion-standard), border-color var(--motion-standard), background-color var(--motion-standard), transform var(--motion-standard);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.cf-choice:hover{color:var(--text-primary)}.cf-choice:active{transform:scale(var(--motion-press-scale))}.cf-choice-icon{border-radius:var(--radius-pill);background:var(--bg-card);width:42px;height:42px;color:var(--text-secondary);transition:background-color var(--motion-standard), color var(--motion-standard);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cf-choice[aria-pressed=true]{color:var(--text-primary);border-color:var(--border-selected);background:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-elevated))}.cf-choice[aria-pressed=true] .cf-choice-icon{background:var(--accent-primary);color:var(--accent-on)}.cf-examples-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.cf-examples-title{font:600 var(--type-headline-size) / var(--type-headline-lh) var(--font-display);color:var(--text-primary);margin:0}.cf-link{color:var(--text-primary);font:600 14px/1 var(--font-body);text-decoration:underline;-webkit-text-decoration-color:var(--border-subtle);text-decoration-color:var(--border-subtle);text-underline-offset:5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 2px;display:inline-flex}.cf-link:hover{text-decoration-color:currentColor}.cf-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px) and (max-width:1023px){.cf-examples{grid-template-columns:repeat(4,minmax(0,1fr))}}.cf-example{flex-direction:column;gap:6px;margin:0;display:flex}.cf-example-img{aspect-ratio:4/3;border-radius:var(--radius-thumbnail);background:var(--bg-card);position:relative;overflow:hidden}.cf-example-img img{object-fit:cover;width:100%;height:100%;display:block}.cf-example-badge{border-radius:var(--radius-pill);height:24px;font:600 12px/1 var(--font-body);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:4px;padding:0 9px;display:inline-flex;position:absolute;top:8px;left:8px}.cf-example-badge[data-kind=good]{background:color-mix(in srgb, var(--success) 70%, var(--bg-base))}.cf-example-badge[data-kind=bad]{background:color-mix(in srgb, var(--danger) 70%, var(--bg-base))}.cf-example figcaption{font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-secondary)}.cf-tip-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cf-tip-list li{font:400 15px/1.45 var(--font-body);color:var(--text-secondary);gap:10px;display:flex}.cf-tip-list li:before{content:"";border-radius:var(--radius-pill);background:var(--accent-primary);flex-shrink:0;width:6px;height:6px;margin-top:8px}.cf-understood{margin-top:var(--space-4)}.cf-understood-head{margin-bottom:var(--space-2);font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.cf-understood-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.cf-understood-chip{border-radius:var(--radius-pill);background:var(--bg-elevated);height:34px;font:500 var(--type-caption-size) / 1 var(--font-body);cursor:pointer;border:1px solid;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.cf-understood-chip:hover{background:var(--bg-card)}.cf-stage .hg-mask-box,.cf-stage .hg-object-photo,.cf-stage .hg-color-preview{border-radius:var(--radius-card)}.cf-stage .hg-mask-stage{border-radius:var(--radius-card);overflow:hidden}.cf-stage .hg-mask-tool{border:1px solid var(--border-subtle);width:44px;height:44px}.cf-stage .hg-mask-tool-selected{border-color:var(--accent-primary)}.cf-stage .hg-mask-status{color:var(--text-secondary);font-size:14px}.cf-stage .hg-object-box{border-color:color-mix(in srgb, var(--text-primary) 70%, transparent);transition:background-color var(--motion-standard)}.cf-stage .hg-object-box:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.cf-stage .hg-object-box-selected{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 32%, transparent);box-shadow:0 0 0 1px var(--accent-primary)}.cf-stage .hg-object-box-label{background:color-mix(in srgb, var(--bg-base) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.cf-stage .hg-object-hint{color:var(--text-secondary);font-size:14px}.cf-stage .hg-object-fallback-cta{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-primary);padding:12px 20px;font-weight:600}.cf-stage .hg-chip,.cf-body .hg-chip{border:1px solid var(--border-subtle);background:var(--bg-elevated);transition:border-color var(--motion-standard), background-color var(--motion-standard);padding:10px 18px;font-size:15px;font-weight:500}.cf-stage .hg-chip-selected,.cf-body .hg-chip-selected{border-color:var(--border-selected);background:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-elevated));color:var(--text-primary)}.cf-body .hg-color-name-row{margin-top:0}.cf-body .hg-color-name{font:600 var(--type-headline-size) / var(--type-headline-lh) var(--font-display)}.cf-stage .hg-color-preview-label{background:color-mix(in srgb, var(--bg-base) 58%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-weight:600;top:12px}.cf-stage .hg-color-preview-divider{background:var(--text-primary)}.cf-body .hg-object-detail,.cf-stage .hg-object-detail{transition:border-color var(--motion-standard), box-shadow var(--motion-standard)}.cf-stage .hg-object-detail:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.cf-stage .hg-object-photo{width:min(100%, calc(var(--cf-canvas-h,52vh) * var(--cf-ar,1.3333)));aspect-ratio:var(--cf-ar,1.3333);margin-top:0;margin-inline:auto}.cf-stage .hg-color-preview{width:min(100%, calc(var(--cf-canvas-h,46vh) * 4 / 3));margin-inline:auto}@media (min-width:768px){.cf-title{font-size:34px}.cf-stage{--cf-win-h:38vh}.cf-wiz[data-step=style] .cf-stage{--cf-win-h:26vh}.cf-wiz[data-step=photo] .cf-stage{--ds-upl-max-h:50vh}}@media (min-width:1024px){.cf-root-app{height:calc(100vh - var(--hg-safe-top));height:calc(100dvh - var(--hg-safe-top));overflow:hidden}.cf-wiz{max-width:1520px;min-height:0;padding:var(--space-2) var(--space-8) var(--space-8);column-gap:var(--space-10);grid-template:"stage head""stage body"minmax(0,1fr)"stage foot"/minmax(0,1fr) clamp(380px,31vw,460px)}.cf-head{padding:0 0 var(--space-5)}.cf-title{font-size:34px}.cf-stage{--cf-win-h:calc(100cqh - 56px);--ds-upl-max-h:100cqh;--cf-canvas-h:calc(100cqh - 150px);flex-direction:column;justify-content:center;min-height:0;display:flex;container-type:size}.cf-wiz[data-step=style] .cf-stage{--cf-win-h:calc(100cqh - 120px)}.cf-wiz[data-step=photo] .cf-stage{--ds-upl-max-h:100cqh}.cf-wiz[data-step=photo] .cf-stage .ds-upl-empty{min-height:0}.cf-stage:empty{display:flex}.cf-stage-empty{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-sheet);border:1px solid var(--border-subtle);background:var(--bg-elevated);height:100%;color:var(--text-secondary);font:400 15px/1.4 var(--font-body);text-align:center;isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.cf-stage-caption{margin:var(--space-4) auto 0;text-align:center;max-width:60ch;font:400 15px/1.5 var(--font-body);color:var(--text-secondary);display:block}.cf-stage-caption strong{color:var(--text-primary);font-weight:600}.cf-wiz:is([data-step=mask],[data-step=object],[data-step=color]) .cf-stage{padding-top:var(--space-1);justify-content:flex-start;overflow-y:auto}.cf-stage .hg-mask-box{height:min(calc(100cqh - 120px), calc(100cqw / var(--mask-ar,1.3333)));background:0 0;flex-shrink:0}.cf-wiz[data-step=mask] .cf-stage{justify-content:center}.cf-wiz[data-step=object] .cf-stage{--cf-canvas-h:calc(100cqh - 240px)}.cf-panel{display:contents}.cf-body{min-height:0;padding:0 0 var(--space-5);scrollbar-gutter:stable;margin-inline-end:calc(-1 * var(--space-2));padding-inline-end:var(--space-2);overflow-y:auto}.cf-foot{padding:var(--space-4) 0 0;border-top:1px solid var(--border-subtle);margin:0;position:static}.cf-foot:before{display:none}.cf-foot-back{display:inline-flex}.cf-choices,.cf-panel .ds-styles,.cf-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1440px){.cf-panel .ds-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px) and (max-height:700px){.cf-stage{--cf-win-h:22vh}.cf-wiz[data-step=style] .cf-stage{--cf-win-h:18vh}.cf-head{padding-bottom:var(--space-2)}.cf-body{padding-top:var(--space-3)}.cf-foot{padding-top:var(--space-2);padding-bottom:calc(var(--space-2) + var(--hg-safe-bottom));gap:6px}.cf-foot:before{height:14px}.cf-verify,.cf-foot .hg-verify{gap:8px 12px;padding:8px 12px}.cf-verify .hg-verify-body,.cf-foot .hg-verify-body{display:none}.cf-verify .hg-verify-resend,.cf-foot .hg-verify-resend{min-height:36px}}@media (max-width:1023px){:root[data-cf-kb] .cf-foot{padding-bottom:var(--space-2)}:root[data-cf-kb] .cf-foot-note,:root[data-cf-kb] .cf-foot:before{display:none}}@media (prefers-reduced-motion:reduce){.cf-glow,.cf-window{animation:none}.cf-step-bar:after,.cf-choice,.cf-pill{transition:none}}.cf-verify{margin-top:var(--space-4)}