.pd-wrap{--pd-accent:#e11d48;--pd-accent-d:#be123c;--pd-line:#e2e8f0;--pd-bg2:#f8fafc;--pd-tint:#fff1f3;max-width:760px;margin:0 auto 2rem;text-align:left}
.pd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pd-tool{background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:10px;box-shadow:0 10px 30px -12px rgba(15,23,42,.18)}
.pd-row{display:flex;gap:8px}
.pd-input{flex:1;min-width:0;border:0;font:inherit;font-size:1rem;padding:14px 12px;border-radius:10px;outline:none;background:var(--pd-bg2);color:#0f172a}
.pd-input:focus{box-shadow:0 0 0 2px var(--pd-accent) inset;background:#fff}
.pd-btn,.pd-btn-ghost{font:inherit;font-weight:700;border-radius:10px;padding:0 22px;cursor:pointer;border:0;white-space:nowrap}
.pd-btn{background:var(--pd-accent);color:#fff}
.pd-btn:hover{background:var(--pd-accent-d)}
.pd-btn:disabled{opacity:.6;cursor:wait}
.pd-btn-ghost{background:var(--pd-bg2);color:#334155;border:1px solid var(--pd-line)}
.pd-hint{margin:8px 4px 2px;color:#64748b;font-size:.88rem}
@media (max-width:560px){.pd-row{flex-wrap:wrap}.pd-input{flex-basis:100%}.pd-btn,.pd-btn-ghost{flex:1;padding:13px}}
.pd-status{min-height:1.4em;margin:14px 0 0;font-weight:500;text-align:center}
.pd-status.pd-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;text-align:left}
.pd-spin{display:inline-block;width:16px;height:16px;border:2px solid var(--pd-line);border-top-color:var(--pd-accent);border-radius:50%;animation:pdspin .8s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes pdspin{to{transform:rotate(360deg)}}
.pd-result{margin-top:18px;background:#fff;border:1px solid var(--pd-line);border-radius:14px;padding:18px;display:grid;grid-template-columns:180px 1fr;gap:18px}
.pd-result[hidden]{display:none}
.pd-thumb{border-radius:10px;overflow:hidden;background:var(--pd-bg2);aspect-ratio:2/3}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-title{font-weight:700;font-size:1.05rem;margin:0 0 4px}
.pd-meta{color:#64748b;font-size:.9rem;margin:0 0 10px}
.pd-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pd-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--pd-line);border-radius:10px;text-decoration:none;color:#0f172a;font-weight:600}
.pd-list a:hover{border-color:var(--pd-accent);background:var(--pd-tint)}
.pd-tag{font-size:.78rem;font-weight:700;color:#fff;background:var(--pd-accent);padding:3px 9px;border-radius:999px}
@media (max-width:560px){.pd-result{grid-template-columns:1fr}.pd-thumb{max-width:200px;margin:0 auto}}