.tno-app{max-width:900px;margin:20px auto;padding:28px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.08)}.tno-app textarea,.tno-app input,.tno-app select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff;color:#0f172a}.tno-app textarea{min-height:180px;resize:vertical}.tno-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.tno-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tno-btn{border:0;border-radius:10px;padding:12px 18px;background:#6546f5;color:#fff;font-weight:700;cursor:pointer}.tno-btn.secondary{background:#eef2ff;color:#4338ca}.tno-result{padding:16px;border-radius:12px;background:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere}.tno-drop{border:2px dashed #a5b4fc;border-radius:16px;padding:30px;text-align:center}.tno-preview{max-width:100%;max-height:420px;border-radius:12px;margin-top:15px}.tno-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.tno-stat{padding:14px;background:#f8fafc;border-radius:12px;text-align:center}.tno-stat strong{display:block;font-size:1.35rem}.tno-checks{display:flex;gap:14px;flex-wrap:wrap}.tno-checks label{display:flex;align-items:center;gap:6px}.tno-checks input{width:auto}.dark-mode .tno-app{background:#111827;border-color:#334155}.dark-mode .tno-app input,.dark-mode .tno-app textarea,.dark-mode .tno-app select{background:#0f172a;color:#fff;border-color:#475569}.dark-mode .tno-result,.dark-mode .tno-stat{background:#1e293b}@media(max-width:700px){.tno-row,.tno-stats{grid-template-columns:1fr 1fr}.tno-app{padding:18px}}@media(max-width:480px){.tno-row,.tno-stats{grid-template-columns:1fr}}