.p2f{--acc-ink:#fff;--acc:#0f766e;--acc-soft:#0f766e1a;--acc-hover:#0d6560;--sky:#e2f5f2;--sky-line:#0f766e12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .p2f{--acc-ink:#04201d;--acc:#2dd4bf;--acc-hover:#22c3ae;--acc-soft:#2dd4bf21;--sky:#0a201e;--sky-line:#2dd4bf0f}}:root[data-theme=dark] .p2f{--acc-ink:#04201d;--acc:#2dd4bf;--acc-hover:#22c3ae;--acc-soft:#2dd4bf21;--sky:#0a201e;--sky-line:#2dd4bf0f}.p2f h1,.p2f h2{font-family:var(--head);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:700}.p2f h1 em,.p2f h2 em{color:var(--acc);font-style:normal}.p2f-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 12px;font-size:13px;font-weight:700}.p2f-btn{background:var(--acc);height:50px;color:var(--acc-ink);font:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 10px 24px -14px var(--acc);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,transform 60ms;display:inline-flex}.p2f-btn:hover{background:var(--acc-hover)}.p2f-btn:active{transform:translateY(1px)}.p2f-ghost{border:1px solid var(--line);background:var(--card);height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:99px;align-items:center;padding:0 16px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.p2f-ghost:hover{border-color:var(--acc);color:var(--acc)}.p2f-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:14.5px;text-decoration:underline}.p2f-link:hover{color:var(--acc)}.p2f-note{color:var(--muted);font-size:14px}.p2f-note a{color:var(--acc);font-weight:600}.p2f-wide{width:100%}.p2f-small{color:var(--muted);margin:0;font-size:14px}.p2f-sky{background:linear-gradient(var(--sky-line) 1px, transparent 1px) 0 0 / 100% 56px, linear-gradient(90deg, var(--sky-line) 1px, transparent 1px) 0 0 / 56px 100%, linear-gradient(180deg, var(--sky) 0%, color-mix(in srgb, var(--sky) 55%, var(--bg)) 55%, var(--bg) 100%);padding-bottom:72px;position:relative;overflow:hidden}.p2f-hero{text-align:center;justify-items:center;padding-block:128px 32px;display:grid}.p2f h1{max-width:15em;font-size:clamp(38px,5.4vw,66px);line-height:1.03}.p2f-lead{max-width:40em;color:var(--muted);margin:20px 0 0;font-size:18.5px;line-height:1.6}.p2f-tool{z-index:1;position:relative}.p2f-card{background:var(--card);border:1px solid var(--line);max-width:1040px;box-shadow:var(--pop);border-radius:24px;margin:0 auto;padding:clamp(18px,3vw,28px)}.p2f-card>div{display:none}.p2f-card[data-state=idle] .p2f-idle,.p2f-card[data-state=work] .p2f-work,.p2f-card[data-state=err] .p2f-err,.p2f-card[data-state=done] .p2f-done{display:grid}.p2f-idle{gap:14px}.p2f-drop{border:2px dashed color-mix(in srgb, var(--acc) 45%, var(--line));background:color-mix(in srgb, var(--acc) 4%, var(--bg));text-align:center;cursor:pointer;border-radius:18px;justify-items:center;gap:10px;padding:46px 20px;transition:background .15s,border-color .15s;display:grid}.p2f-drop:hover,.p2f-drop.over{border-color:var(--acc);background:var(--acc-soft)}.p2f-drop:focus-within{outline:3px solid var(--acc-soft)}.p2f-drop strong{font:700 22px/1.2 var(--head);letter-spacing:-.02em}.p2f-or{color:var(--muted);font-size:15px}.p2f-or u{color:var(--acc);font-weight:700}.p2f-sheet{background:var(--card);border:1px solid var(--line);border-radius:8px;align-content:start;gap:6px;width:62px;height:78px;padding:14px 10px;transition:transform .2s;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 10px 20px -12px #0000004d}.p2f-drop:hover .p2f-sheet,.p2f-drop.over .p2f-sheet{transform:rotate(0)translateY(-4px)}.p2f-sheet i{background:var(--line);border-radius:2px;height:4px}.p2f-sheet i:nth-child(2){width:70%}.p2f-sheet b{background:var(--acc);color:var(--acc-ink);letter-spacing:.06em;border-radius:5px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;right:-10px}.p2f-btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p2f-cam{height:40px;padding:0 18px;font-size:14.5px}@media (pointer:fine){.p2f-cam{display:none}}.p2f-tipgrid{counter-reset:tip;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.p2f-tipgrid li{background:var(--card);border:1px solid var(--line);counter-increment:tip;border-radius:16px;align-content:start;gap:6px;padding:18px;display:grid}.p2f-tipgrid li:before{content:counter(tip);background:var(--acc-soft);width:28px;height:28px;color:var(--acc);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.p2f-tipgrid b{font-size:17px}.p2f-tipgrid span{color:var(--muted);font-size:15px}.p2f-photo .p2f-before{padding-bottom:170px}.p2f-photo .p2f-before img{width:82%;transform:rotate(-3deg)}.p2f-under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.p2f-work{text-align:center;justify-items:center;gap:14px;padding:40px 20px}.p2f-work b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;overflow:hidden}.p2f-scan{background:var(--bg);border:1px solid var(--line);border-radius:9px;width:74px;height:94px;position:relative;overflow:hidden}.p2f-scan i{background:var(--acc);height:3px;box-shadow:0 0 14px 3px var(--acc-soft);animation:1.6s ease-in-out infinite alternate p2f-scan;position:absolute;left:0;right:0}@keyframes p2f-scan{0%{top:6px}to{top:calc(100% - 9px)}}.p2f-steps-live{text-align:left;gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.p2f-steps-live li{color:var(--faint);align-items:center;gap:10px;font-weight:600;transition:color .3s;display:flex}.p2f-steps-live li:before{content:"";border:2px solid var(--line);box-sizing:border-box;border-radius:50%;width:16px;height:16px}.p2f-steps-live li.on{color:var(--text)}.p2f-steps-live li.on:before{border-color:var(--acc);border-right-color:#0000;animation:.8s linear infinite p2f-spin}.p2f-steps-live li.ok{color:var(--muted)}.p2f-steps-live li.ok:before{content:"✓";background:var(--acc);color:var(--acc-ink);border:0;place-items:center;font-size:10px;display:grid}@keyframes p2f-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.p2f-scan i,.p2f-steps-live li.on:before{animation:none}}.p2f-err{justify-items:start;gap:14px;padding:28px 8px}.p2f-err b{font-size:19px}.p2f-tips{color:var(--muted);margin:0;padding-left:20px}.p2f-done{grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:start;gap:26px}.p2f-side{align-content:start;gap:14px;display:grid}.p2f-side .p2f-eyebrow{margin:0}.p2f-side h2{overflow-wrap:anywhere;font-size:26px;line-height:1.15}.p2f-sum{color:var(--muted);margin:0}.p2f-drop-note{background:var(--wait-soft);color:var(--wait);border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.p2f-orig{margin:0}.p2f-orig img{object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:12px;width:100%;max-height:220px;display:block}.p2f-file{background:var(--soft);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;max-width:100%;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.p2f-frame-wrap{border:1px solid var(--line);background:var(--bg);border-radius:16px;display:grid;overflow:hidden}.p2f-frame-bar{border-bottom:1px solid var(--line);background:var(--soft);color:var(--muted);align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;display:flex}.p2f-frame-bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.p2f-frame-bar span{margin-left:8px}.p2f-frame-wrap iframe{background:#fff;border:0;width:100%;height:640px}.p2f-sec{padding-block:72px}.p2f-h2{font-size:clamp(30px,3.8vw,44px);line-height:1.08}.p2f-p{color:var(--muted);max-width:34em;margin:16px 0 0;font-size:17.5px}.p2f-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0 0;padding:0;list-style:none;display:grid}.p2f-steps li{background:var(--card);border:1px solid var(--line);border-radius:18px;align-content:start;gap:4px;padding:22px;display:grid}.p2f-steps h3{margin:16px 0 4px;font-size:19px}.p2f-steps p{color:var(--muted);margin:0}.p2f-a{background:var(--soft);border-radius:14px;justify-content:center;align-items:center;gap:12px;height:118px;display:flex;overflow:hidden}.p2f-paper{background:var(--card);border:1px solid var(--line);border-radius:6px;gap:7px;width:64px;padding:12px 10px;display:grid;transform:rotate(-5deg)}.p2f-paper i{background:var(--line);border-radius:2px;height:4px}.p2f-paper i:nth-child(odd){width:60%}.p2f-arrow{color:var(--acc);font-size:22px;font-weight:700}.p2f-a2{flex-direction:column;gap:6px}.p2f-q{background:var(--card);border:1px solid var(--line);border-radius:9px;width:200px;padding:6px 10px;font-size:13px;display:grid}.p2f-q small{color:var(--muted);font-size:11px}.p2f-a3{flex-direction:column;gap:8px}.p2f-chip{background:var(--acc);color:var(--acc-ink);border-radius:99px;padding:7px 13px;font-size:13px;font-weight:700}.p2f-chip.go{background:var(--go-soft);color:var(--go)}.p2f-alt{background:var(--soft)}.p2f-split{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.p2f-pills{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.p2f-pills li{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:7px 14px;font-size:14px;font-weight:600}.p2f-before{padding:0 0 40px;position:relative}.p2f-before img{border:1px solid var(--line);width:78%;height:auto;box-shadow:var(--pop);border-radius:10px;display:block;transform:rotate(-2deg)}.p2f-after{background:var(--card);border:1px solid color-mix(in srgb, var(--acc) 35%, var(--line));width:58%;box-shadow:var(--pop);border-radius:18px;gap:8px;padding:18px;display:grid;position:absolute;bottom:0;right:0}.p2f-after>b{font-size:16px}.p2f-after>span:not(.p2f-aq){color:var(--acc);font-size:13px;font-weight:700}.p2f-aq{background:var(--soft);border-radius:10px;padding:8px 11px;font-size:13.5px;font-weight:600;display:grid}.p2f-aq small{color:var(--muted);font-size:11px;font-weight:600}.p2f-safe{align-items:start}.p2f-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.p2f-list li{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:16px;padding:16px 18px}.p2f-list b{color:var(--text)}.p2f-next{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.p2f-next a,.p2f-guides a{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:99px;padding:9px 15px;font-size:15px;text-decoration:none;display:inline-block}.p2f-next a:hover,.p2f-guides a:hover{border-color:var(--acc);color:var(--acc)}.p2f-faq{grid-template-columns:1fr 1.6fr;align-items:start;gap:40px;display:grid}.p2f-faq details{border-bottom:1px solid var(--line)}.p2f-faq summary{cursor:pointer;padding:18px 0;font-size:17.5px;font-weight:600}.p2f-faq details p{color:var(--muted);margin:0 0 18px}.p2f-guides{padding-bottom:8px}.p2f-guides ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.p2f-end-box{border:1px solid color-mix(in srgb, var(--acc) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--acc) 12%, var(--card)), var(--card) 70%);border-radius:24px;justify-items:start;gap:18px;padding:clamp(28px,5vw,56px);display:grid}.p2f-end-box .p2f-p{margin:0}@media (width<=900px){.p2f-tipgrid{grid-template-columns:1fr 1fr}.p2f-done,.p2f-split,.p2f-faq,.p2f-steps{grid-template-columns:1fr}.p2f-hero{padding-top:112px}.p2f-split{gap:28px}.p2f-frame-wrap iframe{height:560px}}@media (width<=480px){.p2f-tipgrid{grid-template-columns:1fr}.p2f-hero{text-align:left;justify-items:start}.p2f-drop{padding:32px 14px}.p2f-drop strong{font-size:19px}.p2f-after{width:auto;margin-top:-30px;position:relative}.p2f-before,.p2f-photo .p2f-before{padding:0}.p2f-before img,.p2f-photo .p2f-before img{width:92%}}
