.td-form{display: flex;gap: 10px}.td-form input{flex: 1;min-width: 0;min-height: 52px;padding: 12px 16px;border-radius: 12px;border: 1px solid var(--border);font: inherit;font-size: 16px;background: var(--surface);color: var(--text)}.td-form input:focus{outline: 3px solid var(--ring);outline-offset: 1px;border-color: var(--accent)}.td-form .btn{min-height: 52px;padding: 12px 22px;font-size: 16px;white-space: nowrap}.td-form[aria-busy="true"] .btn svg{animation: td-spin .8s linear infinite}@keyframes td-spin{to{transform: rotate(360deg)}}.td-hint{margin: 10px 2px 0;font-size: 14px;color: var(--text-muted)}.td-status{margin: 16px 0 0;padding: 12px 14px;border-radius: 12px;font-size: 15px;background: var(--accent-soft)}.td-status.error{background: #fff1f0;border: 1px solid #f5c2bd;color: #912018}.td-result{margin-top: 24px}.td-result[hidden]{display: none}.td-best{margin: 0 0 14px;font-weight: 600}.td-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px}.td-card{margin: 0;display: flex;flex-direction: column;gap: 10px;padding: 12px;border-radius: 14px;border: 1px solid var(--border);background: var(--surface)}.td-card.best{grid-column: 1 / -1;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(109,85,255,.12)}.td-img{border-radius: 10px;overflow: hidden;background: repeating-conic-gradient(#eeedf4 0% 25%,#fff 0% 50%) 50% / 20px 20px;display: grid;place-items: center}.td-img img{display: block;max-width: 100%;height: auto}.td-card.best .td-img img{width: 100%}.td-card figcaption{display: flex;justify-content: space-between;gap: 8px;flex-wrap: wrap;font-size: 14px}.td-name{font-weight: 600}.td-dim{font-family: var(--font-mono);font-size: 13px;color: var(--text-muted)}.td-btns{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto}.td-btns .btn{min-height: 40px;padding: 8px 14px;font-size: 14px}.td-card.best .td-btns .btn{min-height: 48px;font-size: 15px;padding: 10px 20px}.td-card.skeleton .td-img{background: linear-gradient(90deg,#eeedf4 0%,#f8f7fc 40%,#eeedf4 80%) 0 0 / 300% 100%;animation: td-shimmer 1.2s ease-in-out infinite}.td-card.skeleton .td-name,.td-card.skeleton .td-dim{color: var(--text-muted)}@keyframes td-shimmer{to{background-position: -150% 0}}.td-note{margin: 16px 0 0;font-size: 13px;color: var(--text-muted)}@media (max-width: 640px){.td-form{flex-direction: column}.td-form .btn,.td-card.best .td-btns .btn{width: 100%}.td-grid{grid-template-columns: 1fr 1fr;gap: 10px}.td-card{padding: 8px}.td-btns .btn{flex: 1;padding: 8px 10px}}@media (prefers-reduced-motion: reduce){.td-form[aria-busy="true"] .btn svg,.td-card.skeleton .td-img{animation: none}}