:root{color-scheme:light;--canvas:#fbfbfd;--surface-1:#fff;--surface-2:#f5f5f7;--surface-3:#ebebf0;--hairline:#00000014;--hairline-strong:#00000029;--ink:#1d1d1f;--ink-muted:#424245;--ink-subtle:#6e6e73;--ink-tertiary:#76767d;--primary:#0047ab;--primary-hover:#003a8f;--primary-top:#1663cf;--accent-ink:#0047ab;--primary-focus:#0047ab;--primary-tint:#0047ab1a;--primary-rgb:0, 71, 171;--gradient-partner:#3f45e3;--success:#1d8a3c;--canvas-rgb:251, 251, 253;--nav-glass:#fbfbfdcc;--bar-glass:#fbfbfdd9;--chip-bg:#0000000f;--chip-bg-hover:#0000001a;--edge-highlight:inset 0 1px 0 #ffffffa6;--scroll-thumb:#d5d5da;--drop-drag-bg:#fdfdff;--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:9999px;--shadow-card:0 1px 2px #0000000a, 0 8px 24px #0000000d;--shadow-lift:0 2px 4px #0000000d, 0 16px 40px #00000017;--shadow-pop:0 24px 60px #00000024, 0 6px 18px #00000012;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html[data-theme=dark]{color-scheme:dark;--canvas:#0e0f12;--surface-1:#16171c;--surface-2:#1e2026;--surface-3:#272931;--hairline:#ffffff17;--hairline-strong:#ffffff2e;--ink:#f5f6f8;--ink-muted:#d3d5db;--ink-subtle:#a2a4ad;--ink-tertiary:#8b8d96;--primary:#0047ab;--primary-hover:#1456bd;--primary-top:#1663cf;--accent-ink:#7fabff;--primary-focus:#7fabff;--primary-tint:#7fabff24;--primary-rgb:87, 140, 235;--canvas-rgb:14, 15, 18;--nav-glass:#0e0f12bf;--bar-glass:#0e0f12cc;--chip-bg:#ffffff14;--chip-bg-hover:#ffffff21;--edge-highlight:inset 0 1px 0 #ffffff0f;--scroll-thumb:#3a3d46;--drop-drag-bg:#191b21;--shadow-card:0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-lift:0 2px 4px #00000059, 0 16px 40px #00000073;--shadow-pop:0 24px 60px #0000008c, 0 6px 18px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(var(--primary-rgb), .18);font-size:16px;line-height:1.5;overflow-x:clip}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}h1,h2,h3{text-wrap:balance}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:rgba(var(--primary-rgb), .22)}:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}html.theme-switching,html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,fill .3s,stroke .3s!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wn-container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.eyebrow{letter-spacing:.08em;color:var(--ink-tertiary);text-transform:uppercase;font-size:12px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-primary{background:var(--primary);background:linear-gradient(180deg, var(--primary-top), var(--primary));color:#fff;border-radius:var(--r-pill);box-shadow:inset 0 1px 0 #fff3, 0 1px 2px rgba(var(--primary-rgb), .4), 0 6px 16px rgba(var(--primary-rgb), .22);border:none;padding:11px 22px;font-size:14px;font-weight:500;transition:background .15s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.btn-primary:hover{background:linear-gradient(180deg, var(--primary-hover), var(--primary-hover));box-shadow:inset 0 1px 0 #fff3, 0 2px 4px rgba(var(--primary-rgb), .4), 0 10px 24px rgba(var(--primary-rgb), .3);transform:translateY(-1px)}.btn-primary:active{box-shadow:inset 0 1px 0 #ffffff1f, 0 1px 2px rgba(var(--primary-rgb), .35);transform:translateY(0)scale(.98)}.btn-primary:focus-visible{box-shadow:inset 0 1px 0 #fff3, 0 1px 2px rgba(var(--primary-rgb), .4), 0 6px 16px rgba(var(--primary-rgb), .22), 0 0 0 3px var(--canvas), 0 0 0 5px var(--accent-ink);outline:none}.btn-secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--r-pill);box-shadow:var(--edge-highlight);padding:10px 21px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.btn-secondary:hover{border-color:var(--ink-subtle);background:var(--surface-2)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{color:var(--ink-subtle);border-radius:var(--r-md);background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s,transform .15s}.btn-ghost:hover{color:var(--ink);background:var(--chip-bg)}.btn-ghost:active{transform:scale(.97)}.preview-shell{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--shadow-card), var(--edge-highlight);overflow:hidden;container-type:inline-size}.browser-bar{border-bottom:1px solid var(--hairline);background:var(--surface-2);align-items:center;gap:16px;padding:11px 16px;display:flex}.browser-dots{flex:none;gap:6px;display:inline-flex}.browser-dots i{background:#d9d9de;border-radius:50%;width:10px;height:10px}.browser-dots i:first-child{background:#f6726f}.browser-dots i:nth-child(2){background:#f5bd4f}.browser-dots i:nth-child(3){background:#61c554}.browser-url{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--hairline);max-width:420px;color:var(--ink-subtle);letter-spacing:.01em;white-space:nowrap;flex:1;align-items:center;gap:7px;margin:0 auto;padding:5px 14px;font-size:12px;display:inline-flex;overflow:hidden}.browser-url svg{width:11px;height:11px;color:var(--ink-tertiary);flex:none}.web-caption{text-align:center;border-top:1px solid var(--hairline);color:var(--ink-subtle);letter-spacing:-.01em;padding:12px 20px;font-size:13px;font-weight:550;display:block}.preview-shell-meta{color:var(--ink-tertiary);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:11px}.preview-viewport-light{background:#fff}.phone-frame{width:min(340px,100%);box-shadow:var(--shadow-pop);background:#0b0b0d;border:1px solid #0000001f;border-radius:44px;flex:none;padding:10px}.phone-screen{aspect-ratio:9/19.2;background:#121212;border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-statusbar{color:#fff;flex:none;justify-content:space-between;align-items:center;padding:10px 18px 4px;font-size:12px;font-weight:600;display:flex}.phone-statusbar .sb-icons{color:#cfcfcf;align-items:center;gap:5px;display:inline-flex}.phone-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.phone-tabbar{background:#161616;border-top:1px solid #232323;flex:none;justify-content:space-around;align-items:stretch;padding:6px 4px 4px;display:flex}.phone-tab{color:#8b8b8b;flex-direction:column;align-items:center;gap:2px;min-width:52px;font-size:9px;display:flex}.phone-tab svg{width:18px;height:18px}.phone-tab.active{color:#fff;font-weight:600}.phone-homebar{background:#161616;flex:none;justify-content:center;align-items:center;height:18px;display:flex}.phone-homebar span{background:#4c4c4c;border-radius:4px;width:110px;height:4px}.fake-cover{background-position:50%;background-size:cover;border-radius:3px;flex:none;align-items:flex-end;display:flex;position:relative;overflow:hidden}.fake-cover:after{content:"";background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.fake-cover em{z-index:1;color:#fff;text-shadow:0 1px 3px #000000b3;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;padding:6% 7%;font-style:normal;font-weight:800;line-height:1.05;display:-webkit-box;position:relative;overflow:hidden}.fake-cover-img{object-fit:cover;object-position:center top;z-index:2;width:100%;height:100%;position:absolute;inset:0}.user-cover-img{object-fit:cover;object-position:center;width:100%;height:100%}.tool-nav{z-index:50;background:var(--nav-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline);position:sticky;top:0}.tool-nav-inner{align-items:center;gap:28px;height:56px;display:flex}.tool-brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.tool-brand-mark{background:linear-gradient(135deg, var(--primary-top), var(--gradient-partner));color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-style:italic;font-weight:800;display:flex}.tool-nav-action{opacity:0;pointer-events:none;align-items:center;gap:4px;margin-left:auto;transition:opacity .3s;display:inline-flex}.tool-nav-action.is-visible{opacity:1;pointer-events:auto}#nav-reset{color:var(--ink-tertiary)}#nav-reset:hover{color:#b42318}@media (width<=720px){.tool-links{display:none}}.landing{text-align:center;padding:88px 0 40px;transition:opacity .45s,transform .45s;position:relative}.landing-inner{z-index:1;position:relative}.landing:before{content:"";background:radial-gradient(closest-side, rgba(var(--primary-rgb), .1), rgba(var(--primary-rgb), .04) 55%, transparent 75%);pointer-events:none;width:min(1100px,120vw);height:560px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.landing.leaving{opacity:0;pointer-events:none;transform:translateY(-14px)}.landing h1{letter-spacing:-.032em;max-width:900px;margin:20px auto 22px;font-size:clamp(42px,6.6vw,76px);font-weight:700;line-height:1.04}.landing h1 .accent{background:linear-gradient(100deg, var(--accent-ink), var(--gradient-partner));color:#0000;-webkit-background-clip:text;background-clip:text}.landing .lede{color:var(--ink-subtle);letter-spacing:-.01em;max-width:600px;margin:0 auto 52px;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.dropzone{border:1.5px dashed var(--hairline-strong);border-radius:var(--r-xl);background:var(--surface-1);cursor:pointer;width:min(620px,100%);box-shadow:var(--shadow-card), var(--edge-highlight);margin:0 auto;padding:64px 32px;transition:border-color .2s,box-shadow .2s,transform .2s}.dropzone:hover,.dropzone.drag{border-color:var(--primary);box-shadow:var(--shadow-lift)}.dropzone.drag{background:var(--drop-drag-bg);border-style:solid;transform:scale(1.015)}.dropzone-icon{background:var(--primary-tint);width:60px;height:60px;color:var(--accent-ink);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 20px;transition:transform .2s,background .2s;display:flex}.dropzone:hover .dropzone-icon{transform:translateY(-3px)}.dropzone.drag .dropzone-icon{background:rgba(var(--primary-rgb), .16);transform:translateY(-6px)scale(1.06)}.dropzone-icon svg{width:26px;height:26px}.dropzone h2{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:600}.dropzone p{color:var(--ink-subtle);margin:0;font-size:15px}.dz-ratio{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-top:20px;padding:5px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.formats{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--hairline);color:var(--ink-tertiary);letter-spacing:.02em;align-items:center;gap:8px;margin-top:26px;padding:6px 16px;font-size:12.5px;display:inline-flex}.how-steps{flex-wrap:wrap;justify-content:center;gap:12px 36px;margin:44px auto 0;padding:0;list-style:none;display:flex}.how-steps li{color:var(--ink-subtle);letter-spacing:-.01em;align-items:center;gap:10px;font-size:14px;display:inline-flex}.how-num{border-radius:var(--r-pill);background:var(--primary-tint);width:22px;height:22px;color:var(--accent-ink);flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.demo-link{color:var(--accent-ink);border-radius:var(--r-sm);text-decoration:underline;text-decoration-color:rgba(var(--primary-rgb), .35);text-underline-offset:3px;background:0 0;border:none;margin-top:18px;padding:4px 6px;font-size:14px;font-weight:500;transition:color .15s,text-decoration-color .15s;display:inline-block}.demo-link:hover{color:var(--primary-hover);text-decoration-color:currentColor}.upload-error,.ratio-warning{border-radius:var(--r-md);text-align:left;width:min(620px,100%);margin:16px auto 0;padding:11px 16px;font-size:14px}.upload-error{color:#b42318;background:#dc262612;border:1px solid #dc26264d}.ratio-warning{color:#8a5a06;background:#eab30817;border:1px solid #eab30866}.studio{animation:.55s cubic-bezier(.22,1,.36,1) both studio-in}@keyframes studio-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.studio-bar{z-index:40;background:var(--bar-glass);-webkit-backdrop-filter:blur(16px);justify-content:center;padding:18px 24px;display:flex;position:sticky;top:56px}.studio-tabs{background:var(--surface-3);border-radius:var(--r-pill);counter-reset:studio-step;gap:4px;padding:4px;display:inline-flex;position:relative}.tab-pill{border-radius:var(--r-pill);background:var(--surface-1);width:0;height:calc(100% - 8px);box-shadow:0 1px 3px #0000001f, var(--edge-highlight);will-change:transform, width;transition:transform .38s cubic-bezier(.34,1.3,.64,1),width .38s cubic-bezier(.34,1.3,.64,1);position:absolute;top:4px;left:0}@media (prefers-reduced-motion:reduce){.tab-pill{transition:none}}.studio-tab{appearance:none;color:var(--ink-subtle);letter-spacing:-.01em;border-radius:var(--r-pill);white-space:nowrap;z-index:1;background:0 0;border:none;align-items:center;gap:8px;padding:7px 18px;font-size:13.5px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s;display:inline-flex;position:relative}.studio-tab:before{counter-increment:studio-step;content:counter(studio-step);border-radius:var(--r-pill);background:var(--chip-bg);width:17px;height:17px;color:var(--ink-tertiary);justify-content:center;align-items:center;font-size:10.5px;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.studio-tab:hover:before{background:var(--chip-bg-hover)}.studio-tab[aria-selected=true]{color:var(--ink);font-weight:600}.studio-tab[aria-selected=true]:before{background:var(--primary);color:#fff}.studio-panel{padding:48px 0 96px;scroll-margin-top:140px}.studio-panel[hidden]{display:none}.studio-panel.entering>*{animation:.4s cubic-bezier(.22,1,.36,1) both panel-in}.studio-panel.entering>:nth-child(2){animation-delay:50ms}.studio-panel.entering>:nth-child(3){animation-delay:.1s}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.panel-head h2{letter-spacing:-.025em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:700}.panel-head .hint{color:var(--ink-tertiary);font-size:13.5px}.panel{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card), var(--edge-highlight);padding:24px}.reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.feature-grid .reveal:nth-child(2){transition-delay:70ms}.feature-grid .reveal:nth-child(3){transition-delay:.14s}.feature-grid .reveal:nth-child(4){transition-delay:.21s}.showcase{max-width:1080px;margin:84px auto 0;padding:0 clamp(16px,4vw,24px);position:relative}.sc-scene{justify-content:center;display:flex;position:relative}.sc-browser{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);width:min(620px,92%);box-shadow:var(--shadow-lift);overflow:hidden;transform:rotate(-1.6deg)}.sc-browser-bar{background:var(--surface-2);border-bottom:1px solid var(--hairline);align-items:center;gap:6px;padding:10px 13px;display:flex}.sc-browser-bar i{background:#d9d9de;border-radius:50%;width:9px;height:9px}.sc-browser-bar i:first-child{background:#f6726f}.sc-browser-bar i:nth-child(2){background:#f5bd4f}.sc-browser-bar i:nth-child(3){background:#61c554}.sc-url{color:var(--ink-tertiary);letter-spacing:.01em;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-pill);margin-left:10px;padding:3px 14px;font-size:11px}.sc-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:16px;display:grid}.sc-tile{aspect-ratio:2/2.85;border-radius:6px;position:relative;overflow:visible}.sc-tile img{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 1px 3px #0000001f}.sc-tile.is-yours img{outline:2px solid var(--primary);outline-offset:2.5px}.sc-tile-tag{z-index:2;background:var(--primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);box-shadow:0 2px 6px rgba(var(--primary-rgb), .45);padding:3px 8px;font-size:9.5px;font-weight:700;position:absolute;top:-9px;right:-7px}.sc-phone{width:168px;box-shadow:var(--shadow-pop), 0 30px 70px #0b0b0d47;background:#0b0b0d;border-radius:26px;padding:7px;position:absolute;top:42px;right:clamp(-8px,3vw,44px);transform:rotate(2.6deg)}.sc-phone-screen{aspect-ratio:9/18.5;background:#121212;border-radius:20px;flex-direction:column;gap:6px;padding:12px 9px;display:flex;overflow:hidden}.sc-rank-head{color:#fff;letter-spacing:.08em;margin:2px 2px 5px;font-size:8.5px;font-weight:800}.sc-rank-row{background:#1a1a1e;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:5px 6px;display:flex}.sc-rank-row .n{text-align:center;color:#888;flex:none;width:13px;font-size:9px;font-weight:700}.sc-rank-row img{object-fit:cover;border-radius:3px;flex:none;width:22px;height:31px}.sc-rank-row .t{color:#e8e8ea;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:600;line-height:1.25;overflow:hidden}.sc-rank-row.is-yours{box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb), .55);background:#131c46}.sc-rank-row.is-yours .n,.sc-rank-row.is-yours .t{color:#aab4ff}.sc-thumbs{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:-14px;left:clamp(0px,3vw,40px);transform:rotate(-3deg)}.sc-thumbs img{box-shadow:var(--shadow-lift);border-radius:3px}@media (width<=720px){.sc-phone{width:128px;top:24px}.sc-phone-screen{gap:5px;padding:9px 7px}.sc-rank-row img{width:17px;height:24px}.sc-rank-row .t,.sc-thumbs{display:none}.sc-grid{gap:9px;padding:11px}}@media (width<=520px){.sc-phone{display:none}.showcase{margin-top:64px}}.features{margin-top:96px;padding-bottom:88px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card), var(--edge-highlight);text-align:left;padding:24px 22px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{box-shadow:var(--shadow-lift);border-color:var(--hairline-strong);transform:translateY(-3px)}.feature-icon{background:var(--primary-tint);width:38px;height:38px;color:var(--accent-ink);border-radius:11px;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.feature-icon svg{width:19px;height:19px}.feature-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:15.5px;font-weight:650}.feature-card p{color:var(--ink-subtle);margin:0;font-size:13.5px;line-height:1.55}@media (width<=1020px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}.features{margin-top:72px;padding-bottom:72px}}.cover-stage{grid-template-columns:minmax(280px,380px) minmax(260px,340px);justify-content:center;align-items:start;gap:56px;display:grid}@media (width<=820px){.cover-stage{grid-template-columns:minmax(240px,360px);justify-items:center;gap:32px}}.stage-cover-wrap{cursor:pointer;border-radius:var(--r-md);position:relative}.stage-cover-wrap:before{content:"";z-index:-1;background:radial-gradient(58% 58% at 50% 44%, rgba(var(--primary-rgb), .16), transparent 72%);filter:blur(4px);pointer-events:none;position:absolute;inset:-9% -12% -7%}#overview-cover{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-pop);background:var(--surface-2)}.stage-cover-wrap:after{content:"";border-radius:var(--r-md) 0 0 var(--r-md);pointer-events:none;background:linear-gradient(90deg,#0003,#ffffff0d 55%,#0000);width:7%;position:absolute;top:0;bottom:0;left:0}.replace-hint{backdrop-filter:blur(4px);color:#fff;text-align:center;border-radius:0 0 var(--r-md) var(--r-md);opacity:0;background:#1d1d1fb8;padding:11px 0;font-size:13px;font-weight:500;transition:opacity .18s;position:absolute;inset:auto 0 0}.stage-cover-wrap:hover .replace-hint,.stage-cover-wrap:focus-visible .replace-hint{opacity:1}.cover-dims{color:var(--ink-subtle);text-align:center;margin-top:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.stage-side{flex-direction:column;align-items:flex-start;gap:18px;padding-top:12px;display:flex}.stage-side h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:650}.stage-side p{color:var(--ink-subtle);margin:0;font-size:15px;line-height:1.6}.stage-actions{flex-wrap:wrap;gap:10px;display:flex}.stage-ratio-warning{width:100%}.details-grid{max-width:760px;margin:0 auto}.meta-form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.meta-form .full{grid-column:1/-1}.field label{color:var(--ink-muted);margin-bottom:7px;font-size:13px;font-weight:500;display:block}.field input,.field textarea,.field select{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--r-md);width:100%;color:var(--ink);appearance:none;padding:10px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.field textarea{resize:vertical;min-height:88px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}.field-extra{grid-template-columns:subgrid;grid-column:1/-1;display:grid;overflow:hidden}.field-extra[hidden]{display:none}.more-toggle{color:var(--accent-ink);background:0 0;border:none;grid-column:1/-1;justify-self:start;align-items:center;gap:7px;padding:4px 0;font-size:14px;font-weight:500;display:inline-flex}.more-toggle svg{width:15px;height:15px;transition:transform .2s}.more-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.details-note{border-top:1px solid var(--hairline);color:var(--ink-tertiary);margin-top:22px;padding-top:18px;font-size:13px;line-height:1.6}@media (width<=640px){.meta-form,.field-extra{grid-template-columns:1fr}}.panel-nav{border-top:1px solid var(--hairline);justify-content:flex-end;margin-top:40px;padding-top:24px;display:flex}.btn-next{align-items:center;gap:9px;display:inline-flex}.btn-next svg{width:16px;height:16px;transition:transform .2s}.btn-next:hover svg{transform:translate(4px)}.context-toggle{justify-content:center;margin-bottom:40px;display:flex}.context-tabs{background:var(--surface-3);border-radius:var(--r-pill);gap:4px;padding:4px;display:inline-flex;position:relative}.context-tab{appearance:none;color:var(--ink-subtle);border-radius:var(--r-pill);z-index:1;background:0 0;border:none;padding:7px 22px;font-size:13.5px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s;position:relative}.context-tab:hover{color:var(--ink)}.context-tab[aria-selected=true]{color:var(--ink);font-weight:600}.context-view[hidden]{display:none}.web-stack>*+*{margin-top:32px}.web-shell-body{height:620px;overflow:hidden auto}.is-phone .web-shell-body{height:380px}.is-phone .studio-panel{padding-top:28px}.is-phone .cover-stage{gap:28px}.web-shell-body::-webkit-scrollbar{width:8px}.web-shell-body::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.web-shell-body::-webkit-scrollbar-track{background:0 0}.app-row{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.app-cell{flex-direction:column;flex:0 340px;align-items:center;gap:16px;display:flex}.app-cell-label{color:var(--ink-subtle);font-size:13px;font-weight:500}.test-grid{grid-template-columns:minmax(300px,420px) 1fr;align-items:stretch;gap:24px;display:grid}@media (width<=900px){.test-grid{grid-template-columns:1fr}}.score-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;display:flex}@property --pct{syntax:"<number>";inherits:false;initial-value:0}.score-ring{--pct:0;--score-color:var(--accent-ink);background:radial-gradient(closest-side, var(--surface-1) 78.5%, transparent 79%), conic-gradient(var(--score-color) calc(var(--pct) * 1%), var(--surface-3) 0);border-radius:50%;justify-content:center;align-items:center;width:156px;height:156px;display:flex}.analysis-overall-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.analysis-overall-num small{color:var(--ink-tertiary);letter-spacing:0;font-size:20px;font-weight:500}.analysis-overall-label{color:var(--ink-subtle);margin:12px 0 0;font-size:13.5px}.analysis-verdict{color:var(--ink-muted);border-top:1px solid var(--hairline);margin:20px 0 0;padding-top:18px;font-size:14.5px;line-height:1.65}.metrics-card{flex-direction:column;justify-content:center;display:flex}.analysis-table{border-collapse:collapse;width:100%}.analysis-table td{border-top:1px solid var(--hairline);color:var(--ink-muted);padding:13px 14px;font-size:14px}.row-status{letter-spacing:.07em;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-style:normal;font-weight:650;display:block}.analysis-table tr:first-child td{border-top:none}.score-bar{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.score-bar span{background:linear-gradient(90deg, var(--accent-ink), var(--gradient-partner));border-radius:999px;width:0;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block}.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);width:44px;font-size:15px;font-weight:600}.disclaimer{color:var(--ink-tertiary);margin-top:16px;font-size:12.5px}.thumb-section{margin-top:48px}.thumb-row{flex-wrap:wrap;align-items:flex-end;gap:40px;display:flex}.thumb-item img{object-fit:cover;box-shadow:var(--shadow-lift);border-radius:4px}.thumb-cell{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.thumb-label{color:var(--ink-subtle);font-size:12.5px}.thumb-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hidden-img{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tool-footer{border-top:1px solid var(--hairline);padding:44px 0 calc(52px + env(safe-area-inset-bottom,0px))}.tool-footer-inner{flex-direction:column;gap:8px;display:flex}.tool-footer-brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:inline-flex}.tool-footer-brand .tool-brand-mark{border-radius:6px;width:22px;height:22px;font-size:12px}.tool-footer-copy{color:var(--ink-subtle);max-width:520px;margin:4px 0 0;font-size:13.5px;line-height:1.6}.tool-footer-fine{color:var(--ink-tertiary);margin:2px 0 0;font-size:12px}@media (width<=720px){.studio-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:14px clamp(16px,4vw,24px);overflow-x:auto}.studio-bar::-webkit-scrollbar{display:none}.studio-tabs{margin:0 auto}}@media (width<=640px){.landing{padding:52px 0 0}.landing h1{margin:16px auto 18px;font-size:clamp(34px,9.5vw,42px)}.landing .lede{margin-bottom:40px}.dropzone{border-radius:var(--r-lg);padding:44px 20px}.dropzone-icon{border-radius:15px;width:52px;height:52px;margin-bottom:16px}.dropzone h2{font-size:19px}.formats{text-align:center;white-space:normal;flex-wrap:wrap;justify-content:center;padding:6px 12px;font-size:12px}.how-steps{flex-direction:column;align-items:center;gap:12px;margin-top:36px}.studio-tab,.context-tab{padding:10px 15px;font-size:13px}.studio-panel{padding:28px 0 64px;scroll-margin-top:120px}.panel-head h2{font-size:24px}.panel{border-radius:var(--r-md);padding:18px 16px}.field input,.field textarea,.field select{font-size:16px}.stage-side h3{font-size:20px}.stage-actions .btn-primary,.stage-actions .btn-secondary{flex:1;justify-content:center;min-height:44px;display:inline-flex}.panel-nav{margin-top:32px}.panel-nav .btn-primary{justify-content:center;width:100%;min-height:46px}.context-toggle{margin-bottom:28px}.web-stack>*+*{margin-top:24px}.thumb-row{gap:24px}.thumb-actions .btn-primary{width:100%;min-height:46px}.score-card{padding:28px 18px}.browser-dots,.preview-shell-meta{display:none}.browser-url{max-width:none}.web-caption{padding:10px 14px;font-size:12px}.tool-footer{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}.tool-nav{padding-top:var(--safe-top)}.tool-nav-inner{height:calc(56px + var(--safe-top))}.studio-bar{top:calc(56px + var(--safe-top))}.panel{scroll-margin-top:calc(140px + var(--safe-top))}.web-shell-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (pointer:coarse){.stage-cover-wrap .replace-hint{opacity:1}}.studio-bar:before,.studio-bar:after{content:"";z-index:1;pointer-events:none;opacity:0;width:32px;transition:opacity .2s;position:absolute;top:0;bottom:0}.studio-bar:before{background:linear-gradient(90deg, rgba(var(--canvas-rgb), .95), rgba(var(--canvas-rgb), 0));left:0}.studio-bar:after{background:linear-gradient(270deg, rgba(var(--canvas-rgb), .95), rgba(var(--canvas-rgb), 0));right:0}.studio-bar.fade-left:before,.studio-bar.fade-right:after{opacity:1}@media (width<=640px){.tool-nav-inner{gap:12px}.tool-brand{font-size:14px}.tool-nav-action{gap:0}#nav-reset,#nav-replace{min-height:40px;padding:10px;font-size:13px}}@media (width<=420px){.tool-brand-name{display:none}}@media (width<=640px){.studio-tab{min-height:44px;padding:13px 16px}.studio-tab:before{width:18px;height:18px}.context-tab{min-height:44px;padding:13px 20px}.analysis-table td{padding:11px 6px;font-size:13.5px}.thumb-row{justify-content:center}.more-toggle{min-height:44px;padding:12px 0}.app-row{gap:24px}.app-cell{flex-basis:min(340px,100%)}}.compare-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.compare-note{max-width:56ch;color:var(--ink-subtle);margin:0;font-size:14px}.compare-note-phone{display:none}@media (width<=640px){.compare-note-phone{color:var(--ink-tertiary);margin:-8px 0 0;font-size:13px;display:block}}#compare-error{margin-bottom:16px}.compare-empty{border:1px dashed var(--hairline-strong);border-radius:var(--r-md);color:var(--ink-subtle);margin:0 0 18px;padding:14px 16px;font-size:14px}.compare-empty[hidden]{display:none}.compare-scroll{padding-bottom:8px;overflow-x:auto}.compare-grid{grid-template-columns:minmax(96px, 150px) repeat(var(--cols,1), minmax(250px, 1fr));align-items:start;gap:22px 18px;display:grid}.cmp-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-tertiary);align-self:center;font-size:12px;font-weight:600}.cmp-col-head{background:var(--surface-2);border-radius:var(--r-md);align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.cmp-col-head>img{object-fit:cover;border-radius:4px;flex:none;width:44px;height:58px;box-shadow:0 1px 3px #00000026}.cmp-col-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.cmp-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.cmp-dims{color:var(--ink-tertiary);font-size:12px}.cmp-remove{border:1px solid var(--hairline-strong);background:var(--surface-1);width:26px;height:26px;color:var(--ink-subtle);cursor:pointer;border-radius:50%;flex:none;font-size:15px;line-height:1}.cmp-remove:hover,.cmp-remove:focus-visible{color:#b42318;border-color:#b42318}.cmp-cell{min-width:0}.cmp-app .phone-frame{width:min(300px,100%)}.cmp-thumb{border-radius:4px;display:block;box-shadow:0 1px 4px #00000024}.cmp-score{align-items:baseline;gap:8px;display:inline-flex}.cmp-score b{letter-spacing:-.02em;font-size:30px;font-weight:700}.cmp-score em{font-size:13px;font-style:normal;font-weight:600}.cmp-score small{color:var(--ink-tertiary);font-size:12px}.compare-grid.cmp-stacked{flex-direction:column;gap:24px;display:flex}.cmp-card{border-bottom:1px solid var(--hairline);min-width:0;padding-bottom:24px}.cmp-card:last-child{border-bottom:0;padding-bottom:0}.cmp-card .cmp-row{margin-top:18px}.cmp-card .cmp-row>.cmp-label{margin-bottom:10px;display:block}@media (width<=640px){.compare-toolbar{flex-direction:column;align-items:stretch}.compare-grid{grid-template-columns:minmax(80px, 110px) repeat(var(--cols,1), minmax(210px, 1fr));gap:18px 12px}}.seo-block{border-top:1px solid var(--hairline);text-align:left;padding:72px 0}.seo-block .eyebrow{margin:0 0 6px}.seo-block h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.12}.seo-lede{max-width:64ch;color:var(--ink-subtle);margin:0 0 30px;font-size:16px}.size-table-wrap{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface-1);width:100%;box-shadow:var(--shadow-card), var(--edge-highlight);overflow-x:auto}.size-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.size-table th,.size-table td{text-align:left;vertical-align:top;padding:13px 18px}.size-table thead th{background:var(--surface-2);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);font-size:11.5px;font-weight:650}.size-table tbody tr+tr td,.size-table tbody tr+tr th{border-top:1px solid var(--hairline)}.size-table td:first-child{color:var(--ink);font-weight:600}.seo-more{color:var(--ink-subtle);margin:20px 0 0;font-size:14px}.seo-more a,.guide a:not(.btn-primary){color:var(--accent-ink);text-decoration:underline;text-decoration-color:rgba(var(--primary-rgb), .35);text-underline-offset:3px;font-weight:500}.seo-more a:hover,.guide a:not(.btn-primary):hover{color:var(--primary-hover);text-decoration-color:currentColor}.faq-list{flex-direction:column;gap:10px;max-width:760px;display:flex}.faq-item{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-card), var(--edge-highlight);overflow:hidden}.faq-item summary{cursor:pointer;letter-spacing:-.01em;padding:15px 48px 15px 20px;font-size:15px;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--ink-tertiary);font-size:19px;font-weight:500;line-height:1;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.faq-item[open] summary:after{content:"–"}.faq-item>p{color:var(--ink-subtle);max-width:68ch;margin:0;padding:0 20px 16px;font-size:14.5px;line-height:1.6}.tool-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;display:flex}.tool-footer-links a{color:var(--accent-ink);font-size:13.5px;font-weight:500;text-decoration:none}.tool-footer-links a:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=640px){.seo-block{padding:56px 0}}.guide{padding:48px 0 80px}.guide-inner{max-width:800px;margin:0 auto}.guide-back{color:var(--ink-tertiary);font-size:13.5px;font-weight:550;text-decoration:none!important}.guide-back:hover{color:var(--accent-ink)}.guide h1{letter-spacing:-.03em;text-align:left;margin:18px 0 16px;font-size:clamp(34px,5vw,54px);font-weight:700;line-height:1.06}.guide-lede{color:var(--ink-muted);max-width:62ch;margin:0 0 24px;font-size:17px}.guide h2{letter-spacing:-.02em;text-align:left;margin:44px 0 12px;font-size:clamp(22px,3vw,28px);line-height:1.2}.guide p,.guide li{color:var(--ink-muted);font-size:15.5px;line-height:1.65}.guide p strong,.guide li strong{color:var(--ink);font-weight:650}.guide ul{margin:0 0 16px;padding-left:22px}.guide li{margin-bottom:8px}.guide li::marker{color:var(--accent-ink)}.guide .size-table-wrap{margin:18px 0 8px}.guide-cta{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card), var(--edge-highlight);text-align:center;margin-top:52px;padding:30px 24px}.guide-cta p{margin:0 0 16px;font-size:15px}.guide-footer{border-top:1px solid var(--hairline);text-align:center;color:var(--ink-tertiary);padding:26px 0 44px;font-size:13px}html[data-theme=dark] .upload-error{color:#ff8a85;background:#f851491f;border-color:#f8514966}html[data-theme=dark] .ratio-warning{color:#ffd666;background:#facc151a}html[data-theme=dark] .field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a2a4ad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.theme-toggle{border-radius:var(--r-pill);width:34px;height:34px;color:var(--ink-subtle);background:0 0;border:none;flex:none;justify-content:center;align-items:center;transition:color .15s,background .15s,transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.theme-toggle:hover{color:var(--ink);background:var(--chip-bg)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}.drop-overlay{z-index:100;background:rgba(var(--canvas-rgb), .55);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:24px;transition:opacity .18s;display:flex;position:fixed;inset:0}.drop-overlay.on{opacity:1}.drop-overlay-card{border:1.5px dashed rgba(var(--primary-rgb), .5);border-radius:var(--r-xl);background:var(--surface-1);box-shadow:var(--shadow-pop), var(--edge-highlight);color:var(--accent-ink);letter-spacing:-.01em;flex-direction:column;align-items:center;gap:14px;padding:48px 64px;font-size:16px;font-weight:600;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(.97)}.drop-overlay.on .drop-overlay-card{transform:scale(1)}.drop-overlay-card svg{width:34px;height:34px}body.is-phone .drop-overlay-card{display:none}.wn-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);background:#0a0b0d59;justify-content:center;align-items:center;padding:24px;animation:.2s both wn-fade-in;display:flex;position:fixed;inset:0}.wn-modal-backdrop.closing{animation:.18s both wn-fade-out}.wn-modal{border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--hairline);width:min(360px,100%);box-shadow:var(--shadow-pop), var(--edge-highlight);padding:24px;animation:.32s cubic-bezier(.34,1.3,.64,1) both wn-pop-in}.wn-modal-backdrop.closing .wn-modal{animation:.18s both wn-pop-out}.wn-modal h3{letter-spacing:-.015em;text-align:center;margin:0 0 8px;font-size:17px;font-weight:650}.wn-modal p{color:var(--ink-subtle);text-align:center;margin:0;font-size:14px;line-height:1.55}.wn-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.wn-modal-actions .btn-primary,.wn-modal-actions .btn-secondary{justify-content:center;min-height:44px}.wn-btn-destructive{background:linear-gradient(#e04338,#d92d20)!important;box-shadow:inset 0 1px #fff3,0 1px 2px #d92d2066!important}.wn-btn-destructive:hover{background:linear-gradient(#c73529,#bb271c)!important}@keyframes wn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes wn-pop-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes wn-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.wn-toast-wrap{left:50%;bottom:calc(28px + var(--safe-bottom));z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.wn-toast{border-radius:var(--r-pill);background:var(--ink);color:var(--canvas);letter-spacing:-.005em;box-shadow:var(--shadow-lift);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:550;animation:.35s cubic-bezier(.34,1.3,.64,1) both wn-toast-in;display:inline-flex}.wn-toast svg{color:#4ade80;width:15px;height:15px}.wn-toast.leaving{animation:.25s both wn-toast-out}@keyframes wn-toast-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wn-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes cover-pulse{0%{transform:scale(1)}35%{transform:scale(1.018)}to{transform:scale(1)}}#overview-cover.pulse{animation:.5s cubic-bezier(.22,1,.36,1) cover-pulse}html{interpolate-size:allow-keywords}.faq-item::details-content{opacity:0;block-size:0;transition:content-visibility .4s allow-discrete, opacity .4s ease, block-size .4s ease;overflow-y:clip}.faq-item[open]::details-content{opacity:1;block-size:auto}