.ui-phone[data-v-c62bad22]{justify-items:center;min-width:0;margin:0;display:grid}.ui-phone-frame[data-v-c62bad22]{background:var(--ink);border-radius:30px;width:min(100%,300px);padding:8px;box-shadow:0 18px 40px -22px #171d1a8c}.is-compact .ui-phone-frame[data-v-c62bad22]{border-radius:24px;width:min(100%,250px);padding:6px}.ui-phone-bar[data-v-c62bad22]{color:var(--on-dark);justify-content:space-between;align-items:center;padding:6px 16px 4px;font-size:11px;font-weight:600;display:flex}.ui-phone-signal[data-v-c62bad22]{align-items:flex-end;gap:2px;height:9px;display:inline-flex}.ui-phone-signal i[data-v-c62bad22]{background:var(--on-dark);border-radius:1px;width:3px;display:block}.ui-phone-signal i[data-v-c62bad22]:first-child{height:3px}.ui-phone-signal i[data-v-c62bad22]:nth-child(2){height:5px}.ui-phone-signal i[data-v-c62bad22]:nth-child(3){height:7px}.ui-phone-signal i[data-v-c62bad22]:nth-child(4){height:9px}.ui-phone-screen[data-v-c62bad22]{background:var(--card);color:var(--ink-2);border-radius:22px;gap:8px;padding:14px 14px 16px;font-size:12.5px;line-height:1.35;display:grid}.is-compact .ui-phone-screen[data-v-c62bad22]{border-radius:18px;gap:7px;padding:12px 12px 14px}.ui-phone-title[data-v-c62bad22]{letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;margin:0;font-size:14px;font-weight:600;line-height:1.3}.ui-phone-meta[data-v-c62bad22]{color:var(--muted);margin:-4px 0 0;font-size:11.5px}.ui-phone-block[data-v-c62bad22]{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.ui-phone-steps[data-v-c62bad22]{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ui-phone-steps li[data-v-c62bad22]{color:var(--ink);align-items:center;gap:9px;display:flex}.ui-phone-steps li.is-done[data-v-c62bad22]{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.ui-phone-box[data-v-c62bad22]{border:1.5px solid var(--line-strong);background:var(--card);border-radius:5px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.is-done .ui-phone-box[data-v-c62bad22]{background:var(--accent);border-color:var(--accent);color:var(--on-dark)}.ui-phone-photos[data-v-c62bad22]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ui-phone-photo[data-v-c62bad22]{aspect-ratio:4/3;background:linear-gradient(160deg,#171d1a0f,#171d1a2e),radial-gradient(circle at 30% 35%,#c7d2cb,#8f9b94 70%);border-radius:8px}.ui-phone-photo.is-alt[data-v-c62bad22]{background:linear-gradient(200deg,#171d1a0a,#171d1a38),radial-gradient(circle at 65% 60%,#d9c7a6,#8a7a5a 70%)}.ui-phone-add[data-v-c62bad22]{aspect-ratio:4/3;border:1.5px dashed var(--line-strong);color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:inline-flex}.ui-phone-note[data-v-c62bad22]{border:1px solid var(--line);color:var(--ink-2);border-radius:10px;margin:0;padding:8px 10px;font-style:italic}.ui-phone-btn[data-v-c62bad22]{background:var(--accent);color:var(--on-dark);border-radius:999px;justify-content:center;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.ui-phone-foot[data-v-c62bad22]{text-align:center;color:var(--muted);margin-top:-2px;font-size:11px}