.tmdl-wrapper{--tmdl-bg:#ffffff;--tmdl-border:#e5e7eb;--tmdl-text:#111827;--tmdl-muted:#6b7280;--tmdl-brand:#2563eb;--tmdl-danger:#ef4444;--tmdl-success:#16a34a;display:grid;gap:20px;color:var(--tmdl-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.tmdl-card{background:var(--tmdl-bg);border:1px solid var(--tmdl-border);border-radius:16px;padding:16px;box-shadow:0 6px 20px rgb(17 24 39 / .06)}.tmdl-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tmdl-card-title{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.tmdl-card-title i{font-size:18px;color:var(--tmdl-brand)}.tmdl-limit-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#374151}.tmdl-limit-badge i{font-size:12px}.tmdl-field{display:grid;gap:12px}.tmdl-textarea{width:100%;min-height:80px;resize:vertical;padding:12px 14px;border-radius:12px;border:1px solid var(--tmdl-border);outline:none;font-size:16px;line-height:1.5;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease;background:#fff}.tmdl-textarea:focus{border-color:var(--tmdl-brand);box-shadow:0 0 0 4px rgb(37 99 235 / .15)}.tmdl-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.tmdl-metric{display:inline-flex;align-items:center;gap:8px;color:#1f2937}.tmdl-metric i{font-size:14px;color:#4b5563}.tmdl-unit{margin-left:2px;color:#6b7280}.tmdl-sep{color:var(--tmdl-muted)}.tmdl-copy-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--tmdl-border);background:#f9fafb;color:#111827;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background 0.15s ease,transform 0.03s ease,border-color 0.15s ease}.tmdl-copy-btn:hover{background:#f3f4f6;border-color:#d1d5db}.tmdl-copy-btn:active{transform:translateY(1px)}.tmdl-copy-btn.tmdl-copied{border-color:#bbf7d0;background:#ecfdf5;color:var(--tmdl-success)}.tmdl-hint{display:inline-flex;align-items:center;gap:10px;color:var(--tmdl-muted);font-size:13px}.tmdl-card.tmdl-over .tmdl-textarea{border-color:var(--tmdl-danger);background:#fff5f5}.tmdl-card.tmdl-over .tmdl-metric--pixels,.tmdl-card.tmdl-over .tmdl-metric--pixels i{color:var(--tmdl-danger)}@media (max-width:600px){.tmdl-copy-btn{width:100%;justify-content:center;margin-left:0}}