:root{
  --ink:#1F1B2E; --ink-soft:#6b6478; --bg:#FFFFFF; --bg-tint:#F5F1FF; --border:#ECE8F5;
  --violet:#6C3CE9; --violet-deep:#5127C4; --coral:#FF6B4A; --mint:#20C297;
  --blue:#3E8EF7; --rose:#FF4FA3; --yellow:#FFC93C;
}
*{box-sizing:border-box;}
body{
  margin:0;font-family:'Vazirmatn',sans-serif;color:var(--ink);background:var(--bg-tint);
  line-height:1.7;
}
a{color:inherit;text-decoration:none;}
.t-header{background:#fff;border-bottom:1px solid var(--border);padding:16px 0;}
.t-header .wrap{max-width:760px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.t-logo{font-weight:800;font-size:19px;display:flex;align-items:center;gap:8px;}
.t-logo-dot{width:9px;height:9px;border-radius:50%;background:var(--violet);}
.t-back{font-size:13.5px;color:var(--ink-soft);}
.t-back:hover{color:var(--violet);}
.t-wrap{max-width:760px;margin:0 auto;padding:40px 20px 80px;}
.t-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:32px 28px;}
.t-card h1{font-size:22px;margin:0 0 8px;}
.t-card > p.t-desc{color:var(--ink-soft);font-size:14.5px;margin:0 0 28px;}
label{font-size:13.5px;font-weight:600;display:block;margin-bottom:6px;}
input, select, textarea{
  width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;
  font-family:inherit;font-size:14.5px;margin-bottom:16px;outline:none;background:#fff;color:var(--ink);
}
input:focus, select:focus, textarea:focus{border-color:var(--violet);}
.t-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:520px){.t-row{grid-template-columns:1fr;}}
.t-btn{background:var(--violet);color:#fff;border:none;padding:13px 26px;border-radius:10px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit;}
.t-btn:hover{background:var(--violet-deep);}
.t-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--ink);}
.t-result{margin-top:22px;padding:20px;border-radius:14px;background:var(--bg-tint);font-size:15px;}
.t-result strong{font-size:22px;display:block;margin-bottom:4px;color:var(--violet);}
.t-note{font-size:12.5px;color:var(--ink-soft);margin-top:18px;}
.t-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:560px){.t-tools-grid{grid-template-columns:1fr;}}
.t-tool-card{
  display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:18px 20px;transition:.2s;
}
.t-tool-card:hover{border-color:var(--violet);transform:translateY(-2px);}
.t-tool-card .ic{width:26px;height:26px;flex-shrink:0;color:var(--violet);}
.t-tool-card strong{display:block;font-size:14.5px;}
.t-tool-card span{font-size:12.5px;color:var(--ink-soft);}
.t-drop{
  border:2px dashed var(--border);border-radius:14px;padding:30px 20px;text-align:center;
  cursor:pointer;margin-bottom:16px;color:var(--ink-soft);font-size:14px;
}
.t-drop:hover{border-color:var(--violet);color:var(--violet);}
.t-file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.t-file-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tint);padding:10px 14px;border-radius:10px;font-size:13.5px;}
.t-file-row button{background:none;border:none;color:var(--coral);cursor:pointer;font-family:inherit;font-size:13px;}
canvas{max-width:100%;border-radius:10px;}
progress{width:100%;height:8px;border-radius:4px;margin:10px 0;}