@layer base;@layer primer{.primer-root{--pampas:#f2efea;--charade:#2c2d37;--ultrasonic:#3a39ff;--pomegranate:#ff5b23;--genoa:#199758;--corn:#f2bb06;--blizzard:#ade6ed;--mauve:#dcb8ff;--pampas-rgb:242, 239, 234;--charade-rgb:44, 45, 55;--ultrasonic-rgb:58, 57, 255;--photo-1:url(/wizard4/prototype/photo-1.webp);--photo-2:url(/wizard4/prototype/photo-2.webp);--photo-3:url(/wizard4/prototype/photo-3.webp);--photo-4:url(/wizard4/prototype/photo-4.webp);--photo-5:url(/wizard4/prototype/photo-5.webp);--photo-6:url(/wizard4/prototype/photo-6.webp);--photo-face-a:url(/wizard4/prototype/photo-face-a.webp);--photo-face-b:url(/wizard4/prototype/photo-face-b.webp);--photo-splash:url(/wizard4/prototype/photo-splash.webp);--ink:var(--pampas);--ink-2:#fbf9f6;--panel:#fff;--line:rgba(var(--charade-rgb), .2);--line-soft:rgba(var(--charade-rgb), .1);--paper:var(--charade);--dim:#6e6f78;--dim-2:#82838c;--cyan:var(--ultrasonic);--cyan-soft:rgba(var(--ultrasonic-rgb), .1);--danger:var(--pomegranate);--fd:"Bricolage Grotesque", sans-serif;--fb:"Instrument Sans", system-ui, sans-serif;--fm:"JetBrains Mono", monospace;--nav-h:76px;--top-h:56px}.primer-root,.primer-root *{box-sizing:border-box;margin:0;padding:0}.primer-root{scroll-behavior:smooth;background:var(--ink);color:var(--paper);font-family:var(--fb);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:16px;line-height:1.5}.primer-root button{cursor:pointer;font-family:inherit}.primer-root :focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.primer-root ::selection{background:var(--cyan);color:var(--ink)}.primer-root #app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.primer-root .top{height:var(--top-h);border-bottom:1px solid var(--line-soft);background:rgba(var(--pampas-rgb), .85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.primer-root .logo{font-family:var(--fm);letter-spacing:.22em;color:var(--paper);cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.primer-root .logo .mark{display:none}.primer-root .logo .by{border-left:1px solid var(--line);align-self:center;align-items:center;margin-left:2px;padding-left:12px;display:flex}.primer-root .logo .by .wm{width:73px;height:auto;display:block}.primer-root .top-eyebrow{text-overflow:ellipsis;min-width:0;font-family:var(--fm);letter-spacing:.2em;color:var(--cyan);text-align:right;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:500;line-height:1;overflow:hidden}@media (width<=480px){.primer-root .top{gap:12px}.primer-root .top-eyebrow{letter-spacing:.12em;white-space:normal;max-width:46vw;font-size:9px;line-height:1.35}}.primer-root .ruler{flex-direction:column;align-items:center;gap:6px;width:clamp(82px,22vw,180px);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primer-root .ruler.on{display:flex}.primer-root .ruler.cramped{display:none}.primer-root .progress-track{background:var(--line);border-radius:99px;width:100%;height:4px;overflow:hidden}.primer-root .progress-track i{border-radius:inherit;background:var(--cyan);height:100%;transition:width .35s;display:block}.primer-root .progress-label{font-family:var(--fm);letter-spacing:.12em;color:var(--dim);white-space:nowrap;font-size:8px;line-height:1}.primer-root main{flex:1;width:100%;max-width:1280px;margin:0 auto;display:flex}.primer-root #flow{min-width:0;padding:28px 20px calc(var(--nav-h) + 120px);flex:1;max-width:560px;margin:0 auto}.primer-root #stage{display:none}@media (width>=980px){.primer-root main{gap:0}.primer-root #flow{max-width:480px;padding:40px 40px calc(var(--nav-h) + 40px);border-right:1px solid var(--line-soft);margin:0}.primer-root #stage{top:var(--top-h);height:calc(100dvh - var(--top-h) - var(--nav-h));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky}.primer-root #stage .device.big{--dw:clamp(120px, calc((100dvh - var(--top-h) - var(--nav-h) - 128px) * .484), 300px)}.primer-root #miniPreview{display:none!important}.primer-root[data-step=gallery] #stage,.primer-root[data-step=reveal] #stage{display:none}.primer-root[data-step=gallery] main{max-width:none}.primer-root[data-step=gallery] #flow,.primer-root[data-step=reveal] #flow{border-right:none;width:100%;margin:0 auto}.primer-root[data-step=gallery] #flow{max-width:none}.primer-root[data-step=reveal] #flow{max-width:1220px}.primer-root[data-step=screens] #stage,.primer-root[data-step=style] #stage{display:none}.primer-root[data-step=screens] #flow,.primer-root[data-step=style] #flow{border-right:none;max-width:1220px;margin:0 auto}.primer-root[data-step=screens] .pg-frames{justify-content:center}.primer-root[data-step=screens] .pg-frame{flex:1 1 0;max-width:236px}.primer-root[data-step=gallery] .g-toolbar{justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:1280px;margin:20px auto 0;padding:14px 16px;display:flex}.primer-root[data-step=gallery] .g-head{flex-shrink:0;justify-content:flex-start;margin-top:0}.primer-root[data-step=gallery] .g-frames{scroll-snap-type:x proximity;flex-wrap:nowrap;justify-content:safe center;gap:22px;padding:28px 36px 150px;overflow-x:auto}.primer-root[data-step=gallery] .g-frames .g-frame-phone,.primer-root[data-step=gallery] .g-frames .device{--dw:clamp(214px, calc((100vw - 240px) / 5), 340px)}.primer-root[data-step=gallery] .restyle{border-top:0;flex:none;min-width:0;margin-top:0;padding-top:0;position:relative}.primer-root[data-step=gallery] .restyle-controls{justify-content:flex-end}.primer-root[data-step=gallery] .restyle-menu{z-index:20;background:var(--panel);border:1px solid var(--line);width:min(780px,100vw - 80px);box-shadow:0 12px 32px rgba(var(--charade-rgb), .14);overscroll-behavior:contain;border-radius:18px;max-height:calc(100dvh - 320px);margin-top:0;padding:18px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.primer-root[data-step=gallery] .restyle-menu .dna-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.primer-root[data-step=reveal] .reveal-frames{flex-wrap:wrap;justify-content:center;gap:18px;overflow-x:visible}.primer-root[data-step=reveal] .reveal-log{max-width:640px}}@media (width>=980px) and (height<=720px){.primer-root #stage{gap:10px;padding:12px 24px}.primer-root #stage .stage-dna,.primer-root #stage .stage-screens{display:none}.primer-root #stage .device.big{--dw:clamp(100px, calc((100dvh - var(--top-h) - var(--nav-h) - 58px) * .484), 230px)}}.primer-root .stage-screens{gap:8px;display:flex}.primer-root .stage-screens button{font-family:var(--fm);letter-spacing:.12em;border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:99px;padding:6px 12px;font-size:10px;transition:all .2s}.primer-root .stage-screens button:hover{border-color:var(--cyan);color:var(--paper)}.primer-root .stage-screens button.on{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan)}.primer-root .stage-dna{font-family:var(--fm);letter-spacing:.16em;color:var(--dim);font-size:10px}.primer-root .stage-dna b{color:var(--paper);font-weight:500}.primer-root[data-step=spark] .stage-screens{visibility:hidden;pointer-events:none}.primer-root #sparkStageImg,.primer-root[data-step=spark] #stage .device.big,.primer-root[data-step=spark] #stage .stage-dna,.primer-root[data-step=spark] #stageCaption{display:none}.primer-root[data-step=spark] #sparkStageImg{object-fit:contain;max-width:min(440px,100%);min-height:0;max-height:100%;box-shadow:0 14px 36px rgba(var(--charade-rgb), .15), 0 2px 8px rgba(var(--charade-rgb), .08);border-radius:20px;display:block}@media (width>=980px){.primer-root .step[data-step=spark] .hint{display:none}}.primer-root .step{animation:.45s cubic-bezier(.2,.7,.2,1) stepIn;display:none}.primer-root .step.on{display:block}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.primer-root h1,.primer-root h2{font-family:var(--fd);letter-spacing:-.02em;font-weight:600;line-height:1.08}.primer-root h1{font-size:clamp(34px,8vw,52px)}.primer-root h2{margin-bottom:10px;font-size:clamp(26px,6vw,36px)}.primer-root .lede{color:var(--dim);max-width:44ch;margin-top:14px;font-size:16px}.primer-root .hint{font-family:var(--fm);letter-spacing:.1em;color:var(--dim-2);margin-top:16px;font-size:10.5px}.primer-root .nav{height:var(--nav-h);z-index:60;padding:0 20px calc(env(safe-area-inset-bottom,0px) / 2);background:rgba(var(--pampas-rgb), .9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.primer-root .nav .inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1280px;margin:0 auto;display:flex;position:relative}.primer-root .btn{font-family:var(--fb);letter-spacing:.01em;border:1px solid #0000;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:600;transition:all .18s}.primer-root .btn-primary{background:var(--paper);color:var(--ink)}.primer-root .btn-primary:hover{opacity:.88}.primer-root .btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.primer-root .btn-ghost{color:var(--dim);border-color:var(--line);background:0 0}.primer-root .btn-ghost:hover{color:var(--paper);border-color:var(--dim)}.primer-root .btn-cyan{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan)}.primer-root .btn.with-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primer-root #welcomeHero{flex-direction:column;gap:8px;display:flex}.primer-root .hero-shot-wrap{width:100%;max-width:340px;margin:30px auto 8px;position:relative}.primer-root .hero-shot{width:100%;height:auto;display:block}@media (width>=980px){.primer-root .hero-shot-wrap,.primer-root #welcomeHero .wire-caption{display:none}}.primer-root .sentence{font-family:var(--fd);letter-spacing:-.01em;margin-top:26px;font-size:clamp(26px,6.4vw,38px);font-weight:500;line-height:1.45}.primer-root .blank{vertical-align:baseline;text-align:left;cursor:pointer;font:inherit;letter-spacing:inherit;border:none;border-bottom:2px dashed var(--cyan);color:var(--dim-2);background:var(--cyan-soft);border-radius:6px 6px 0 0;outline:none;min-width:6ch;max-width:calc(100% - 4px);margin:0 2px;padding:1px 6px;line-height:1.3;transition:background .2s,color .2s;display:inline-block}.primer-root .blank:focus-visible{background:rgba(var(--ultrasonic-rgb), .18);border-bottom-style:solid}.primer-root .blank.filled{color:var(--paper);cursor:default;border-bottom-style:solid}.primer-root .blank.next{animation:1.6s ease-in-out infinite blankBeckon}@keyframes blankBeckon{0%,to{background:var(--cyan-soft)}50%{background:rgba(var(--ultrasonic-rgb), .22)}}.primer-root .q{border-top:1px dashed var(--line-soft);margin-top:30px;padding-top:24px}.primer-root .q:first-of-type{border-top:none;padding-top:0}.primer-root .q .qt{font-family:var(--fd);margin-bottom:4px;font-size:19px;font-weight:600}.primer-root .q .qs{color:var(--dim);margin-bottom:14px;font-size:13px}.primer-root .chips{flex-wrap:wrap;gap:8px;display:flex}.primer-root .chip{border:1px solid var(--line);color:var(--paper);background:0 0;border-radius:99px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .16s}.primer-root .chip:hover{border-color:var(--cyan)}.primer-root .chip.on{background:var(--cyan);border-color:var(--cyan);color:var(--ink);font-weight:600}.primer-root .feel-progress{gap:6px;margin:22px 0 18px;display:flex}.primer-root .feel-progress i{background:var(--line);border-radius:2px;flex:1;height:3px;transition:background .3s}.primer-root .feel-progress i.done{background:var(--cyan)}.primer-root .feel-card{background:var(--ink-2);box-shadow:0 1px 2px rgba(var(--charade-rgb), .04), 0 6px 20px rgba(var(--charade-rgb), .06);border:none;border-radius:20px;padding:18px}.primer-root .feel-q{font-family:var(--fd);text-align:center;margin-bottom:18px;font-size:20px;font-weight:600}.primer-root .feel-opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primer-root .feel-opt{background:var(--panel);color:var(--paper);box-shadow:0 1px 2px rgba(var(--charade-rgb), .06), 0 4px 16px rgba(var(--charade-rgb), .08);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:0;padding:0;transition:all .18s;display:flex;overflow:hidden}.primer-root .feel-opt:hover{box-shadow:0 2px 4px rgba(var(--charade-rgb), .08), 0 12px 28px rgba(var(--charade-rgb), .14);transform:translateY(-2px)}.primer-root .feel-opt .lbl{font-family:var(--fm);letter-spacing:.16em;color:var(--dim);padding:12px 10px 13px;font-size:10.5px}.primer-root .snippet{border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:86px;display:flex;overflow:hidden}.primer-root .snippet.has-image{aspect-ratio:1;height:auto}.primer-root .snippet.has-image img{object-fit:cover;width:100%;height:100%;display:block}.primer-root .sn-playful{background:#ffe9f0}.primer-root .sn-playful .b1{background:#ff5ca0;border-radius:99px;width:70%;height:26px;transform:rotate(-2deg)}.primer-root .sn-playful .b2{background:#ffb3cf;border-radius:99px;width:44%;height:10px}.primer-root .sn-refined{background:#f4f2ec}.primer-root .sn-refined .b1{background:#26221b;border-radius:3px;width:70%;height:24px}.primer-root .sn-refined .b2{background:#c9c2b2;border-radius:2px;width:44%;height:8px}.primer-root .sn-airy{background:#f0f5ff}.primer-root .sn-airy .b1{background:#4d7cfe;border-radius:8px;width:56%;height:14px;margin-bottom:10px}.primer-root .sn-airy .b2{background:#b9ccfa;border-radius:6px;width:36%;height:8px}.primer-root .sn-dense{background:#edeff3;gap:4px}.primer-root .sn-dense .b1,.primer-root .sn-dense .b2,.primer-root .sn-dense .b3{background:#3d4657;border-radius:4px;width:78%;height:12px}.primer-root .sn-dense .b2{opacity:.7}.primer-root .sn-dense .b3{opacity:.45}.primer-root .sn-warm{background:linear-gradient(135deg,#fff0de,#ffd9c2)}.primer-root .sn-warm .b1{background:#e8814d;border-radius:50%;width:52px;height:52px}.primer-root .sn-cool{background:linear-gradient(135deg,#e8f4f4,#d7e4f5)}.primer-root .sn-cool .b1{background:#3e7c8a;border-radius:12px;width:52px;height:52px}.primer-root .sn-bold{background:#111}.primer-root .sn-bold .b1{font-family:var(--fd);color:#f5ff5c;letter-spacing:-.03em;font-size:26px;font-weight:800}.primer-root .sn-quiet{background:#fafaf8}.primer-root .sn-quiet .b1{font-family:var(--fb);color:#6b6b66;letter-spacing:.14em;font-size:15px;font-weight:400}.primer-root .feel-done{text-align:center;padding:36px 0 8px;display:none}.primer-root .feel-done.on{display:block}.primer-root .feel-done .big{font-family:var(--fd);font-size:24px;font-weight:600}.primer-root .feel-summary{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.primer-root .feel-summary span{font-family:var(--fm);letter-spacing:.14em;color:var(--cyan);border:1px dashed var(--line);border-radius:99px;padding:5px 10px;font-size:10px}.primer-root .tabs{border:1px solid var(--line-soft);background:var(--ink-2);border-radius:12px;gap:6px;margin:20px 0 18px;padding:4px;display:flex}.primer-root .tab{color:var(--dim);background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .18s}.primer-root .tab.on{background:var(--panel);color:var(--paper);box-shadow:inset 0 0 0 1px var(--line), 0 1px 3px rgba(var(--charade-rgb), .1)}.primer-root .pane{display:none}.primer-root .pane.on{display:block}.primer-root .vibes-wrap{margin:0 -20px -16px;position:relative}@media (width>=980px){.primer-root .vibes-wrap{margin:0 -40px -16px}}.primer-root .vibes{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;padding:8px 20px 34px;scroll-padding-left:20px;display:flex;overflow-x:auto}.primer-root .vibes::-webkit-scrollbar{display:none}@media (width>=980px){.primer-root .vibes{padding:8px 40px 34px;scroll-padding-left:40px}.primer-root .vibes .vibe{flex:0 0 176px}}.primer-root .vibes-wrap:before,.primer-root .vibes-wrap:after{content:"";pointer-events:none;z-index:2;opacity:0;width:40px;transition:opacity .2s;position:absolute;top:8px;bottom:34px}.primer-root .vibes-wrap:before{background:linear-gradient(to right, var(--ink), transparent);left:0}.primer-root .vibes-wrap:after{background:linear-gradient(to left, var(--ink), transparent);right:0}.primer-root .vibes-wrap.can-scroll-left:before,.primer-root .vibes-wrap.can-scroll-right:after{opacity:1}.primer-root .vibe{scroll-snap-align:start;text-align:left;background:var(--p-bg);height:290px;box-shadow:0 1px 2px rgba(var(--charade-rgb), .06), 0 4px 16px rgba(var(--charade-rgb), .1);border:none;border-radius:18px;flex-direction:column;flex:0 0 218px;justify-content:flex-end;align-items:stretch;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.primer-root .vibe:hover{box-shadow:0 4px 8px rgba(var(--charade-rgb), .08), 0 18px 36px rgba(var(--charade-rgb), .18);transform:translateY(-4px)}.primer-root .vibe:focus-visible{box-shadow:0 0 0 2px var(--cyan), 0 18px 36px rgba(var(--ultrasonic-rgb), .22);outline:none;transform:translateY(-4px)}.primer-root .vibe.on{box-shadow:0 0 0 2px var(--cyan), 0 10px 26px rgba(var(--ultrasonic-rgb), .22)}.primer-root .vibe.on:hover,.primer-root .vibe.on:focus-visible{box-shadow:0 0 0 2px var(--cyan), 0 18px 40px rgba(var(--ultrasonic-rgb), .28);transform:translateY(-4px)}.primer-root .vibe.on:after{content:"✓";background:var(--cyan);width:20px;height:20px;color:var(--ink);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.primer-root .vibe .poster-bg{background-color:color-mix(in srgb, var(--p-accent) 82%, var(--p-bg));background-position:50%;background-size:cover;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.primer-root .vibe:hover .poster-bg,.primer-root .vibe:focus-visible .poster-bg{transform:scale(1.04)}.primer-root .vibe .poster-bg:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--p-splash-scrim) 12%, transparent) 0%, transparent 30%, transparent 42%, color-mix(in srgb, var(--p-splash-scrim) 78%, transparent) 100%);position:absolute;inset:0}.primer-root .vibe .poster-body{z-index:1;flex-direction:column;gap:2px;padding:14px;transition:opacity .18s;display:flex;position:relative}.primer-root .vibe:hover .poster-body,.primer-root .vibe:focus-visible .poster-body{opacity:0}.primer-root .vibe .vt{font-family:var(--p-fd);letter-spacing:-.01em;color:var(--p-splash-text);margin-bottom:2px;font-size:19px;font-weight:600}.primer-root .vibe .fd-name{font-family:var(--p-fd);font-size:13px}.primer-root .vibe .fb-name{font-family:var(--p-fb);font-size:11px}.primer-root .vibe .poster-body .fd-name{color:var(--p-splash-text)}.primer-root .vibe .poster-body .fb-name{color:color-mix(in srgb, var(--p-splash-text) 72%, transparent)}.primer-root .vibe .poster-sheet{z-index:2;background:var(--p-bg);opacity:0;pointer-events:none;flex-direction:column;gap:4px;margin-top:-1px;padding:14px;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(6px)}.primer-root .vibe:hover .poster-sheet,.primer-root .vibe:focus-visible .poster-sheet{opacity:1;transform:translateY(0)}.primer-root .vibe .poster-sheet .vt{color:var(--p-text);font-size:16px}.primer-root .vibe-flag{z-index:3;font:700 9px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--cyan);border-radius:4px;padding:4px 7px;position:absolute;top:10px;left:10px}@media (prefers-reduced-motion:reduce){.primer-root .vibe,.primer-root .vibe .poster-bg,.primer-root .vibe .poster-body,.primer-root .vibe .poster-sheet{transition:none}.primer-root .vibe:hover,.primer-root .vibe:focus-visible,.primer-root .vibe.on:hover,.primer-root .vibe.on:focus-visible,.primer-root .vibe:hover .poster-bg,.primer-root .vibe:focus-visible .poster-bg,.primer-root .vibe .poster-sheet{transform:none}}.primer-root .sheet .sheet-row{border-bottom:1px dashed color-mix(in srgb, var(--p-text) 14%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.primer-root .sheet .sheet-row:last-child{border-bottom:none;padding-bottom:2px}.primer-root .sheet .sheet-label{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--p-sub);font-size:9px;font-weight:500}.primer-root .sheet .sheet-val{align-items:center;gap:8px;min-width:0;display:flex}.primer-root .sheet .sheet-type{text-align:right;flex-direction:column;align-items:flex-end;gap:2px}.primer-root .sheet .fd-name{color:var(--p-text)}.primer-root .sheet .fb-name{color:var(--p-sub)}.primer-root .sheet .sheet-swrow{gap:6px;display:flex}.primer-root .sheet .sheet-sw{width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p-text) 16%, transparent);border-radius:50%;flex:none}.primer-root .sheet .rad-demo{border-top:2px solid var(--p-accent);border-left:2px solid var(--p-accent);border-top-left-radius:calc(var(--p-radius) * 1px);width:26px;height:20px}.primer-root .sheet .sheet-num{font-family:var(--fm);color:var(--p-text);font-size:10px}.primer-root .sheet .shadow-demo{border-radius:calc(var(--p-radius) * .4px);background:var(--p-surface);width:34px;height:22px;box-shadow:0 6px 14px color-mix(in srgb, var(--p-text) 26%, transparent)}.primer-root .sheet .space-demo{align-items:center;display:flex}.primer-root .sheet .space-demo i{background:color-mix(in srgb, var(--p-text) 30%, transparent);width:5px;height:14px;margin-right:calc(7px * var(--p-space))}.primer-root .sheet .space-demo i:last-child{background:var(--p-accent-2);margin-right:0}.primer-root .drop{border:1.5px dashed var(--line);text-align:center;background:var(--ink-2);cursor:pointer;border-radius:18px;padding:36px 20px;transition:all .2s}.primer-root .drop:hover,.primer-root .drop.over{border-color:var(--cyan);background:var(--cyan-soft)}.primer-root .drop .di{margin-bottom:10px;font-size:26px}.primer-root .drop .dt{margin-bottom:4px;font-weight:600}.primer-root .drop .ds{color:var(--dim);font-size:13px}.primer-root .extracting{text-align:center;font-family:var(--fm);letter-spacing:.16em;color:var(--cyan);padding:30px 0;font-size:11px;display:none}.primer-root .extracting.on{display:block}.primer-root .scanline{background:var(--cyan);border-radius:2px;width:120px;height:2px;margin:16px auto 0;animation:1s ease-in-out infinite alternate scan}@keyframes scan{0%{opacity:.4;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.primer-root .dna-card{border:1px solid var(--line);background:var(--ink-2);border-radius:18px;margin-top:16px;display:none;overflow:hidden}.primer-root .dna-card.on{animation:.4s stepIn;display:block}.primer-root .dna-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.primer-root .dna-head .nm{font-family:var(--fd);font-size:17px;font-weight:600}.primer-root .dna-head .tag{font-family:var(--fm);letter-spacing:.18em;color:var(--cyan);border:1px solid var(--cyan);border-radius:99px;padding:3px 8px;font-size:9px}.primer-root .dna-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.primer-root .dna-row:last-child{border-bottom:none}.primer-root .dna-row .rl{font-family:var(--fm);letter-spacing:.16em;color:var(--dim);font-size:10px}.primer-root .sw-row{gap:6px;display:flex}.primer-root .sw{border:1px solid rgba(var(--charade-rgb), .16);border-radius:8px;width:26px;height:26px;position:relative}.primer-root .sw i{font-style:normal;font-family:var(--fm);letter-spacing:.06em;color:var(--dim-2);white-space:nowrap;font-size:7px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.primer-root .dna-val{font-size:13.5px;font-weight:600}.primer-root .dna-type-sample{font-size:16px}.primer-root .switch{background:var(--line);border:none;border-radius:99px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.primer-root .switch:after{content:"";background:var(--panel);width:16px;height:16px;box-shadow:0 1px 2px rgba(var(--charade-rgb), .25);border-radius:50%;transition:all .2s;position:absolute;top:3px;left:3px}.primer-root .switch.on{background:var(--cyan)}.primer-root .switch.on:after{background:var(--ink);left:19px}.primer-root .dna-apply{padding:14px 16px}.primer-root .dna-apply .btn{width:100%}.primer-root .radius-demo{border:2px solid var(--paper);border-bottom:none;border-right:none;width:34px;height:22px}.primer-root .space-meter{align-items:flex-end;gap:3px;display:flex}.primer-root .space-meter i{background:var(--cyan);border-radius:2px;width:4px}.primer-root .slots{flex-direction:column;gap:10px;margin-top:20px;display:flex}.primer-root .slot{border:1px solid var(--line-soft);background:var(--ink-2);border-radius:14px;flex-direction:column;transition:border-color .16s;display:flex}.primer-root .slot.open{border-color:var(--cyan)}.primer-root .slot-head{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:12px 14px;display:flex}.primer-root .slot .num{font-family:var(--fm);color:var(--dim-2);width:20px;font-size:10px}.primer-root .slot .icon{border:1.5px dashed var(--cyan);opacity:.8;border-radius:8px;flex-shrink:0;width:38px;height:56px;position:relative}.primer-root .slot .icon:after{content:"";background:var(--cyan);opacity:.5;height:5px;box-shadow:0 10px 0 rgba(var(--ultrasonic-rgb), .3), 0 20px 0 rgba(var(--ultrasonic-rgb), .18);border-radius:2px;position:absolute;top:8px;left:6px;right:6px}.primer-root .slot .info{flex:1;min-width:0}.primer-root .slot .sn{font-size:15px;font-weight:600}.primer-root .slot .sd{color:var(--dim);font-size:12.5px}.primer-root .slot.locked{opacity:.75}.primer-root .lock-tag{font-family:var(--fm);letter-spacing:.14em;color:var(--dim-2);border:1px dashed var(--line);border-radius:99px;padding:3px 8px;font-size:8.5px}.primer-root .slot-change{font-family:var(--fm);letter-spacing:.1em;color:var(--dim);border:1px solid var(--line);border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px 7px 12px;font-size:10px;transition:all .16s;display:flex}.primer-root .slot-change svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .2s}.primer-root .slot-head:hover .slot-change,.primer-root .slot.open .slot-change{border-color:var(--cyan);color:var(--cyan)}.primer-root .slot.open .slot-change svg{transform:rotate(90deg)}.primer-root .slot-opts{border-top:1px dashed var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:6px;margin:0 14px;padding:12px 0 14px;display:none}.primer-root .slot.open .slot-opts{display:grid}.primer-root .slot-opt{text-align:left;border:1px solid var(--line);color:var(--paper);background:0 0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;transition:all .16s;display:flex}.primer-root .slot-opt:hover{border-color:var(--cyan)}.primer-root .slot-opt b{font-size:13.5px;font-weight:600}.primer-root .slot-opt i{color:var(--dim);font-size:11.5px;font-style:normal;line-height:1.3}.primer-root .slot-opt.on{border-color:var(--cyan);background:var(--cyan-soft)}.primer-root .slot-opt.on b{color:var(--cyan)}.primer-root .reveal-log{font-family:var(--fm);letter-spacing:.1em;color:var(--dim);min-height:120px;margin:22px 0 6px;font-size:11px}.primer-root .reveal-log div{opacity:0;padding:3px 0;animation:.35s forwards logIn}.primer-root .reveal-log div b{color:var(--cyan);font-weight:500}@keyframes logIn{to{opacity:1}}.primer-root .reveal-frames{scroll-snap-type:x mandatory;gap:10px;padding:14px 2px 22px;display:flex;overflow-x:auto}.primer-root .reveal-frames .mini-frame{scroll-snap-align:center;opacity:0;transition:all .5s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)scale(.96)}.primer-root .reveal-frames .mini-frame.in{opacity:1;transform:none}.primer-root .g-toolbar{margin-top:20px;padding:14px}.primer-root .g-head{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.primer-root .g-toolbar .g-head{margin-top:0}.primer-root .g-mono{object-fit:cover;background-image:var(--app-icon);background-position:50%;background-size:cover;border-radius:14px;flex-shrink:0;width:52px;height:52px;display:block}.primer-root .g-title{font-family:var(--fd);font-size:24px;font-weight:600;line-height:1.1}.primer-root .g-pitch{color:var(--dim);max-width:40ch;font-size:13.5px}.primer-root .g-dna{align-items:center;gap:9px;margin-top:8px;display:flex}.primer-root .g-swatches{gap:5px;display:flex}.primer-root .g-swatches i{border:1px solid rgba(var(--charade-rgb), .18);border-radius:5px;width:16px;height:16px}.primer-root .g-style-name{font-family:var(--fm);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:9.5px}.primer-root .g-frames{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:14px;padding:24px 22px 150px;display:flex;overflow-x:auto}.primer-root .g-frames>div{flex:none}.primer-root .g-frames .g-frame,.primer-root .g-frames .device{scroll-snap-align:center}@media (width<=979px){.primer-root[data-step=gallery] #flow{max-width:none}.primer-root[data-step=gallery] .g-frames{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}.primer-root .restyle{border-top:1px dashed var(--line-soft);margin-top:14px;padding-top:14px;position:relative}.primer-root .restyle-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primer-root .restyle-controls .btn{align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.primer-root .button-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.primer-root .restyle-trigger{border:1px solid var(--line);background:var(--ink-2);color:var(--paper);border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:opacity .16s;display:inline-flex}.primer-root .restyle-trigger:hover{opacity:.72}.primer-root .restyle-trigger span{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin:-3px 2px 0 3px;transition:transform .16s,margin .16s;transform:rotate(45deg)}.primer-root .restyle-trigger[aria-expanded=true] span{margin:3px 2px 0 3px;transform:rotate(225deg)}.primer-root .restyle-menu{background:var(--panel);border:1px solid var(--line);width:100%;box-shadow:0 12px 32px rgba(var(--charade-rgb), .14);border-radius:16px;margin-top:10px;padding:14px;display:none}.primer-root .restyle-menu.on{display:block}.primer-root .restyle-menu-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.primer-root .restyle-menu-head strong{color:var(--paper);font-size:15px;line-height:1.2;display:block}.primer-root .restyle-menu-head p{color:var(--dim);margin-top:3px;font-size:12px;line-height:1.4}.primer-root .dna-rail{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.primer-root .dna-rail-label{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);grid-column:1/-1;margin:8px 2px -2px;font-size:10px}.primer-root .dna-rail-label:first-child{margin-top:0}.primer-root .dna-rail .vibe.new{background:var(--ink);border:1.5px dashed var(--line);box-shadow:none;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.primer-root .dna-rail .vibe.new:hover{border-color:var(--cyan);box-shadow:none;transform:none}.primer-root .dna-rail .vibe.new svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.primer-root .dna-rail .vibe.new strong{color:var(--paper);font-size:13px}.primer-root .dna-rail .vibe.new small{color:var(--dim);text-align:center;padding:0 14px;font-size:10.5px;line-height:1.35}.primer-root .device{width:var(--dw,238px);border-radius:calc(var(--dw,238px) * .105);box-shadow:0 14px 36px rgba(var(--charade-rgb), .15), 0 2px 8px rgba(var(--charade-rgb), .08);flex-shrink:0}.primer-root .device .screen-wrap{border-radius:calc(var(--dw,238px) * .105);aspect-ratio:9/18.6;position:relative;overflow:hidden}.primer-root .device.big{--dw:300px}.primer-root .device.mini{--dw:120px;border-radius:calc(var(--dw) * .075)}.primer-root .device.mini .screen-wrap{border-radius:calc(var(--dw) * .075)}.primer-root .frame-cap{font-family:var(--fm);letter-spacing:.16em;color:var(--dim-2);text-align:center;margin-top:9px;font-size:9px}.primer-root .app-screen{background:var(--p-bg);color:var(--p-text);font-family:var(--p-fb);font-size:calc(var(--dw,238px) * .052 * var(--p-fscale,1));--as-gutter:calc(var(--dw,238px) * .046 * var(--p-space));--as-gap:calc(var(--dw,238px) * .042 * var(--p-space));--as-r:calc(var(--p-radius) * 1px * var(--dscale,1));--as-r-sm:calc(var(--p-radius) * .6px * var(--dscale,1));--as-t-display:1.53em;--as-t-hero:1.23em;--as-t-title:1.04em;--as-t-lead:.84em;--as-t-body:.79em;--as-t-sub:.69em;--as-t-fine:.62em;--as-t-micro:.55em;--as-nav-h:calc(var(--dw,238px) * .18);--as-shade:color-mix(in srgb, var(--p-text) calc(13% * var(--p-shadow,1)), transparent);--as-shade-soft:color-mix(in srgb, var(--p-text) calc(7% * var(--p-shadow,1)), transparent);--as-blur:var(--p-blur,1);--as-accent-2:var(--p-accent-2,var(--p-accent));--as-on-accent-2:var(--p-on-accent-2,var(--p-on-accent));-webkit-font-smoothing:antialiased;flex-direction:column;transition:background .45s,color .45s;display:flex;position:absolute;inset:0}.primer-root .as-pad{padding:var(--as-gutter)}.primer-root .as-body{gap:var(--as-gap);flex-direction:column;flex:1;display:flex;overflow:hidden}.primer-root .as-body.has-nav{padding-bottom:calc(var(--as-nav-h) + var(--as-gutter) * 2)}.primer-root .as-eyebrow{font-size:var(--as-t-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--p-sub);font-weight:700}.primer-root .as-greet{font-size:var(--as-t-sub);color:var(--p-sub);line-height:1.3}.primer-root .as-h1{font-family:var(--p-fd);font-size:var(--as-t-display);letter-spacing:-.022em;text-wrap:balance;font-weight:700;line-height:1.08}.primer-root .as-h2{font-family:var(--p-fd);font-size:var(--as-t-title);letter-spacing:-.014em;font-weight:700;line-height:1.2}.primer-root .as-sub{font-size:var(--as-t-body);color:var(--p-sub);line-height:1.5}.primer-root .as-link{font-size:var(--as-t-sub);color:var(--p-accent);font-weight:700}.primer-root .as-sechead{justify-content:space-between;align-items:baseline;gap:var(--as-gap);display:flex}.primer-root .as-topbar{justify-content:space-between;align-items:center;gap:calc(var(--dw) * .03);display:flex}.primer-root .as-ident{align-items:center;gap:calc(var(--dw) * .032);min-width:0;display:flex}.primer-root .as-iconbtn{width:calc(var(--dw) * .108);height:calc(var(--dw) * .108);border-radius:calc(var(--as-r-sm) * 1.6);background:var(--p-surface);border:var(--p-bw,1px) solid var(--p-border);color:var(--p-text);box-shadow:0 calc(var(--dw) * .008) calc(var(--dw) * .022 * var(--as-blur)) var(--as-shade-soft);flex:none;justify-content:center;align-items:center;transition:all .45s;display:flex;position:relative}.primer-root .as-iconbtn svg{width:calc(var(--dw) * .056);height:calc(var(--dw) * .056);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.primer-root .as-card .as-iconbtn{background:color-mix(in srgb, var(--p-accent) 12%, transparent);color:var(--p-accent);box-shadow:none;border-color:#0000}.primer-root .as-iconbtn .dot{top:calc(var(--dw) * .016);right:calc(var(--dw) * .016);width:calc(var(--dw) * .022);height:calc(var(--dw) * .022);background:var(--p-accent);box-shadow:0 0 0 calc(var(--dw) * .006) var(--p-surface);border-radius:50%;position:absolute}.primer-root .as-card{background:var(--p-surface);border-radius:var(--as-r);padding:calc(var(--dw) * .042 * var(--p-space));border:var(--p-bw,1px) solid var(--p-border);box-shadow:0 calc(var(--dw) * .006) calc(var(--dw) * .016 * var(--as-blur)) var(--as-shade-soft);transition:background .45s,border-radius .45s,border-color .45s}.primer-root .as-hero{background:linear-gradient(152deg, var(--p-accent) 0%, color-mix(in srgb, var(--p-accent) 86%, var(--p-on-accent)) 100%);color:var(--p-on-accent);border-radius:calc(var(--as-r) * 1.15);padding:calc(var(--dw) * .055 * var(--p-space));gap:calc(var(--dw) * .018);box-shadow:0 calc(var(--dw) * .026) calc(var(--dw) * .062) color-mix(in srgb, var(--p-accent) 30%, transparent);border:none;flex-direction:column;transition:background .45s,border-radius .45s;display:flex;position:relative;overflow:hidden}.primer-root .as-hero>*{position:relative}.primer-root .as-hero .hk{font-size:var(--as-t-micro);letter-spacing:.13em;opacity:.8;text-transform:uppercase;font-weight:700}.primer-root .as-hero .hv{font-family:var(--p-fd);font-size:var(--as-t-hero);letter-spacing:-.018em;font-weight:700;line-height:1.14}.primer-root .as-hero .hs{font-size:var(--as-t-sub);opacity:.84;line-height:1.4}.primer-root .as-hero .hbar{height:calc(var(--dw) * .018);margin-top:calc(var(--dw) * .022);border-radius:var(--as-r-sm);background:color-mix(in srgb, var(--p-on-accent) 26%, transparent);overflow:hidden}.primer-root .as-hero .hbar i{border-radius:inherit;background:var(--p-on-accent);width:68%;height:100%;display:block}.primer-root .as-hero .hfoot{justify-content:space-between;align-items:center;gap:calc(var(--dw) * .03);font-size:var(--as-t-micro);letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-top:calc(var(--dw) * .014);font-weight:700;display:flex}.primer-root .as-row{align-items:center;gap:calc(var(--dw) * .035);display:flex}.primer-root .as-row.btw{justify-content:space-between}.primer-root .as-stack{gap:calc(var(--dw) * .022);flex-direction:column;display:flex}.primer-root .as-avatar{width:calc(var(--dw) * .115);height:calc(var(--dw) * .115);border-radius:calc(var(--as-r-sm) * 1.4);flex:none;transition:all .45s}.primer-root .as-avatar.round{border-radius:50%}.primer-root .as-avatar.lg{width:calc(var(--dw) * .185);height:calc(var(--dw) * .185)}.primer-root .as-avatar.sm{width:calc(var(--dw) * .078);height:calc(var(--dw) * .078)}.primer-root .as-thumb{width:calc(var(--dw) * .15);height:calc(var(--dw) * .15);border-radius:calc(var(--as-r-sm) * 1.35);flex:none;transition:all .45s}.primer-root .as-media-row{padding:calc(var(--dw) * .028 * var(--p-space));gap:calc(var(--dw) * .028)}.primer-root .as-lines{flex:1;min-width:0}.primer-root .as-lt{font-size:var(--as-t-lead);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25;overflow:hidden}.primer-root .as-ls{font-size:var(--as-t-sub);color:var(--p-sub);margin-top:calc(var(--dw) * .006);line-height:1.35}.primer-root .as-pill{font-size:var(--as-t-fine);letter-spacing:.02em;color:var(--as-accent-2);background:color-mix(in srgb, var(--as-accent-2) 13%, transparent);border-radius:calc(var(--as-r-sm) * 1.8);flex-shrink:0;padding:.42em .9em;font-weight:700}.primer-root .as-chev{width:calc(var(--dw) * .048);height:calc(var(--dw) * .048);color:var(--p-sub);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.primer-root .as-meta{align-items:center;gap:calc(var(--dw) * .045);font-size:var(--as-t-fine);color:var(--p-sub);font-weight:600;display:flex;overflow:hidden}.primer-root .as-meta span{align-items:center;gap:calc(var(--dw) * .015);white-space:nowrap;display:flex}.primer-root .as-meta svg{width:calc(var(--dw) * .038);height:calc(var(--dw) * .038);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.primer-root .as-btn{justify-content:center;align-items:center;gap:calc(var(--dw) * .022);background:linear-gradient(150deg, var(--p-accent) 0%, color-mix(in srgb, var(--p-accent) 86%, var(--p-on-accent)) 100%);color:var(--p-on-accent);font-weight:700;font-size:var(--as-t-lead);letter-spacing:-.004em;border-radius:var(--as-r);padding:calc(var(--dw) * .042) calc(var(--dw) * .05);box-shadow:0 calc(var(--dw) * .016) calc(var(--dw) * .042) color-mix(in srgb, var(--p-accent) 32%, transparent);transition:all .45s;display:flex}.primer-root .as-btn svg{width:calc(var(--dw) * .048);height:calc(var(--dw) * .048);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.primer-root .as-btn.ghost{background:var(--p-surface);color:var(--as-accent-2);border:var(--p-bw,1px) solid var(--as-accent-2);box-shadow:none}.primer-root .as-actionrow{align-items:center;gap:calc(var(--dw) * .04);margin-top:auto;display:flex}.primer-root .as-actionrow .as-btn{flex:1}.primer-root .as-price .pk{font-size:var(--as-t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--p-sub);font-weight:700}.primer-root .as-price .pv{font-family:var(--p-fd);font-size:var(--as-t-title);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-weight:700}.primer-root .as-navwrap{z-index:3;padding:0 var(--as-gutter) var(--as-gutter);position:absolute;bottom:0;left:0;right:0}.primer-root .as-navwrap:before{content:"";height:calc(var(--dw) * .36);background:linear-gradient(to top, var(--p-bg) 44%, transparent);position:absolute;inset:auto 0 0}.primer-root .as-tabbar{height:var(--as-nav-h);padding:calc(var(--dw) * .018) calc(var(--dw) * .012);background:color-mix(in srgb, var(--p-surface) 92%, transparent);border:var(--p-bw,1px) solid var(--p-border);border-radius:calc(var(--as-r) * 1.3);box-shadow:0 calc(var(--dw) * .03) calc(var(--dw) * .07 * var(--as-blur)) var(--as-shade), 0 calc(var(--dw) * .004) calc(var(--dw) * .01 * var(--as-blur)) var(--as-shade-soft);-webkit-backdrop-filter:blur(calc(var(--dw) * .035));backdrop-filter:blur(calc(var(--dw) * .035));align-items:stretch;transition:all .45s;display:flex;position:relative}.primer-root .as-tab{justify-content:center;align-items:center;gap:calc(var(--dw) * .013);min-width:0;color:var(--p-text);flex-direction:column;flex:1;transition:color .35s;display:flex;position:relative}.primer-root .as-tab .ti{justify-content:center;align-items:center;display:flex}.primer-root .as-tab .tl{font-size:var(--as-t-micro);letter-spacing:.005em;white-space:nowrap;color:var(--p-sub);font-weight:600;line-height:1;transition:color .35s}.primer-root .as-tab svg{width:calc(var(--dw) * .068);height:calc(var(--dw) * .068);stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;display:block}.primer-root .as-tab.on{color:var(--p-accent)}.primer-root .as-tab.on .tl{color:var(--p-accent);font-weight:700}.primer-root .as-img{background-color:color-mix(in srgb, var(--p-accent) 82%, var(--p-bg));background-image:var(--img-p,var(--photo-1));background-position:50%;background-size:cover;transition:all .45s;position:relative;overflow:hidden}.primer-root .as-img:after{content:"";background:linear-gradient(var(--img-a,152deg), transparent 44%, color-mix(in srgb, var(--as-accent-2) 62%, var(--p-text)) 100%);opacity:.26;position:absolute;inset:0}.primer-root .as-media{aspect-ratio:16/11;border-radius:var(--as-r)}.primer-root .as-media .mtag{left:calc(var(--dw) * .035);top:calc(var(--dw) * .035);z-index:1;font-size:var(--as-t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--p-text);background:color-mix(in srgb, var(--p-surface) 88%, transparent);border-radius:calc(var(--as-r-sm) * 1.8);-webkit-backdrop-filter:blur(calc(var(--dw) * .02));backdrop-filter:blur(calc(var(--dw) * .02));padding:.42em .85em;font-weight:700;position:absolute}.primer-root .as-chips{gap:calc(var(--dw) * .022);flex-wrap:wrap;display:flex}.primer-root .as-chip{font-size:var(--as-t-sub);letter-spacing:.005em;border-radius:calc(var(--as-r-sm) * 1.8);border:var(--p-bw,1px) solid var(--p-border);color:var(--p-sub);background:var(--p-surface);padding:.48em .95em;font-weight:700;transition:all .45s}.primer-root .as-chip.on{background:var(--p-accent);color:var(--p-on-accent);border-color:#0000}.primer-root .as-search{align-items:center;gap:calc(var(--dw) * .028);background:var(--p-surface);border:var(--p-bw,1px) solid var(--p-border);border-radius:calc(var(--as-r) * .95);padding:calc(var(--dw) * .034) calc(var(--dw) * .042);font-size:var(--as-t-body);color:var(--p-sub);box-shadow:0 calc(var(--dw) * .008) calc(var(--dw) * .022 * var(--as-blur)) var(--as-shade-soft);display:flex}.primer-root .as-search svg{width:calc(var(--dw) * .046);height:calc(var(--dw) * .046);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.primer-root .as-grid2{gap:calc(var(--dw) * .035 * var(--p-space));grid-template-columns:1fr 1fr;display:grid}.primer-root .as-tile{background:var(--p-surface);border:var(--p-bw,1px) solid var(--p-border);border-radius:var(--as-r);box-shadow:0 calc(var(--dw) * .012) calc(var(--dw) * .032 * var(--as-blur)) var(--as-shade-soft);flex-direction:column;transition:all .45s;display:flex;overflow:hidden}.primer-root .as-tile .tm{aspect-ratio:4/3}.primer-root .as-tile .tm.wide{aspect-ratio:16/9}.primer-root .as-tile .tb{padding:calc(var(--dw) * .032) calc(var(--dw) * .036) calc(var(--dw) * .04)}.primer-root .as-tile .tt{font-size:var(--as-t-body);letter-spacing:-.01em;font-weight:700;line-height:1.25}.primer-root .as-tile .ts{font-size:var(--as-t-fine);color:var(--p-sub);margin-top:calc(var(--dw) * .008);line-height:1.35}.primer-root .as-body>:nth-child(4n+1) .as-img{--img-p:var(--photo-1);--img-a:152deg}.primer-root .as-body>:nth-child(4n+2) .as-img{--img-p:var(--photo-5);--img-a:196deg}.primer-root .as-body>:nth-child(4n+3) .as-img{--img-p:var(--photo-3);--img-a:132deg}.primer-root .as-body>:nth-child(4n+4) .as-img{--img-p:var(--photo-6);--img-a:238deg}.primer-root .as-grid2>:first-child .as-img{--img-p:var(--photo-2);--img-a:152deg}.primer-root .as-grid2>:nth-child(2) .as-img{--img-p:var(--photo-5);--img-a:206deg}.primer-root .as-grid2>:nth-child(3) .as-img{--img-p:var(--photo-3);--img-a:118deg}.primer-root .as-grid2>:nth-child(4) .as-img{--img-p:var(--photo-6);--img-a:248deg}.primer-root .as-grid2>:nth-child(5) .as-img{--img-p:var(--photo-4);--img-a:168deg}.primer-root .as-grid2>:nth-child(6) .as-img{--img-p:var(--photo-1);--img-a:96deg}.primer-root .as-avatar.as-img{background-image:var(--img-face,var(--ph-avatar,var(--photo-face-a)))}.primer-root .as-body>:nth-child(2n) .as-avatar,.primer-root .as-avatar.face-b{--img-face:var(--photo-face-b)}.primer-root .as-stats{gap:calc(var(--dw) * .028);display:flex}.primer-root .as-stat{text-align:center;background:var(--p-surface);border:var(--p-bw,1px) solid var(--p-border);border-radius:var(--as-r);padding:calc(var(--dw) * .042) calc(var(--dw) * .012);box-shadow:0 calc(var(--dw) * .012) calc(var(--dw) * .03 * var(--as-blur)) var(--as-shade-soft);flex:1}.primer-root .as-stat .sv{font-family:var(--p-fd);font-weight:700;font-size:var(--as-t-title);letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--as-accent-2)}.primer-root .as-stat .sk{font-size:var(--as-t-micro);color:var(--p-sub);letter-spacing:.1em;text-transform:uppercase;margin-top:calc(var(--dw) * .006);font-weight:700}.primer-root .as-tl{gap:calc(var(--dw) * .038);display:flex}.primer-root .as-tl .rail{width:calc(var(--dw) * .032);flex:none;justify-content:center;display:flex;position:relative}.primer-root .as-tl .rail i{width:calc(var(--dw) * .028);height:calc(var(--dw) * .028);margin-top:calc(var(--dw) * .02);background:var(--p-accent);z-index:1;box-shadow:0 0 0 calc(var(--dw) * .012) color-mix(in srgb, var(--p-accent) 16%, transparent);border-radius:50%}.primer-root .as-tl .rail:before{content:"";top:calc(var(--dw) * .06);bottom:calc(var(--dw) * -.05);width:var(--p-bw,1px);background:var(--p-border);position:absolute}.primer-root .as-tl:last-child .rail:before{display:none}.primer-root .as-tl .as-card{flex:1;min-width:0}.primer-root .as-splash{text-align:center;color:var(--p-splash-text);justify-content:space-between;gap:0;padding:0;position:relative}.primer-root .as-splash .sp-photo{z-index:0;--img-p:var(--photo-splash);position:absolute;inset:0}.primer-root .as-splash .sp-photo:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--p-splash-scrim) 58%, transparent) 0%, color-mix(in srgb, var(--p-splash-scrim) 22%, transparent) 18%, color-mix(in srgb, var(--p-splash-scrim) 5%, transparent) 42%, color-mix(in srgb, var(--p-splash-scrim) 38%, transparent) 62%, color-mix(in srgb, var(--p-splash-scrim) 76%, transparent) 80%, color-mix(in srgb, var(--p-splash-scrim) 90%, transparent) 100%);opacity:1}.primer-root .as-splash .sp-top,.primer-root .as-splash .sp-foot{z-index:1;position:relative}.primer-root .as-splash .sp-top{padding:calc(var(--as-gutter) * 1.45) var(--as-gutter) 0;justify-content:center;display:flex}.primer-root .as-splash .sp-mark{width:calc(var(--dw) * .085);height:calc(var(--dw) * .085);border-radius:calc(var(--p-radius) * 1px * var(--dscale,1));background-color:var(--p-surface);background-image:var(--app-icon);filter:drop-shadow(0 calc(var(--dw) * .004) calc(var(--dw) * .018) color-mix(in srgb, var(--p-splash-scrim) 72%, transparent));background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.primer-root .as-splash .sp-foot{gap:calc(var(--dw) * .036);padding:var(--as-gutter) var(--as-gutter) calc(var(--as-gutter) * 1.2);flex-direction:column;display:flex}.primer-root .as-splash .sp-copy{text-align:left}.primer-root .as-splash .sp-h{font-family:var(--p-fd);font-size:var(--as-t-display);letter-spacing:-.024em;text-wrap:balance;font-weight:700;line-height:1.06}.primer-root .as-splash .sp-s{font-size:var(--as-t-body);color:var(--p-splash-text);opacity:.82;margin-top:calc(var(--dw) * .018);line-height:1.4}.primer-root .as-splash .sp-cta{gap:calc(var(--dw) * .026);flex-direction:column;display:flex}.primer-root .as-splash .as-btn.sp-alt{background:color-mix(in srgb, var(--p-splash-scrim) 24%, transparent);color:var(--p-splash-text);box-shadow:none;border:var(--p-bw,1px) solid color-mix(in srgb, var(--p-splash-text) 36%, transparent);-webkit-backdrop-filter:blur(calc(var(--dw) * .04));backdrop-filter:blur(calc(var(--dw) * .04))}.primer-root .as-splash .sp-fine{font-size:var(--as-t-fine);color:var(--p-splash-text);opacity:.68;line-height:1.45}.primer-root .spark-building .sp-photo,.primer-root .spark-building .sp-mark,.primer-root .spark-building .sp-h,.primer-root .spark-building .sp-s,.primer-root .spark-building .sp-cta,.primer-root .spark-building .sp-fine{opacity:0}.primer-root .spark-building.spark-stage-1 .sp-photo,.primer-root .spark-building.spark-stage-2 .sp-photo,.primer-root .spark-building.spark-stage-3 .sp-photo,.primer-root .spark-building.spark-stage-3 .sp-mark{opacity:1}.primer-root .spark-building.spark-stage-2 .sp-s,.primer-root .spark-building.spark-stage-3 .sp-s{opacity:.82}.primer-root .spark-building.spark-stage-3 .sp-h,.primer-root .spark-building.spark-stage-3 .sp-cta{opacity:1}.primer-root .spark-building.spark-stage-3 .sp-fine{opacity:.68}.primer-root .spark-building.spark-image-generating .sp-mark{opacity:0}.primer-root .spark-building.spark-icon-reveal .sp-mark{transform-origin:50%;animation:.78s cubic-bezier(.2,.72,.2,1) .65s both sparkIconBounce}.primer-root .spark-building.spark-stage-0{--spark-wire:color-mix(in srgb, var(--cyan) 58%, var(--p-surface));--spark-wire-mid:color-mix(in srgb, var(--cyan) 18%, transparent);--spark-wire-soft:color-mix(in srgb, var(--cyan) 8%, transparent);background:color-mix(in srgb, var(--p-bg) 94%, var(--p-surface))}.primer-root[data-step=spark] .device:has(.spark-stage-0){box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan) 52%, transparent)}.primer-root[data-step=spark] #miniPreview:has(.spark-stage-0){box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan) 52%, transparent)}.primer-root .spark-scaffold{inset:calc(var(--dw) * .075);z-index:2;pointer-events:none;gap:calc(var(--dw) * .028);flex-direction:column;transition:opacity .35s,transform .35s;display:flex;position:absolute}.primer-root .spark-scaffold-media{border:1px dashed var(--spark-wire);border-radius:var(--as-r);background:linear-gradient(145deg, var(--spark-wire-mid), var(--spark-wire-soft));flex:1;min-height:0;position:relative}.primer-root .spark-scaffold-media:after{content:"";width:calc(var(--dw) * .19);aspect-ratio:1;border:1px dashed var(--spark-wire);background:color-mix(in srgb, var(--cyan) 14%, var(--p-surface));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primer-root .spark-scaffold-foot{gap:calc(var(--dw) * .018);flex-direction:column;display:flex}.primer-root .spark-scaffold-line,.primer-root .spark-scaffold-button{border-radius:var(--as-r-sm);display:block}.primer-root .spark-scaffold-line{height:calc(var(--dw) * .026);background:var(--spark-wire-mid);width:72%}.primer-root .spark-scaffold-line.short{background:color-mix(in srgb, var(--cyan) 11%, transparent);width:48%}.primer-root .spark-scaffold-button{width:38%;height:calc(var(--dw) * .065);border:1px dotted var(--spark-wire);border-radius:var(--as-r);background:var(--spark-wire-soft)}.primer-root .spark-scaffold-copy{gap:calc(var(--dw) * .012);padding-top:calc(var(--dw) * .012);flex-direction:column;display:flex}.primer-root .spark-scaffold-copy i{width:100%;height:calc(var(--dw) * .045);min-height:calc(var(--dw) * .045);border-radius:var(--as-r-sm);background:color-mix(in srgb, var(--cyan) 15%, transparent);flex:none}.primer-root .spark-scaffold-copy i:nth-child(2){background:color-mix(in srgb, var(--cyan) 11%, transparent);width:88%}.primer-root .spark-scaffold-copy i:last-child{background:color-mix(in srgb, var(--cyan) 7%, transparent);width:68%}.primer-root .spark-scaffold-stats{gap:calc(var(--dw) * .025);grid-template-columns:repeat(3,1fr);display:grid}.primer-root .spark-scaffold-stats i{height:calc(var(--dw) * .052);border-top:1px dotted var(--spark-wire);border-radius:var(--as-r-sm);background:var(--spark-wire-soft)}.primer-root .spark-scaffold-stats i:nth-child(2){background:color-mix(in srgb, var(--cyan) 12%, transparent)}.primer-root .spark-scaffold-stats i:nth-child(3){background:color-mix(in srgb, var(--cyan) 6%, transparent)}.primer-root .spark-building:not(.spark-stage-0) .spark-scaffold{opacity:0;transform:translateY(calc(var(--dw) * .025))}.primer-root .spark-building.spark-image-generating .sp-photo{animation:8s linear both sparkImageGenerate;animation-delay:var(--spark-image-delay,0s);background-image:none}.primer-root .spark-pixel-canvas{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.primer-root .spark-image-progress{top:calc(var(--dw) * .103);left:calc(var(--dw) * .072);z-index:4;min-width:calc(var(--dw) * .17);padding:calc(var(--dw) * .022) calc(var(--dw) * .034);border:1px solid color-mix(in srgb, var(--p-splash-text) 24%, transparent);background:color-mix(in srgb, var(--p-splash-scrim) 88%, transparent);color:var(--p-splash-text);font-family:var(--fm);font-size:var(--as-t-micro);letter-spacing:.08em;text-align:center;-webkit-backdrop-filter:blur(calc(var(--dw) * .018));backdrop-filter:blur(calc(var(--dw) * .018));border-radius:999px;font-weight:700;line-height:1.1;position:absolute}.primer-root .spark-building.spark-stage-3.spark-advance .sp-cta,.primer-root .spark-building.spark-stage-3.spark-advance .sp-fine{animation:.55s cubic-bezier(.2,.7,.2,1) both sparkPartIn}.primer-root .spark-building.spark-stage-3.spark-advance .sp-cta{animation-delay:1.6s}.primer-root .spark-building.spark-stage-3.spark-advance .sp-fine{animation-delay:1.82s}.primer-root .spark-building .sp-s{--spark-part-opacity:.82}.primer-root .spark-building .sp-fine{--spark-part-opacity:.68}.primer-root .spark-text-generating:after{content:"";vertical-align:-.08em;background:currentColor;width:1px;height:.9em;margin-left:.14em;animation:.55s step-end infinite sparkTextCursor;display:inline-block}@keyframes sparkImageGenerate{0%{opacity:.58;transform:scale(1.08)}35%{opacity:.74;transform:scale(1.055)}70%{opacity:.91;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes sparkPartIn{0%{opacity:0;transform:translateY(calc(var(--dw) * .035))}to{opacity:var(--spark-part-opacity,1);transform:none}}@keyframes sparkIconBounce{0%{opacity:0;transform:translateY(calc(var(--dw) * .16)) scale(.9)}62%{opacity:1;transform:translateY(calc(var(--dw) * -.018)) scale(1.035)}80%{transform:translateY(calc(var(--dw) * .008)) scale(.99)}92%{transform:translateY(calc(var(--dw) * -.004)) scale(1.01)}to{opacity:1;transform:none}}@keyframes sparkTextCursor{50%{opacity:0}}.primer-root[data-step=welcome] #stageDna,.primer-root[data-step=welcome] #stageTabs{display:none}.primer-root #stage .hero-shot{object-fit:contain;width:min(560px,100%);min-height:0;max-height:100%}.primer-root .wire-caption{text-align:center;max-width:34ch;color:var(--dim);margin:14px auto 0;font-size:13px;line-height:1.55}.primer-root #stageCaption{display:none}.primer-root[data-step=welcome] #stageCaption{display:block}.primer-root .wireframe .app-screen{background:var(--ink-2)!important;color:#0000!important}.primer-root .wireframe .app-screen *{color:#0000!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.primer-root .wireframe .app-screen :is(.as-card,.as-hero,.as-row,.as-tile,.as-img,.as-btn,.as-iconbtn,.as-input,.as-stat,.as-tabbar,.sp-photo){border:1px dashed color-mix(in srgb, var(--cyan) 55%, transparent)!important;background:color-mix(in srgb, var(--cyan) 7%, transparent)!important}.primer-root .wireframe .app-screen img{visibility:hidden!important}.primer-root .wireframe .app-screen .sp-photo{border-radius:calc(var(--dw,238px) * .105)!important}.primer-root .wireframe .as-img:after,.primer-root .wireframe .as-navwrap:before{display:none!important}.primer-root #miniPreview{right:14px;bottom:calc(var(--nav-h) + 14px);z-index:55;width:86px;box-shadow:0 8px 24px rgba(var(--charade-rgb), .22), 0 2px 6px rgba(var(--charade-rgb), .1);cursor:pointer;border-radius:13px;transition:transform .2s;display:none;position:fixed;overflow:visible}.primer-root #miniPreview.on{display:block}.primer-root #miniPreview:hover{transform:scale(1.04)}.primer-root #miniPreview .screen-wrap{aspect-ratio:9/18.6;border-radius:13px;position:relative;overflow:hidden}.primer-root #miniPreview .app-screen{font-size:calc(4.4px * var(--p-fscale,1));--dw:86px}.primer-root #miniPreview .mp-tag{z-index:2;font-family:var(--fm);letter-spacing:.14em;color:var(--cyan);background:var(--ink);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:7.5px;line-height:1.2;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.primer-root #overlay{z-index:100;background:rgba(var(--pampas-rgb), .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:none;position:fixed;inset:0}.primer-root #overlay.on{animation:.25s stepIn;display:flex}.primer-root #overlay .close{background:var(--ink-2);border:1px solid var(--line);color:var(--paper);border-radius:50%;width:38px;height:38px;font-size:16px;position:absolute;top:18px;right:18px}.primer-root #overlay .device{--dw:min(300px, 72vw)}.primer-root #overlay .stage-dna{text-align:center}.primer-root #dlModal{z-index:100;background:rgba(var(--pampas-rgb), .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.primer-root #dlModal.on{animation:.25s stepIn;display:flex}.primer-root .dl-panel{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:calc(100vh - 80px);box-shadow:0 24px 64px rgba(var(--charade-rgb), .18);border-radius:18px;padding:24px;position:relative;overflow-y:auto}.primer-root .dl-panel .close{background:var(--ink-2);border:1px solid var(--line);color:var(--paper);border-radius:50%;width:34px;height:34px;font-size:14px;position:absolute;top:14px;right:14px}.primer-root .dl-brand{border-top:1px dashed var(--line-soft);font-family:var(--fm);letter-spacing:.22em;color:var(--paper);justify-content:center;align-items:center;gap:10px;margin-top:18px;padding-top:16px;font-size:14px;font-weight:700;display:flex}.primer-root .dl-brand-dot{color:var(--dim-2);letter-spacing:0}.primer-root .dl-wm{width:88px;height:auto;display:block}.primer-root .dl-head strong{font-family:var(--fd);letter-spacing:-.01em;font-size:20px;display:block}.primer-root .dl-head p{color:var(--dim);max-width:44ch;margin-top:4px;font-size:13px;line-height:1.5}.primer-root .dl-group{margin-top:16px}.primer-root .dl-group-label{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);margin-bottom:6px;font-size:10px}.primer-root .dl-row{border-bottom:1px dashed var(--line-soft);align-items:baseline;gap:12px;padding:7px 2px;display:flex}.primer-root .dl-row:last-child{border-bottom:none}.primer-root .dl-row code{font-family:var(--fm);color:var(--paper);white-space:nowrap;font-size:12px}.primer-root .dl-row span{color:var(--dim);font-size:12px;line-height:1.45}.primer-root .dl-note{border-top:1px dashed var(--line-soft);color:var(--dim);margin-top:18px;padding-top:14px;font-size:12px;line-height:1.5}.primer-root #toast{left:0;right:0;bottom:calc(var(--nav-h) + 18px);text-align:left;background:var(--panel);width:max-content;max-width:min(420px,100vw - 40px);color:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px rgba(var(--charade-rgb), .16), 0 2px 6px rgba(var(--charade-rgb), .08);opacity:0;pointer-events:none;z-index:120;border-radius:12px;align-items:center;gap:10px;margin-inline:auto;padding:11px 16px;font-size:13.5px;font-weight:500;line-height:1.35;transition:opacity .24s,transform .24s;display:flex;position:fixed;transform:translateY(10px)}.primer-root #toast:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 3px rgba(var(--ultrasonic-rgb), .15);border-radius:50%;flex:none}.primer-root #toast.on{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.primer-root,.primer-root *,.primer-root :before,.primer-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.primer-root input.blank{color:var(--paper);caret-color:var(--cyan);cursor:text}.primer-root input.blank:read-only{cursor:default;caret-color:#0000;border-bottom-style:solid;animation:none}.primer-root .followup-notes{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--paper);font:inherit;resize:vertical;border-radius:10px;margin-top:8px;padding:12px}.primer-root .followup-notes:focus{border-color:var(--cyan);outline:none}.primer-root .followup-notes:read-only{cursor:default;caret-color:#0000;resize:none}.primer-root .chip:disabled{cursor:default}.primer-root .chip:disabled:hover{border-color:var(--line)}.primer-root .chip.on:disabled:hover{border-color:var(--cyan)}.primer-root .step.is-locked .chip:not(.on){opacity:.5}.primer-root input.blank::placeholder{color:var(--dim-2);opacity:1}.primer-root #flow{padding-bottom:calc(var(--nav-h) + 40px)}.primer-root[data-step=spark] #stageDna,.primer-root[data-step=spark] #stageTabs,.primer-root[data-step=followup] #stageCaption{display:none}.primer-root .vibe .sheet-sw-img{background-color:#0000;background-position:50%;background-size:cover;border-radius:3px;width:18px;height:14px;box-shadow:inset 0 0 0 1px #0000001f}.primer-root .vibe .sheet-imagery{gap:4px}.primer-root .app-screen .as-img:after{opacity:.18}.primer-root #stageDna .stage-dna-sub{letter-spacing:.06em;opacity:.55;font-weight:500}@media (prefers-reduced-motion:reduce){.primer-root .app-screen .as-img{transition:none}}.primer-root .wireframe .app-screen :is(.as-card,.as-hero,.as-row,.as-tile,.as-img,.as-btn,.as-iconbtn,.as-input,.as-stat,.as-tabbar,.sp-photo){transition:border-color .4s,border-style .4s,background .4s}.primer-root .wireframe .app-screen :is(.as-h1,.as-h2,.as-greet,.as-lt,.as-ls,.as-meta,.as-link,.as-pill,.as-eyebrow,.hk,.hv,.hs,.hfoot,.sk,.sv,.tl){transition:color .45s,opacity .45s}.primer-root .wireframe[data-wire-fill="1"] .app-screen .as-iconbtn,.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-iconbtn,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-iconbtn,.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-hero,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-hero,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-card,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-tabbar{border-style:solid!important;border-color:color-mix(in srgb, var(--cyan) 72%, transparent)!important;background:color-mix(in srgb, var(--cyan) 16%, transparent)!important}.primer-root .wireframe[data-wire-fill="1"] .app-screen .as-ident .as-h2,.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-ident .as-h2,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-ident .as-h2{color:color-mix(in srgb, var(--paper) 90%, transparent)!important}.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-ident .as-greet,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-ident .as-greet,.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-hero .hk,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-hero .hk,.primer-root .wireframe[data-wire-fill="2"] .app-screen .as-hero .hv,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-hero .hv{color:color-mix(in srgb, var(--paper) 82%, transparent)!important}.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-hero .hs,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-hero .hfoot,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-sechead .as-h2,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-sechead .as-link,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-lt,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-meta,.primer-root .wireframe[data-wire-fill="3"] .app-screen .as-pill{color:color-mix(in srgb, var(--paper) 78%, transparent)!important}@media (prefers-reduced-motion:reduce){.primer-root .wireframe .app-screen :is(.as-card,.as-hero,.as-row,.as-tile,.as-img,.as-btn,.as-iconbtn,.as-input,.as-stat,.as-tabbar,.sp-photo),.primer-root .wireframe .app-screen :is(.as-h1,.as-h2,.as-greet,.as-lt,.as-ls,.as-meta,.as-link,.as-pill,.as-eyebrow,.hk,.hv,.hs,.hfoot,.sk,.sv,.tl){transition:none}}.primer-root[data-step=screens] #stage{display:none!important}.primer-root[data-step=screens] #flow{border-right:none;width:100%;max-width:none;margin:0;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}@media (width>=980px){.primer-root[data-step=screens] main{max-width:none}.primer-root[data-step=screens] #flow{max-width:1220px;margin:0 auto;padding-top:36px}}.primer-root .pg-frames{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:16px;margin-top:8px;padding:26px 2px 14px;display:flex;overflow-x:auto}.primer-root .pg-frame{scroll-snap-align:start;text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:none;flex:0 0 208px;padding:0}.primer-root .pg-phone{aspect-ratio:9/17.4;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 2px rgba(var(--charade-rgb), .05), 0 10px 26px rgba(var(--charade-rgb), .08);border-radius:24px;flex-direction:column;padding:30px 14px 16px;display:flex;position:relative}.primer-root .pg-notch{background:var(--line);opacity:.55;border-radius:99px;width:34%;height:7px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.primer-root .pg-frame.locked .pg-phone{background:var(--ink-2)}.primer-root .pg-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.primer-root .pg-title{min-width:0;color:var(--paper);font-family:var(--fd);letter-spacing:-.01em;background:0 0;border:none;border-bottom:1.5px dashed #0000;border-radius:0;flex:1;padding:2px 0 3px;font-size:17px;font-weight:600;transition:border-color .16s}.primer-root input.pg-title{border-bottom-color:rgba(var(--ultrasonic-rgb), .4)}.primer-root input.pg-title:hover{border-bottom-color:var(--cyan)}.primer-root input.pg-title:focus{border-bottom-color:var(--cyan);border-bottom-style:solid;outline:none}.primer-root .pg-pencil{width:12px;height:12px;color:var(--dim-2);cursor:text;flex:none;transition:color .16s}.primer-root .pg-pencil svg{fill:currentColor;width:100%;height:100%;display:block}.primer-root .pg-head:hover .pg-pencil,.primer-root input.pg-title:focus+.pg-pencil{color:var(--cyan)}.primer-root .pg-foot{flex:none;justify-content:center;padding-top:8px;display:flex}.primer-root .pg-remove{border:1px solid var(--line);width:26px;height:26px;color:var(--dim-2);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:all .16s;display:flex;position:relative}.primer-root .pg-remove:hover{color:var(--cyan);background:var(--cyan-soft);border-color:var(--cyan)}.primer-root .pg-remove:after{content:attr(data-tip);z-index:3;background:var(--paper);color:var(--ink);font-family:var(--fb);letter-spacing:0;white-space:nowrap;box-shadow:0 4px 12px rgba(var(--charade-rgb), .18);opacity:0;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:500;line-height:1.3;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.primer-root .pg-remove:hover:after,.primer-root .pg-remove:focus-visible:after{opacity:1}@media (hover:hover){.primer-root .pg-remove{opacity:0}.primer-root .pg-frame:hover .pg-remove,.primer-root .pg-remove:focus-visible{opacity:1}}.primer-root .lock-tag{font-family:var(--fm);letter-spacing:.12em;color:var(--dim-2);border:1px dashed var(--line);border-radius:99px;flex-shrink:0;padding:3px 7px;font-size:8px}.primer-root .pg-sec-label{font-family:var(--fm);letter-spacing:.16em;color:var(--dim-2);margin-bottom:8px;font-size:8.5px}.primer-root .pg-pills{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.primer-root .pg-pill{width:100%;color:var(--paper);background:var(--cyan-soft);border:1px solid rgba(var(--ultrasonic-rgb), .22);-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:6px;padding:6px 6px 6px 7px;font-size:11.5px;font-weight:600;line-height:1.2;display:flex}.primer-root .pg-pill em{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;min-width:0;font-style:normal;overflow:hidden}.primer-root .pg-pill .grip{width:14px;height:14px;color:var(--dim-2);cursor:grab;touch-action:none;flex:none}.primer-root .pg-pill .grip svg{fill:currentColor;width:100%;height:100%;display:block}.primer-root .pg-pills.reordering .pg-pill:not(.dragging){transition:transform .14s}.primer-root .pg-pill.dragging{border-color:var(--cyan);background:rgba(var(--ultrasonic-rgb), .16);box-shadow:0 6px 16px rgba(var(--charade-rgb), .18);z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.primer-root .pg-pills.reordering .pg-pill:not(.dragging){transition:none}}.primer-root .pg-pill.dragging .grip{cursor:grabbing}.primer-root .pg-pill .x{width:16px;height:16px;color:var(--dim);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.primer-root .pg-pill .x:hover{background:var(--cyan);color:var(--ink)}.primer-root .pg-frame.locked .pg-pill{border:1px dashed var(--line);color:var(--dim);background:0 0;padding:6px 10px}.primer-root .pg-pill.is-add{background:0 0;border:none;padding:0}.primer-root .pg-add-input{font-family:var(--fb);color:var(--paper);border:1.5px dashed var(--line);background:0 0;border-radius:99px;width:100%;padding:6px 10px;font-size:11.5px;font-weight:600}.primer-root .pg-add-input:focus{border-color:var(--cyan);background:var(--cyan-soft);outline:none}.primer-root .pg-add-input::placeholder{color:var(--dim);font-weight:500}.primer-root .frame-cap{text-align:center;font-family:var(--fm);letter-spacing:.16em;color:var(--dim-2);margin-top:10px;font-size:9px}.primer-root .pg-frame-add .pg-phone-add{box-shadow:none;cursor:pointer;background:0 0;border-style:dashed;justify-content:center;align-items:center}.primer-root .pg-frame-add:hover .pg-phone-add{border-color:var(--cyan);background:var(--cyan-soft)}.primer-root .pg-add-body{color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.primer-root .pg-add-plus{color:var(--cyan);font-size:28px;line-height:1}.primer-root .pg-frame.is-skeleton .pg-phone{opacity:.55}.primer-root .screen-phone-title-skel,.primer-root .screen-sec-skel{background:color-mix(in srgb, var(--paper) 8%, transparent);border-radius:6px}.primer-root .screen-phone-title-skel{width:58%;height:16px}.primer-root .screen-sec-skel{border-radius:99px;width:100%;height:28px}.primer-root .screen-sec-skel.short{width:70%}@media (width>=980px){.primer-root .pg-frames{justify-content:center}.primer-root .pg-frame{flex:1 1 0;max-width:236px}}@media (width<=979px){.primer-root[data-step=screens] .pg-frames{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}.primer-root[data-step=style] #stage{display:none!important}.primer-root[data-step=style] #flow{border-right:none;width:100%;max-width:none;margin:0}@media (width>=980px){.primer-root[data-step=style] main{max-width:none}.primer-root[data-step=style] #flow{max-width:1220px;margin:0 auto;padding-top:36px}}.primer-root .vibe-grid{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:16px;margin-top:28px;padding-bottom:8px;display:grid}.primer-root .vibe-grid .vibe{flex:none;width:auto;height:290px;min-height:290px}.primer-root .vibe.new{background:color-mix(in srgb, var(--ink-2) 70%, var(--ink));border:1.5px dashed var(--line);box-shadow:none;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:290px;transition:border-color .18s,background .18s,color .18s;display:flex}.primer-root .vibe.new:hover,.primer-root .vibe.new.over{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:none;color:var(--cyan);transform:none}.primer-root .vibe.new:hover .poster-bg,.primer-root .vibe.new:focus-visible .poster-bg{transform:none}.primer-root .vibe.new:hover .poster-body,.primer-root .vibe.new:focus-visible .poster-body{opacity:1}.primer-root .vibe.new svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.primer-root .vibe.new strong{color:var(--paper);font-size:13px}.primer-root .vibe.new:hover strong,.primer-root .vibe.new.over strong{color:var(--paper)}.primer-root .vibe.new small{color:var(--dim);text-align:center;padding:0 14px;font-size:10.5px;line-height:1.35}.primer-root #toast.on{pointer-events:auto}.primer-root #toast .toast-action{color:var(--cyan);font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:4px;padding:4px 2px;font-size:11px;font-weight:700}.primer-root #toast .toast-action:hover{text-decoration:underline}.primer-root .g-frame{scroll-snap-align:center;flex-direction:column;align-items:center;display:flex}.primer-root .g-frame-phone{box-shadow:0 14px 36px rgba(var(--charade-rgb), .15), 0 2px 8px rgba(var(--charade-rgb), .08);overscroll-behavior:contain;background:0 0;position:relative;overflow:hidden}.primer-root .g-frame-phone .phone{box-shadow:none;border:none;border-radius:0}.primer-root .g-frame-scale{transform-origin:0 0;pointer-events:auto}.primer-root .g-frames.is-rail-pan iframe{pointer-events:none}.primer-root .g-frame-skeleton{background:linear-gradient(120deg,#ffffff0f 0%,#ffffff24 45%,#ffffff0f 90%) 0 0/200% 100%;justify-content:center;align-items:center;width:100%;height:100%;animation:1.6s ease-in-out infinite g-frame-shimmer;display:flex}.primer-root .g-frame-skeleton-label{font-family:var(--fm,ui-monospace, monospace);letter-spacing:.14em;color:#ffffff59;text-align:center;padding:0 24px;font-size:11px}.primer-root .g-frame.is-placeholder .g-frame-phone{box-shadow:0 14px 36px rgba(var(--charade-rgb), .1), 0 2px 8px rgba(var(--charade-rgb), .06)}@keyframes g-frame-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.primer-root .g-frame-imagery-badge{z-index:3;font-family:var(--fm,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.primer-root #designBar{--db-accent:var(--blizzard);left:50%;bottom:calc(var(--nav-h) + 16px);z-index:70;background:var(--charade);font-family:var(--fb);box-shadow:0 16px 40px rgba(var(--charade-rgb), .35), 0 2px 8px rgba(var(--charade-rgb), .2);border-radius:18px;align-items:stretch;gap:2px;padding:6px;transition:opacity .18s;display:flex;position:fixed;transform:translate(-50%)}.primer-root #designBar.is-locked{opacity:.48;pointer-events:none}.primer-root #designBar.is-locked .db-tool{cursor:not-allowed}.primer-root .db-tool-wrap{display:flex;position:relative}.primer-root .db-tool{color:#ffffffb8;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:66px;padding:9px 12px 8px;font-size:10.5px;font-weight:600;transition:background .16s,color .16s;display:flex}.primer-root .db-tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.primer-root .db-tool:hover{color:#fff;background:#ffffff14}.primer-root .db-tool.on{color:#fff;background:#ffffff1f}.primer-root .db-tool.on svg{color:var(--db-accent)}.primer-root .db-menu{background:var(--charade);color:#f4f4f7;text-align:left;width:max-content;max-width:min(560px,100vw - 24px);box-shadow:0 20px 48px rgba(var(--charade-rgb), .4);z-index:1;border:1px solid #ffffff17;border-radius:18px;padding:16px;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.primer-root .db-menu.on{transform-origin:50% 100%;animation:.22s cubic-bezier(.2,.7,.2,1) dbMenuIn;display:block}@keyframes dbMenuIn{0%{opacity:0;transform:translate(-50%)translateY(7px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.primer-root .db-menu-title{font-family:var(--fm);letter-spacing:.18em;text-transform:uppercase;color:#ffffff7a;margin-bottom:10px;font-size:9.5px}.primer-root .db-menu.db-restyle{overscroll-behavior:contain;width:min(720px,100vw - 24px);max-width:min(720px,100vw - 24px);max-height:min(60dvh,560px);overflow-y:auto}.primer-root .db-restyle-rail{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.primer-root .db-restyle .vibe,.primer-root .vibe.vibe-compact{height:220px;min-height:220px}.primer-root .db-restyle .vibe .vt,.primer-root .vibe.vibe-compact .vt{font-size:15px}.primer-root .db-restyle .vibe .poster-sheet .vt,.primer-root .vibe.vibe-compact .poster-sheet .vt{font-size:14px}.primer-root .db-restyle .vibe .sheet-row,.primer-root .vibe.vibe-compact .sheet-row{padding:6px 0}.primer-root .db-restyle .vibe .poster-sheet,.primer-root .vibe.vibe-compact .poster-sheet{gap:2px;padding:12px}.primer-root .db-restyle .vibe.new{color:#ffffffa8;background:#ffffff0a;border-color:#ffffff42}.primer-root .db-pals{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(190px,1fr));gap:4px;max-height:300px;display:grid;overflow-y:auto}@media (width<=520px){.primer-root .db-pals{grid-template-columns:1fr}}.primer-root .db-pal{color:#f4f4f7;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s;display:flex}.primer-root .db-pal:hover{background:#ffffff12}.primer-root .db-pal.on{border-color:var(--db-accent)}.primer-root .db-strip{flex:none;gap:3px;display:flex}.primer-root .db-strip i{border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 0 1px #ffffff29}.primer-root .db-fonts{grid-template-columns:repeat(2,minmax(185px,1fr));gap:16px;display:grid}@media (width<=520px){.primer-root .db-fonts{grid-template-columns:1fr}}.primer-root .db-font-list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.primer-root .db-font{color:#f4f4f7;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;height:38px;padding:0 12px;font-size:14.5px;line-height:36px;transition:background .14s,border-color .14s;overflow:hidden}.primer-root .db-font:hover{background:#ffffff12}.primer-root .db-font.on{border-color:var(--db-accent);color:#fff}.primer-root .db-slider{width:270px}.primer-root .db-slider .row{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:10px;display:flex}.primer-root .db-val{font-family:var(--fm);color:#fff;font-size:12px}.primer-root .db-demo-r{--rmix:50;border-top:2px solid color-mix(in oklab, var(--blizzard) calc(var(--rmix) * 1%), var(--corn));border-left:2px solid color-mix(in oklab, var(--blizzard) calc(var(--rmix) * 1%), var(--corn));width:44px;height:30px;transition:border-radius .2s,border-color .2s}.primer-root .db-word{color:#fff;font-size:15px;font-weight:600}.primer-root .db-range{width:100%;accent-color:var(--db-accent)}.primer-root .dl-actions{justify-content:flex-end;margin-top:16px;display:flex}.primer-root .dl-actions .btn{min-width:140px}@media (prefers-reduced-motion:reduce){.primer-root .db-menu.on{animation:none}}}@layer theme,utilities;