.dpt-tool{max-width:860px;margin:0 auto 2rem;padding:1.25rem;border:1px solid #e3e6f3;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgb(67 56 202 / .08)}.dpt-drop{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;border:2px dashed #a5acf0;border-radius:14px;background:#f7f8ff;cursor:pointer;text-align:center}.dpt-drop:hover,.dpt-drop.is-over{background:#eceeff;border-color:#4338ca}.dpt-drop svg{width:38px;height:38px;color:#4338ca}.dpt-drop b{font-size:1.1rem;color:#1f2937}.dpt-drop small{color:#4b5563}.dpt-info{background:#f3f4fb;border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.95rem;color:#1f2937;line-height:1.5}.dpt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.dpt-field label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.3rem}.dpt-field select,.dpt-field input{width:100%;box-sizing:border-box;padding:.6rem .7rem;border:1px solid #cfd3e8;border-radius:10px;font-size:1rem;background:#fff;color:#111827}.dpt-actions{display:flex;flex-wrap:wrap;gap:.6rem}.dpt-go{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;border:0;border-radius:10px;padding:.7rem 1.3rem;font-weight:700;font-size:1rem;cursor:pointer}.dpt-reset{background:#fff;color:#3730a3;border:1px solid #c7cbf0;border-radius:10px;padding:.7rem 1.1rem;font-weight:600;cursor:pointer}.dpt-result{margin:.9rem 0 0;font-size:.95rem;color:#065f46;font-weight:600}.dpt-note{font-size:.85rem;color:#4b5563;margin:.8rem 0 0}@media(max-width:640px){.dpt-grid{grid-template-columns:1fr}}