:root{--pp:#1b6b63;--pp2:#398b7b;--ink:#1b292c}.pp-page{max-width:1180px}.pp-hero{background:linear-gradient(135deg,#ebf8f5,#f1f6fb)}.pp-notice{margin-bottom:18px;padding:13px 16px;border-left:4px solid #b47a1e;background:#fff8e9;border-radius:0 10px 10px 0;color:#72541e;font-size:.8rem}.pp-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.pp-banner.show{display:block}.pp-shell{overflow:hidden;background:#fff;border:1px solid #dbe8e5;border-radius:20px;box-shadow:0 18px 55px #243b3517}.pp-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #b8d2cd;border-radius:16px;background:linear-gradient(145deg,#fcfffe,#eef9f6);transition:.2s}.pp-upload.drag,.pp-upload:hover{border-color:var(--pp);background:#edf8f5}.pp-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.pp-mark{display:flex;justify-content:center;align-items:center;gap:9px}.pp-mark b{padding:11px;background:#def0ec;color:var(--pp);border-radius:10px;font-size:.72rem}.pp-mark i{color:var(--pp);font-style:normal}.pp-upload h2{margin:15px 0 5px}.pp-upload p{margin:0;color:#687b77}.pp-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.pp-upload small{display:block;color:#74847f}.pp-editor{display:grid;grid-template-columns:1.25fr .85fr;gap:20px;padding:20px}.pp-stage{position:relative;min-height:580px;display:grid;place-items:center;overflow:hidden;background:#e9efed;border-radius:14px;touch-action:none}.pp-stage canvas{max-width:100%;max-height:580px;box-shadow:0 12px 28px #1c2d2940;cursor:grab}.pp-stage canvas:active{cursor:grabbing}.pp-guides{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.pp-guides i{width:33%;height:48%;border:2px dashed #ffffffd9;border-radius:50%;box-shadow:0 0 0 999px #16292326}.pp-guides span{position:absolute;bottom:12px;padding:5px 9px;background:#172b28c7;color:#fff;border-radius:99px;font-size:.68rem}.pp-drag-hint{text-align:center;color:#71807c;font-size:.73rem}.pp-controls{padding:18px;background:#f7f9f8;border-radius:14px}.pp-head{display:flex;justify-content:space-between;align-items:flex-start}.pp-head span,.pp-output-head span,.pp-tips>div:first-child span{color:var(--pp);font-weight:700}.pp-head h2{max-width:250px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-head button{border:0;background:#e8eeec;border-radius:7px;padding:7px}.pp-controls>label,.pp-custom label{display:block;margin-top:13px;font-size:.74rem;font-weight:700}.pp-controls select,.pp-controls input,.pp-custom input{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #c9d7d3;background:#fff;border-radius:7px}.pp-controls input[type=range]{padding:0;accent-color:var(--pp)}.pp-controls output{float:right;color:var(--pp)}.pp-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp-secondary{width:100%;margin-top:9px;padding:8px;border:1px solid #ccd8d5;background:#fff;border-radius:7px}.pp-controls>button:last-of-type{width:100%;margin-top:16px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--pp),var(--pp2));color:#fff;font-weight:700}.pp-controls>p{text-align:center;color:#74847f;font-size:.68rem}.pp-output{margin:0 20px 20px;padding:18px;border:1px solid #dbe7e4;border-radius:14px}.pp-output-head{display:flex;justify-content:space-between;align-items:center}.pp-output-head h2{margin:3px 0}.pp-output-head button,.pp-output aside button{padding:10px 14px;border:0;border-radius:8px;background:var(--pp);color:#fff;font-weight:700}.pp-output-grid{display:grid;grid-template-columns:1fr .8fr;gap:17px;margin-top:14px}.pp-output-grid>div{min-height:320px;display:grid;place-items:center;background:#eaf0ee;border-radius:10px}.pp-output canvas{max-width:100%;max-height:520px}.pp-output aside{padding:16px;background:#f6f9f8;border-radius:10px}.pp-output aside h3{margin-top:0}.pp-output aside label{display:block;margin-top:12px;font-size:.74rem;font-weight:700}.pp-output aside input,.pp-output aside select{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #c9d7d3;border-radius:7px}.pp-check{display:flex!important;gap:7px}.pp-check input{width:auto!important}.pp-output aside button{width:100%;margin-top:14px}.pp-output aside small{display:block;margin-top:8px;color:#74847f}.pp-tips,.pp-steps,.pp-faq{margin-top:50px}.pp-tips>div:first-child{text-align:center}.pp-tips>div:last-child,.pp-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.pp-tips article,.pp-steps article{padding:19px;border:1px solid #dbe8e5;border-radius:14px}.pp-tips article>b,.pp-steps article>b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 3px;background:#def0ec;color:var(--pp);border-radius:8px}.pp-tips p,.pp-steps p,.pp-faq p{color:#687a76;font-size:.84rem;line-height:1.6}.pp-faq{max-width:820px;margin-left:auto;margin-right:auto}.pp-faq details{padding:15px 3px;border-bottom:1px solid #dbe8e5}.pp-faq summary{font-weight:700}@media(max-width:950px){.pp-editor{grid-template-columns:1fr}.pp-stage{min-height:500px}.pp-output-grid{grid-template-columns:1fr}.pp-tips>div:last-child,.pp-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.pp-upload{margin:10px;padding:38px 12px}.pp-editor{padding:10px}.pp-stage{min-height:410px}.pp-custom{grid-template-columns:1fr}.pp-output{margin:0 10px 14px;padding:12px}.pp-output-head{align-items:flex-start;flex-direction:column;gap:8px}.pp-tips>div:last-child,.pp-steps>div{grid-template-columns:1fr}}