.tdh-p17{display:grid;gap:16px}.tdh-p17-drop{border:1px dashed rgba(80,180,255,.55);border-radius:18px;padding:28px;text-align:center;background:rgba(7,18,35,.55);transition:.2s}.tdh-p17-drop.drag{transform:translateY(-2px);border-color:#8ff3ff;box-shadow:0 0 24px rgba(60,190,255,.2)}.tdh-p17-drop input{display:block;margin:14px auto 0;max-width:100%}.tdh-p17-file{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:.92rem}.tdh-p17-actions{display:flex;gap:10px;flex-wrap:wrap}.tdh-p17-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;background:linear-gradient(135deg,#42d5ff,#7d67ff);color:#07111f}.tdh-p17-btn.alt{background:rgba(255,255,255,.08);color:#eef7ff;border:1px solid rgba(255,255,255,.12)}.tdh-p17-btn:disabled{opacity:.55;cursor:not-allowed}.tdh-p17-progress{height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.tdh-p17-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4be9ff,#9d70ff);transition:width .2s}.tdh-p17-status{min-height:24px;color:#c8d7ee}.tdh-p17-result{display:none;padding:16px;border:1px solid rgba(88,212,255,.24);border-radius:16px;background:rgba(7,18,35,.65)}.tdh-p17-result.show{display:block}.tdh-p17-json{max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#07111f;border-radius:12px;padding:14px;font-size:.82rem}.tdh-p17-note{font-size:.9rem;color:#a9bad3}@media(max-width:640px){.tdh-p17-drop{padding:20px 14px}.tdh-p17-file{flex-direction:column;gap:4px}.tdh-p17-btn{width:100%}}