.intro{gap:14px;padding:clamp(24px,3vw,40px) 0 8px;display:grid}.intro h1{font-size:clamp(46px,6.2vw,88px)}.how3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:900px;margin-top:10px;display:grid}.how3 div{background:var(--night-2);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.how3 .stamp{font-size:20px}.how3 b{font-size:16px;display:block}.how3 small{color:var(--muted);font-size:13px;line-height:1.35;display:block}.gallery-head{justify-content:space-between;align-items:end;gap:16px;margin:48px 0 18px;display:flex}.gallery-head h2{font-size:clamp(32px,4vw,52px)}.gallery{scroll-snap-type:x mandatory;grid-template-columns:repeat(8,minmax(140px,1fr));gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.gcard{scroll-snap-align:start;text-align:left;background:var(--night-2);border:1.5px solid var(--line);cursor:pointer;transition:transform .14s var(--ease-out), border-color .14s var(--ease-out);border-radius:16px;gap:10px;padding:8px 8px 12px;display:grid}.gcard:active{transform:scale(.98)}@media (hover:hover){.gcard:hover{border-color:var(--line-strong);transform:translateY(-2px)}}.gcard[aria-pressed=true]{border-color:var(--truth);background:oklch(86% .19 125/.07)}.pv{aspect-ratio:9/16;background:#000;border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.pv.sq{background:var(--paper)}.pv.sq .still{align-content:center;display:grid}.pv .f{opacity:0;animation:6s step-end infinite cyc;position:absolute;inset:0}.pv.two .f{animation:3s step-end infinite cyc2}.pv .f:nth-child(2){animation-delay:1.5s}.pv .f:nth-child(3){animation-delay:3s}.pv .f:nth-child(4){animation-delay:4.5s}.pv .f img{object-fit:cover;width:100%;height:100%}.pv .f span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:8.5cqi;font-weight:600;line-height:1.2;position:absolute;top:58%;left:6%;right:6%}.pv .still{position:absolute;inset:0}.pv .split img{object-fit:cover;width:100%;height:50%;position:absolute;left:0}.pv .split img:last-of-type{top:50%}.pv .split i{font-style:normal;font-family:var(--font-display);color:#111;padding:2px 6px;font-size:7.5cqi;position:absolute;left:6%}.pv .grid4{aspect-ratio:1;grid-template-columns:1fr 1fr;gap:4%;padding:16% 5% 5%;display:grid;position:relative}.pv .grid4 img{object-fit:cover;width:100%;height:100%}.pv .grid4 b{text-align:center;font-family:var(--font-display);color:#1a1218;font-size:8cqi;font-weight:400;position:absolute;top:3%;left:0;right:0}.pv .disp img{object-fit:cover;filter:contrast(1.18)saturate(1.25)brightness(1.1)sepia(.12);width:100%;height:100%}.pv .disp em{font-family:var(--font-stamp);color:var(--stamp);text-shadow:0 0 6px var(--stamp);font-size:7cqi;font-style:normal;position:absolute;bottom:4%;right:6%}.hot{z-index:2;letter-spacing:.06em;background:var(--lie);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.gcard b{font-size:15px;line-height:1.2}.gcard small{color:var(--muted);font-size:12.5px;line-height:1.35}.gcard .use{color:var(--truth);font-size:13px;font-weight:800}@keyframes cyc{0%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes cyc2{0%{opacity:1}50%{opacity:0}to{opacity:0}}.stepsbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:40px 0 14px;font-size:14px;display:flex}.stepsbar span b{color:var(--text)}.stepsbar .stamp{margin-right:6px}.stepsbar a{color:var(--truth);font-weight:700;text-decoration:none}.editor{background:var(--night-2);border:1px solid var(--line);border-radius:20px;grid-template-columns:310px minmax(0,1fr) 300px;display:grid;overflow:hidden}.panel{align-content:start;gap:22px;padding:20px;display:grid}.panel+.stage-col,.stage-col+.panel{border-left:1px solid var(--line)}.panel .ctl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:800}.need{margin:0 0 12px;font-size:15px}.ss-drop{border:2px dashed var(--line-strong);cursor:pointer;text-align:center;width:100%;transition:background-color .14s var(--ease-out), transform .14s var(--ease-out);background:oklch(100% 0 0/.02);border-radius:14px;place-items:center;gap:6px;padding:20px 14px;display:grid}.ss-drop:active{transform:scale(.99)}@media (hover:hover){.ss-drop:hover{background:oklch(86% .19 125/.06)}}.ss-drop.is-dragover{border-color:var(--truth);background:oklch(86% .19 125/.1)}.ss-drop b{font-size:17px}.ss-drop small{color:var(--muted);font-size:13px}.example-banner{color:var(--text);background:oklch(76% .17 55/.12);border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;font-size:13.5px;display:flex}.example-banner[hidden]{display:none}.slist{gap:8px;display:grid}.srow{border:1.5px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);gap:4px 10px;padding:6px;display:grid}.srow.on{border-color:var(--line-strong);background:oklch(100% 0 0/.04)}.srow .th{cursor:pointer;background:#000;border:0;border-radius:6px;grid-row:1/3;width:48px;height:72px;padding:0;position:relative;overflow:hidden}.srow .th img{object-fit:cover;width:100%;height:100%}.srow .n{z-index:1;font-family:var(--font-stamp);color:var(--stamp);text-shadow:0 0 4px #000;font-size:10px;position:absolute;top:3px;left:3px}.srow input{border:1px solid var(--line-strong);background:oklch(0% 0 0/.25);border-radius:8px;width:100%;min-width:0;padding:9px 10px;font-size:14px}.srow input:focus-visible{outline:2px solid var(--truth);outline-offset:1px}.srow .ops{grid-auto-flow:column;justify-self:end;gap:2px;display:grid}.icon-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:14px;display:grid;position:relative}.icon-btn:before{content:"";position:absolute;inset:-6px}@media (hover:hover){.icon-btn:hover{color:var(--text);background:oklch(100% 0 0/.08)}}.stage-col{background:oklch(13% .02 320);align-content:start;justify-items:center;gap:14px;padding:24px 20px 20px;display:grid}.phone{background:#050505;border-radius:20px;width:min(340px,100%);padding:7px;position:relative;box-shadow:0 30px 70px oklch(0% 0 0/.55),0 0 0 1px oklch(100% 0 0/.08)}.phone canvas{background:#000;border-radius:14px;width:100%;height:auto;display:block}.phone .bars{z-index:2;grid-auto-flow:column;gap:4px;display:grid;position:absolute;top:15px;left:17px;right:17px}.phone .bars i{background:oklch(100% 0 0/.35);border-radius:3px;height:3px}.phone .bars i.done,.phone .bars i.on{background:#fff}.stage-ctrls{align-items:center;gap:8px;display:flex}.stage-ctrls .count{font-family:var(--font-stamp);color:var(--stamp);text-align:center;min-width:64px;font-size:13px}.cropper{gap:10px;width:min(340px,100%);display:none}.cropper.on{display:grid}.cropper p{color:var(--muted);margin:0;font-size:14px}.crop-src{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.crop-src img{width:100%}.crop-rect{border:2px solid var(--truth);cursor:grab;border-radius:3px;position:absolute;box-shadow:0 0 0 999px oklch(0% 0 0/.5)}.range{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:14px;display:grid}input[type=range]{accent-color:var(--truth);width:100%}.opt-group{gap:8px;display:grid}.opt-group .chips{gap:6px}.opt-group .chip{min-height:38px;font-size:14px}.wmcard{border:1px solid var(--line);background:oklch(0% 0 0/.25);border-radius:14px;gap:10px;padding:14px;display:grid}.wmcard .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.wmcard p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.wmcard .linkish{color:var(--truth);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:700;text-decoration:underline}.wm-preview{color:#fff;text-shadow:0 1px 2px oklch(0% 0 0/.8);background:linear-gradient(oklch(0% 0 0/.25),oklch(0% 0 0/.25)),url(/media/examples/superhero-truth-360.webp) 50% 30%/cover;border-radius:10px;justify-items:center;gap:3px;padding:26px 10px 18px;display:grid}.wm-preview .wm-cap{font-size:14px;font-weight:600}.wm-preview .wordmark{filter:drop-shadow(0 1px 1px oklch(0% 0 0/.8));font-size:11px}.wmcard.off .wm-preview .wordmark{opacity:.25}.cutflash{z-index:3;opacity:0;pointer-events:none;background:#fff;border-radius:14px;position:absolute;inset:7px}.cutflash.on{animation:.28s ease-out cutflash}@keyframes cutflash{0%{opacity:.9}to{opacity:0}}.export{gap:10px;display:grid}.export .btn-ghost{justify-content:center}.status{color:var(--truth);min-height:1.2em;margin:0;font-size:14px}.tipcard{border:1px dashed var(--line-strong);color:var(--muted);border-radius:12px;padding:14px;font-size:14px}.tipcard b{color:var(--text)}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fact{padding:22px 18px}.fact+.fact{border-left:1px solid var(--line)}.fact b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px;font-weight:400;line-height:1;display:block}.fact span{color:var(--muted);font-size:15px}@media (width<=1080px){.editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-col{border-bottom:1px solid var(--line);order:-1;grid-column:1/-1}.panel+.stage-col,.stage-col+.panel{border-left:0}.panel:last-child{border-left:1px solid var(--line)}}@media (width<=760px){.how3{grid-template-columns:minmax(0,1fr)}.gallery{grid-template-columns:repeat(8,42%)}.editor{border-radius:16px;grid-template-columns:minmax(0,1fr)}.panel:last-child{border-left:0;border-top:1px solid var(--line)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(3){border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}.phone{width:min(300px,86%)}}