@font-face{font-family:toolyio;src:url(/assets/fonts/YekanBakhFaNum-VF.woff) format("woff"),}.en{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:normal}.fa{font-family:Roboto,toolyio;font-feature-settings:normal}.fa-1000{font-weight:1000}.fa-700{font-weight:700}.fa-500{font-weight:500}.fa-200{font-weight:200}:root{--main-bg:#f4f7f6;--primary:#2563eb;--dark:#1e293b;--text:#334155;--white:#fff}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{background-color:var(--main-bg);color:var(--text);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"ss01" off,"ss02" off;font-variant-numeric:tabular-nums;min-height:100vh}.container{margin:0 auto;max-width:1000px;padding:0 1rem;width:100%}main{flex:1;padding:2rem 0}header{background:var(--dark);color:var(--white);padding:1rem 0}.nav{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--white);font-size:1.5rem;font-weight:700;text-decoration:none}.logo span{color:var(--primary)}.menu a{color:#fff;font-size:.9rem;text-decoration:none}@media (min-width:768px){.card{background:var(--white);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:2rem}}.editor-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.pane{display:flex;flex-direction:column;gap:.5rem}.pane label{font-size:.9rem;font-weight:600}.result-box,textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:Consolas,Monaco,monospace;height:350px;padding:1rem;resize:vertical;width:100%}.result-box{background:#0f172a;border-left:4px solid var(--primary);color:#e2e8f0;overflow-y:auto}.result-box.error{border-left-color:#ef4444;color:#fca5a5}.result-box.success{border-left-color:#22c55e}.actions{display:flex;gap:1rem}.btn{border:none;border-radius:6px;cursor:pointer;flex:1;font-weight:700;padding:.8rem 1.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--dark);color:#fff}footer{background:#e2e8f0;font-size:.9rem;margin-top:2rem;padding:1.5rem;text-align:center}@media (max-width:768px){.editor-grid{grid-template-columns:1fr}.result-box,textarea{font-size:.85rem;height:220px}main{padding:1rem 0}}@media (max-width:640px){.nav{align-items:flex-start;flex-direction:row;gap:.75rem}.actions{flex-direction:column}.btn{font-size:1rem;padding:1rem;width:100%}.logo{font-size:1.3rem}}