.intro{gap:6px;margin-bottom:20px;display:grid}.intro h1{font-family:var(--serif);font-size:var(--fs-display-sm);line-height:var(--lh-title);color:var(--c-navy);margin:0}.intro p{color:var(--c-muted);max-width:34em;margin:0}.mw{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}@media (width<=820px){.mw{grid-template-columns:1fr}.preview{order:-1}}.steps{gap:18px;display:grid}.step{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.step h2{font-size:var(--fs-lead);align-items:center;gap:10px;margin:0;display:flex}.step h2 .n{background:var(--c-dgreen);width:26px;height:26px;color:var(--c-white);font-size:var(--fs-caption);border-radius:50%;place-items:center;display:inline-grid}.hint{color:var(--c-muted);font-size:var(--fs-caption);margin:0}.countries{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.chip{font:inherit;text-align:left;border:1px solid var(--c-line);background:var(--c-tint);color:var(--c-ink);cursor:pointer;min-height:48px;line-height:var(--lh-tight);border-radius:8px;padding:8px 10px;display:grid}.chip small{color:var(--c-muted);font-size:var(--fs-caption)}.chip[aria-pressed=true]{border-color:var(--c-dgreen);background:var(--c-gtint);box-shadow:inset 0 0 0 1px var(--c-dgreen)}.rate{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rate b{font-size:var(--fs-h3);color:var(--c-navy);font-variant-numeric:tabular-nums}.rate span{color:var(--c-muted);font-size:var(--fs-caption)}textarea{width:100%;font:var(--fs-body)/1.5 var(--font);color:var(--c-ink);background:var(--c-paper);border:1px solid var(--c-line);resize:vertical;font-variant-numeric:tabular-nums;border-radius:8px;min-height:96px;padding:10px}.bgs{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.bg{font:inherit;border:1px solid var(--c-line);cursor:pointer;aspect-ratio:3/4;background:var(--c-tint);color:var(--c-white);border-radius:8px;padding:0;position:relative;overflow:hidden}.bg img{object-fit:cover;width:100%;height:100%;display:block}.bg span{font-size:var(--fs-caption);text-align:left;background:linear-gradient(#0000,#0009);padding:3px 6px;position:absolute;bottom:0;left:0;right:0}.bg[aria-pressed=true]{outline:3px solid var(--c-dgreen);outline-offset:1px}.bg.upload{color:var(--c-ink);text-align:center;border-style:dashed;place-items:center;padding:6px;display:grid}.bg.upload span{text-align:center;background:0 0;padding:0;position:static}.opts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 18px;display:grid}.opt{gap:4px;display:grid}.opt label,.opt .lab{font-size:var(--fs-caption);color:var(--c-muted)}.seg{border:1px solid var(--c-line);border-radius:8px;display:flex;overflow:hidden}.seg button{font:inherit;font-size:var(--fs-small);background:var(--c-tint);min-height:44px;color:var(--c-ink);cursor:pointer;border:0;flex:1;padding:6px}.seg button+button{border-left:1px solid var(--c-line)}.seg button[aria-pressed=true]{background:var(--c-dgreen);color:var(--c-white)}input[type=range]{width:100%;accent-color:var(--c-dgreen);min-height:44px}.preview{top:calc(env(safe-area-inset-top,0px) + 12px);justify-items:center;gap:12px;display:grid;position:sticky}@media (width<=820px){.preview{position:static}}.phone{aspect-ratio:1320/2868;background:#0e151b;border-radius:38px;width:min(300px,78vw);padding:9px;position:relative;box-shadow:0 10px 30px #0a1e2840}.phone.stale canvas{opacity:.35}.save button:disabled{opacity:.5;cursor:default}.phone canvas{background:var(--c-stage);border-radius:30px;width:100%;height:100%;display:block}.phone .clock{text-align:center;color:#ffffffe6;font:700 46px/1 var(--font);text-shadow:0 1px 6px #00000059;pointer-events:none;position:absolute;top:11%;left:0;right:0}.phone .clock small{font-size:var(--fs-caption);margin-bottom:4px;font-weight:400;display:block}.phone .keys{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:5.5%;left:12%;right:12%}.phone .keys i{background:#28282873;border-radius:50%;width:30px;height:30px}.device{gap:6px;width:min(300px,78vw);display:grid}.device label{font-size:var(--fs-caption);color:var(--c-muted)}.device select{font:var(--fs-body) var(--font);border:1px solid var(--c-line);background:var(--c-surface);min-height:44px;color:var(--c-ink);border-radius:8px;padding:0 10px}.device .hint{text-align:center}.save{gap:8px;width:min(300px,78vw);display:grid}.save button{font:700 var(--fs-body) var(--font);border-radius:var(--radius);background:var(--c-navy);min-height:52px;color:var(--c-on-navy);cursor:pointer;border:0}.save .msg{font-size:var(--fs-caption);color:var(--c-muted);text-align:center;min-height:1.5em;margin:0}.warn{color:var(--c-orange);font-size:var(--fs-small);width:min(300px,78vw);margin:0;font-weight:700}.longpress{justify-items:center;gap:6px;display:grid}.longpress img{border:1px solid var(--c-line);border-radius:12px;width:min(300px,78vw)}.foot{color:var(--c-muted);font-size:var(--fs-caption);border-top:1px solid var(--c-line);gap:4px;padding-top:12px;display:grid}