.pd-wrap{max-width:620px;margin:1rem auto;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);box-sizing:border-box}
.pd-wrap *{box-sizing:border-box}
.pd-form{display:flex;gap:.5rem}
.pd-form input[type="text"]{flex:1;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:6px;min-width:0;font-size:.95rem}
.pd-form button{padding:.6rem 1.2rem;color:#fff;border:none;border-radius:6px;cursor:pointer;background:#e11d48;font-weight:600;font-size:.95rem;transition:background .15s ease}
.pd-form button:hover{background:#be123c}
.pd-output{margin-top:1.25rem}
.pd-loading{color:#6b7280}
.pd-error{color:#b91c1c;padding:.5rem 0}
.pd-result{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.pd-thumb{flex:0 0 auto}
.pd-thumb img{width:160px;max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb;display:block}
.pd-meta{flex:1 1 240px;min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}
.pd-title{font-weight:600;margin:0 0 .35rem;overflow-wrap:break-word;word-break:break-word;line-height:1.4}
.pd-type{display:inline-block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem}
.pd-desc{font-size:.875rem;color:#4b5563;margin:0 0 .5rem;overflow-wrap:break-word;word-break:break-word}
.pd-actions{margin-top:.75rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.pd-actions label{font-size:.875rem;color:#374151;font-weight:500}
.pd-quality{padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;min-width:110px}
.pd-download,.pd-download:link,.pd-download:visited{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;background:#e11d48;color:#fff!important;border-radius:6px;text-decoration:none!important;font-weight:600;font-size:.9rem;line-height:1.2;border:none;transition:background .15s ease,transform .1s ease}
.pd-download:hover,.pd-download:focus{background:#be123c;color:#fff!important}
.pd-download:active{transform:scale(.98)}
@media (max-width:600px){
  .pd-wrap{padding:1rem;margin:.75rem auto;border-radius:10px;max-width:calc(100% - 1.5rem)}
  .pd-form{flex-direction:column}
  .pd-form button{width:100%}
  .pd-result{flex-direction:column;align-items:center;text-align:center}
  .pd-thumb img{width:200px}
  .pd-meta{width:100%}
  .pd-actions{flex-direction:column;align-items:stretch}
  .pd-quality{width:100%}
  .pd-download{width:100%;padding:.7rem 1rem;font-size:1rem}
}