.tt-wrap {max-width:900px;margin:24px auto;padding:8px;font-family:"Segoe UI",sans-serif;}
.tt-card {background:#fff;border:1px solid #eaeaea;border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,.06);padding:20px;}
.tt-title {margin:0 0 12px;font-size:26px;font-weight:600;text-align:center;}

.tt-row {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;}
.tt-userform label {display:flex;flex-direction:column;font-size:13px;color:#334155;}
.tt-userform input {margin-top:6px;padding:10px 14px;border:1.5px solid #d0d7e3;border-radius:999px;font-size:15px;}

.tt-controls {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;}
.tt-controls select, .tt-btn {height:42px;padding:0 16px;font-size:14px;border-radius:999px;border:1.5px solid #d0d7e3;cursor:pointer;}
.tt-btn {border:none;font-weight:600;}
.tt-btn-primary {background:#0ea5e9;color:#fff;}
.tt-btn-primary:hover {background:#0284c7;}
.tt-btn-ghost {background:transparent;color:#0f172a;border:1px solid #cbd5e1;}
.tt-success {background:#16a34a;color:#fff;}
.tt-success:hover {background:#15803d;}

#customWrap {margin:12px 0;}
#customText {width:100%;padding:10px 14px;border:1.5px solid #d0d7e3;border-radius:12px;font-size:15px;}
.tt-hint {font-size:12px;color:#64748b;margin-top:4px;}

.tt-text {user-select:none;border:1px dashed #dbe3eb;border-radius:14px;padding:14px;min-height:120px;line-height:1.6;background:#fbfdff;margin:12px 0;}
.tt-input {width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:16px;}

.tt-stats {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;}
.tt-stat {background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;text-align:center;padding:12px;}
.tt-kpi {width:70px;height:70px;margin:0 auto 6px;border-radius:999px;border:6px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;}
.tt-label {font-size:12px;color:#475569;}

.tt-footer {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;}
.tt-message {font-size:14px;}
.tt-message.success {color:#16a34a;}
.tt-message.error {color:#dc2626;}

@media(max-width:800px){
  .tt-row{grid-template-columns:1fr;}
  .tt-stats{grid-template-columns:repeat(2,1fr);}
  .tt-controls{flex-direction:column;align-items:stretch;}
  .tt-controls select,.tt-btn{width:100%;}
}