:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#f47c70;--color-success:#6fc884;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#02071d;--color-paper-2:#071129;--color-paper-3:#0f1c37;--color-ink:#e7f0f9;--color-ink-2:#bddcf7;--color-muted:#98a9c1;--color-rule:#1c2a48;--color-rule-2:#364868;--color-accent:#6bcbf7;--color-accent-2:#3483ad;--color-accent-ink:#040c22;--color-focus:#7bd8ff;--font-display:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--font-outlier:var(--font-display);--radius-card:0;--radius-pill:0;--rule-hair:1px;--shadow-card:0 24px 48px -24px #000006b3;--tracking-display:-.015em;--display-weight:300;--display-stretch:125%}@supports (color:lab(0% 0 0)){:root{--color-error:lab(66.0977% 46.4553 28.7923);--color-success:lab(73.824% -38.9805 25.4059);--color-paper:lab(2.24616% 1.84616 -12.567);--color-paper-2:lab(5.33458% 2.54846 -17.785);--color-paper-3:lab(10.2104% 2.58208 -19.5653);--color-ink:lab(94.185% -1.71709 -5.69613);--color-ink-2:lab(86.0649% -6.18124 -16.9245);--color-muted:lab(68.5599% -2.45991 -14.4712);--color-rule:lab(17.1931% 1.92536 -20.7432);--color-rule-2:lab(30.0276% .277847 -21.5631);--color-accent:lab(77.0855% -20.2052 -30.9388);--color-accent-2:lab(51.3299% -14.0392 -30.1306);--color-accent-ink:lab(3.40326% 2.17509 -15.3333);--color-focus:lab(81.8097% -23.1718 -32.7371);--shadow-card:0 24px 48px -24px lab(.133038% .728458 -2.74868/.7)}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-ink-2);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale()contrast(1.08);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:var(--color-paper);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}
h1,h2{font-weight:var(--display-weight);font-stretch:var(--display-stretch);line-height:1.04}h3{font-weight:500}.shell{background:var(--color-paper);flex-direction:column;min-height:100dvh;display:flex}.shell__bar{z-index:var(--z-sticky-nav);background:var(--color-paper);border-bottom:var(--rule-hair) solid var(--color-rule);position:sticky;top:0}.shell__bar-inner,.shell__main,.shell__foot-inner{width:100%;max-width:40rem;padding-inline:var(--gutter);margin-inline:auto}.shell__bar-inner{justify-content:space-between;align-items:baseline;gap:var(--space-md);min-height:3.5rem;display:flex}.shell__wordmark{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);letter-spacing:var(--tracking-display);font-size:var(--text-lg)}.shell__tag{color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.shell__main{padding-block:var(--space-xl) var(--space-2xl);gap:var(--space-xl);flex:1;display:grid}.shell__foot{border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.shell__foot-inner{padding-block:var(--space-lg);gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);display:grid}.banner{padding:var(--space-md);background:var(--color-paper-2)}.banner--model{background:var(--color-paper-3)}.banner__title{margin:0 0 var(--space-2xs);font-weight:500}.banner__body{color:var(--color-muted);font-size:var(--text-sm);max-width:28ch}.hero{gap:var(--space-lg);display:grid}.hero h1{font-size:var(--text-3xl);max-width:10ch}.hero .lead{color:var(--color-ink-2)}.hero__actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.price{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500}.samples{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.samples h2{font-size:var(--text-section)}.sample-grid{gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sample{gap:var(--space-2xs);display:grid}.sample__frame{background:var(--color-paper-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:14rem;display:grid}.sample__now,.sample__next{min-width:0;min-height:14rem}.sample__now{background:var(--color-paper-3)}.sample__next{background:color-mix(in oklab, var(--color-accent-2) 28%, var(--color-paper-2))}.sample__caption{color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.step{gap:var(--space-lg);display:grid}.step__meta{color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.choices{gap:var(--space-xs);border:0;margin:0;padding:0;display:grid}.choices legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.choice{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule-2);min-height:44px;color:var(--color-ink);text-align:left;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid}.choice:hover{background:var(--color-paper-2)}.choice:active{transform:translateY(1px)}.choice.is-on,.choice[aria-pressed=true],.choice[aria-checked=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.choice.is-on .choice__hint,.choice[aria-pressed=true] .choice__hint,.choice[aria-checked=true] .choice__hint{color:color-mix(in oklab, var(--color-paper) 72%, var(--color-ink))}.choice__label{font-weight:500}.choice__hint{color:var(--color-muted);font-size:var(--text-sm)}.choice:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.choice:disabled{opacity:.55;cursor:not-allowed;transform:none}.dropzone{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-2);transition:background-color var(--dur-short) var(--ease-out)}.dropzone--active{background:var(--color-paper-3)}.dropzone__label{justify-items:start;gap:var(--space-xs);padding:var(--space-xl);cursor:pointer;min-height:12rem;display:grid}.dropzone__plus{font-size:var(--text-2xl);font-weight:var(--display-weight);font-stretch:var(--display-stretch);line-height:1}.dropzone__title{font-weight:500}.dropzone__meta{color:var(--color-muted);font-size:var(--text-sm)}.dropzone__preview{aspect-ratio:3/4;object-fit:cover;background:var(--color-paper-3);width:min(12rem,100%)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-lg);border:var(--rule-hair) solid transparent;border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;font-weight:500;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-focus)}.btn--quiet{border-color:var(--color-rule-2)}.btn--quiet:hover{background:var(--color-paper-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}.hint,.status-line,.error-line{font-size:var(--text-sm);color:var(--color-muted);max-width:28ch}.error-line{color:var(--color-error)}.compare{gap:var(--space-sm);display:grid}.compare__board{background:var(--color-paper-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.compare__cell{min-width:0;position:relative}.compare__cell img{aspect-ratio:3/4;object-fit:cover;background:var(--color-paper-3);width:100%}.compare__empty{aspect-ratio:3/4;background:var(--color-paper-3)}.compare__label{padding:var(--space-xs) var(--space-sm);background:color-mix(in oklab, var(--color-paper) 72%, transparent);font-size:var(--text-sm);font-weight:500;position:absolute;bottom:0;left:0;right:0}.compare__tag{color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.directions{gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper-2);display:grid}.directions ol{gap:var(--space-xs);margin:0;padding-left:1.2em;display:grid}.meter{background:var(--color-rule-2);height:2px}.meter>span{width:100%;height:100%;transform:scaleX(var(--progress,.2));transform-origin:0;background:var(--color-accent);transition:transform var(--dur-short) var(--ease-out);display:block}.working{gap:var(--space-md);display:grid}.share{gap:var(--space-sm);display:grid}.share textarea{width:100%;min-height:8rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-muted);background:var(--color-paper);color:var(--color-ink);resize:vertical}.share textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.settle{animation:settle var(--dur-long) var(--ease-out) both}@keyframes settle{0%{opacity:.6}}@media (max-width:40rem){.sample-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){.settle{animation:none}.choice:active,.btn:active{transform:none}}