.pf{max-width:1250px;margin:auto;padding:45px 24px 65px}.pf h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-1.7px;margin:12px 0 18px}.pf-intro{max-width:780px}.pf-intro p{font-size:18px;color:#555;line-height:1.7}.pf-kicker{font-size:12px;letter-spacing:2px;font-weight:700}.pf-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:32px;align-items:start}.pf-preview{background:#eeeae1;padding:32px;position:sticky;top:120px}.pf-frame{border:12px solid #1a1a1a;max-width:330px;margin:auto;box-shadow:0 10px 30px #0002;position:relative;background:white}.pf-frame canvas{display:block;width:100%;height:auto;aspect-ratio:5/7}.pf-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:25px;color:#777;font-size:15px}.pf-empty[hidden]{display:none}.pf-note{font-size:12px;line-height:1.6;color:#666;margin:18px 0 0}.pf-form{display:grid;gap:17px}.pf-form label{font-weight:600;display:block;line-height:1.6}.pf-form input[type=file],.pf-form select{width:100%;margin-top:7px;padding:13px 12px;border:1px solid #bbb;background:white;font:inherit;color:#111;border-radius:0}.pf-form .pf-check{display:flex;gap:10px;font-size:14px;font-weight:400;align-items:flex-start}.pf-check input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:#111}.pf-price{border-top:1px solid #ddd;padding-top:20px}.pf-price strong{font-size:32px;display:block}.pf-price p{font-size:14px;line-height:1.7;margin:8px 0;color:#555}.pf-form .btn:disabled{opacity:.4;cursor:not-allowed}.pf-status{font-size:14px;line-height:1.6;color:#633214;min-height:25px}.pf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:55px 0}.pf-steps article{padding:25px;border-top:3px solid #f7e017;background:#f6f6f2}.pf-steps h2{font-size:21px;margin:10px 0}.pf-steps p{font-size:15px;line-height:1.7;color:#555}.pf-example{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.pf-example figure{margin:0;min-width:0}.pf-example img{display:block;width:100%;max-width:100%;height:auto}.pf-example h2{font-size:32px;line-height:1.2}.pf-example p{line-height:1.7;color:#555}.pf-faq{margin-top:40px}.pf-faq details{padding:18px 0;border-bottom:1px solid #ddd}.pf-faq summary{font-weight:bold;cursor:pointer}.pf-faq p{line-height:1.7;max-width:850px;color:#555}@media(max-width:750px){.pf-layout,.pf-example{grid-template-columns:1fr}.pf-preview{position:static;padding:25px}.pf-frame{max-width:260px}.pf-layout{gap:25px}.pf-steps{grid-template-columns:1fr;gap:15px}.pf h1{letter-spacing:-1px}.pf{padding:30px 20px}}