.ptd-app{max-width:560px;margin:0 auto;padding:8px 16px 24px;box-sizing:border-box}.ptd-h1{font-size:clamp(1.4rem,5vw,1.9rem)!important;font-weight:800;color:#1e293b!important;text-align:center;margin:8px 0 6px}.ptd-lead{font-size:.95rem!important;color:#475569!important;text-align:center;margin:0 0 12px;line-height:1.7}.ptd-step{margin-bottom:26px;text-align:center}.ptd-step[hidden]{display:none}.ptd-step-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.05rem!important;font-weight:800;color:#1e293b!important;margin:0 0 14px}.ptd-step-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent, #2a9d8f);color:#fff!important;font-size:.85rem!important;font-weight:800}.ptd-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed var(--accent, #2a9d8f);border-radius:14px;padding:34px 14px;cursor:pointer;color:var(--accent, #2a9d8f)!important;background:transparent;transition:background .15s ease}.ptd-dropzone:hover,.ptd-dropzone.is-dragover{background:var(--accent-bg, #eaf5f4)}.ptd-dropzone i{font-size:1.8rem}.ptd-dropzone-main{font-size:.95rem!important;font-weight:700}.ptd-dropzone-sub{font-size:.78rem!important;color:#888!important}.ptd-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ptd-status{margin:12px 0 0;font-size:.85rem!important;color:#b91c1c!important;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;text-align:left;line-height:1.7}.ptd-status a{color:#b91c1c!important;font-weight:700}.ptd-hint{font-size:.82rem!important;color:#64748b!important;margin:0 0 12px}.ptd-hint i{margin-right:4px}.ptd-crop-area{display:flex;justify-content:center;margin-bottom:12px}#ptdCropCanvas{max-width:100%;border-radius:12px;touch-action:none;cursor:grab;box-shadow:0 4px 16px #0f172a1f}#ptdCropCanvas:active{cursor:grabbing}.ptd-zoom-row{display:flex;align-items:center;gap:10px;max-width:320px;margin:0 auto;color:#64748b!important}.ptd-zoom-row input[type=range]{flex:1;accent-color:var(--accent, #2a9d8f)}.ptd-setting-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.ptd-setting-label{font-size:.85rem!important;font-weight:700;color:#475569!important}.ptd-pillgroup{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.ptd-pill{appearance:none;border:1.5px solid #dbe3ee;background:#fff!important;color:#475569!important;font-size:.88rem!important;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;box-shadow:0 2px #94a3b840;transition:transform .12s ease,background .12s ease,color .12s ease}.ptd-pill:hover{transform:translateY(-1px)}.ptd-pill.is-active{background:var(--accent, #2a9d8f)!important;border-color:var(--accent, #2a9d8f);color:#fff!important}.ptd-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;font-size:.95rem!important;font-weight:700;padding:13px 20px;border-radius:12px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.ptd-btn:hover{transform:translateY(-1px)}.ptd-btn:disabled{opacity:.5;cursor:default;transform:none}.ptd-btn-wide{width:100%;max-width:340px}.ptd-btn-primary{background:var(--accent, #2a9d8f)!important;color:#fff!important}.ptd-btn-primary:hover{background:var(--accent-hover, #21867a)!important}.ptd-btn-ghost{background:#fff!important;border-color:#dbe3ee;color:#475569!important;padding:10px 18px}.ptd-btn-ghost:hover{background:#f1f5f9!important}.ptd-checker{display:inline-block;border-radius:10px;padding:0;background-color:#fff;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;box-shadow:0 2px 10px #0f172a1f}.ptd-after-canvas{display:block;width:min(72vw,300px);height:min(72vw,300px);border-radius:10px;image-rendering:pixelated}.ptd-colorinfo{font-size:.82rem!important;color:#64748b!important;margin:8px 0 0}.ptd-work[hidden]{display:none}.ptd-work{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"crop" "result" "settings" "actions";gap:0 28px}.ptd-crop-box{grid-area:crop}.ptd-result-box{grid-area:result}.ptd-settings-box{grid-area:settings}.ptd-work .ptd-actions{grid-area:actions;margin-bottom:26px}.ptd-app.is-working .ptd-pick{margin-bottom:18px}.ptd-app.is-working .ptd-dropzone{flex-direction:row;justify-content:center;padding:12px 14px}.ptd-app.is-working .ptd-dropzone i{font-size:1.2rem}.ptd-app.is-working .ptd-dropzone-sub{display:none}@media (min-width: 900px){.ptd-app.is-working{max-width:980px}.ptd-app.is-working .ptd-pick{max-width:560px;margin-left:auto;margin-right:auto}.ptd-work{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"crop result" "settings actions";align-items:start}.ptd-result-box{padding-top:0}.ptd-after-canvas{width:340px;height:340px}}.ptd-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.ptd-png-row{display:flex;flex-direction:column;align-items:center;gap:8px}.ptd-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(10px);background:#1e293b;color:#fff!important;font-size:.86rem!important;font-weight:700;padding:11px 22px;border-radius:999px;box-shadow:0 10px 24px #0f172a59;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:120;max-width:90vw}.ptd-toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.ptd-toast[hidden]{display:block}@media (prefers-reduced-motion: reduce){.ptd-pill,.ptd-btn,.ptd-toast,.ptd-dropzone{transition:none!important}}.ptd-article-details{max-width:720px;margin:30px auto 0;padding:0 16px}.ptd-article-summary{display:block;width:fit-content;margin:0 auto;padding:8px 20px;border-radius:999px;border:1.5px solid #dbe3ee;background:#fff;color:#64748b!important;font-size:.88rem!important;font-weight:700;cursor:pointer;list-style:none;transition:background .15s ease,color .15s ease}.ptd-article-summary::-webkit-details-marker{display:none}.ptd-article-summary:hover{background:#f1f5f9;color:#334155!important}.ptd-article{max-width:720px;margin:8px auto 0;padding:4px 6px 0;line-height:1.9;color:#334155!important;text-align:left}.ptd-article h2{font-size:1.15rem!important;width:auto;margin:26px 0 10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;color:#1e293b!important}.ptd-article p{margin:0 0 12px;font-size:.95rem!important;color:#334155!important}.ptd-article ol{margin:0 0 12px;padding-left:1.4em;list-style:decimal}.ptd-article li{margin-bottom:6px;list-style:inherit;font-size:.95rem!important;color:#334155!important}.ptd-article a{color:var(--accent, #2a9d8f)!important}@media (max-width: 380px){.ptd-pill{padding:8px 12px;font-size:.84rem!important}.ptd-btn{padding:12px 16px}}@media screen and (max-width: 600px){.ptd-dropzone{padding:14px}.ptd-setting-row{margin-bottom:12px}.ptd-btn,.ptd-btn-ghost{padding:10px;min-height:var(--tap-min);box-sizing:border-box}}@media screen and (max-width: 600px){.ptd-h1{font-size:20px;margin:8px 0 12px}}