:root{--bg:#f5f6fb;--card:#ffffff;--primary:#6d5bd0;--primary-dark:#5645b5;--primary-light:#8f7ff0;--text:#20202f;--muted:#6b6b80;--border:#e7e6f2;--green:#2fae5b;--yellow:#c99a00;--orange:#d97b00;--red:#d33a3a;--radius:16px;--shadow:0 2px 14px rgba(40,30,90,.05);--shadow-hover:0 4px 20px rgba(40,30,90,.09);--gradient:linear-gradient(135deg,#6d5bd0,#9b7ff2)}[data-theme=dark]{--bg:#14141f;--card:#1c1c2b;--primary:#8f7ff0;--primary-dark:#7a68e0;--primary-light:#a99bff;--text:#eceaf7;--muted:#9c98b5;--border:#2c2c40;--green:#4fd982;--yellow:#e6c34d;--orange:#f0a850;--red:#ef6161;--shadow:0 2px 14px rgba(0,0,0,.35);--shadow-hover:0 6px 24px rgba(0,0,0,.5);--gradient:linear-gradient(135deg,#7a68e0,#4b3fa0)}*{box-sizing:border-box}body{margin:0;font-family:Cairo,sans-serif;background:var(--bg);color:var(--text);direction:rtl;transition:background .25s ease,color .25s ease}.app{max-width:1100px;margin:0 auto;padding:24px 16px 90px}.top-bar{display:flex;justify-content:flex-end;margin-bottom:6px}.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .15s}.theme-toggle:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.header{text-align:center;margin-bottom:28px;padding:26px 16px;border-radius:20px;background:var(--gradient);color:#fff;box-shadow:var(--shadow)}.header h1{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:.2px}.header p.tagline{font-size:16px;opacity:.95;margin:0 0 8px;font-weight:600}.header p.desc{font-size:13.5px;opacity:.9;max-width:760px;margin:0 auto;line-height:1.7}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow);transition:box-shadow .2s ease,border-color .2s ease,background .25s ease}.card:hover{box-shadow:var(--shadow-hover)}.card h2{font-size:17px;margin:0 0 4px;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;gap:8px}.card h2:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);display:inline-block}.card .sub{font-size:12.5px;color:var(--muted);margin-bottom:14px;line-height:1.6}.grid-options{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 14px;border-radius:999px;font-size:13.5px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--primary);transform:translateY(-1px)}.chip.selected{background:var(--gradient);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 10px #6d5bd059}textarea,input[type=text],input[type=number],select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-family:Cairo,sans-serif;font-size:14px;background:var(--bg);color:var(--text);transition:border-color .15s,background .25s}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--primary)}textarea{min-height:140px;resize:vertical;line-height:1.8}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:none;border-radius:12px;padding:11px 20px;font-weight:700;font-size:14px;cursor:pointer;background:var(--gradient);color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 12px #6d5bd04d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6d5bd066}.btn.secondary{background:var(--card);color:var(--primary-dark);border:1px solid var(--primary);box-shadow:none}.btn.secondary:hover{background:var(--bg)}.btn.ghost{background:transparent;color:var(--muted);border:1px dashed var(--border);box-shadow:none}.btn.small{padding:6px 12px;font-size:12.5px}.category-sidebar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.instrument-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:360px;overflow-y:auto;padding:4px}.instr-card{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12.5px;text-align:center;cursor:pointer;background:var(--bg);color:var(--text);transition:all .15s}.instr-card:hover{border-color:var(--primary)}.instr-card.selected{background:var(--gradient);color:#fff;border-color:transparent}.slider-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px;background:var(--bg)}.slider-card .label-row{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:4px}input[type=range]{width:100%;accent-color:var(--primary)}.fx-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fx-tag{font-size:12px;border:1px dashed var(--primary);color:var(--primary-light);padding:5px 10px;border-radius:8px;cursor:pointer;background:#6d5bd014;transition:all .15s}.fx-tag:hover{background:#6d5bd02e}.output-card{border:1px solid var(--primary)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.output-block{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;white-space:pre-wrap;font-size:13.5px;line-height:1.9;direction:ltr;text-align:left;font-family:Consolas,monospace;max-height:400px;overflow-y:auto;color:var(--text)}.output-block.ar{direction:rtl;text-align:right;font-family:Cairo,sans-serif}.counter{font-size:13px;font-weight:700;margin-top:6px}.counter.green{color:var(--green)}.counter.yellow{color:var(--yellow)}.counter.orange{color:var(--orange)}.counter.red{color:var(--red)}.footer-actions{display:flex;justify-content:center;gap:12px;margin:28px 0;flex-wrap:wrap}.search-bar{margin-bottom:12px}.section-title-en{font-size:11px;color:var(--muted);margin-bottom:4px}.notice{background:#e6b4001f;border:1px solid var(--yellow);color:var(--yellow);padding:8px 12px;border-radius:10px;font-size:12.5px;margin-top:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width:600px){.header h1{font-size:22px}.card{padding:14px}}