@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@500;700;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap";:root{--paper:#eef0ea;--card:#fffefb;--ink:#1e2422;--ink-soft:#5b655f;--border:#dcded4;--primary:#2e4057;--primary-soft:#eef1f5;--accent:#c98a2c;--accent-soft:#f7ecd8;--success:#3f7a5d;--success-soft:#e6f0ea;--stage-1:#2e4057;--stage-2:#74814a;--stage-3:#c98a2c;--stage-4:#3f7a5d;--stage-5:#8a5a6e;--stage-6:#a85c36}*{box-sizing:border-box}.stl-root{background:var(--paper);color:var(--ink);direction:rtl;max-width:640px;min-height:100%;margin:0 auto;padding:18px 14px 48px;font-family:IBM Plex Sans Arabic,Tajawal,sans-serif}.stl-header{margin-bottom:18px}.stl-title{letter-spacing:0;margin:0 0 4px;font-family:Tajawal,sans-serif;font-size:22px;font-weight:900;line-height:1.3}.stl-subtitle{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.stl-filters{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;margin:18px 0 20px;padding:12px 12px 14px;display:flex}.stl-filter-row-label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;display:block}.stl-stage-scroll{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.stl-stage-scroll::-webkit-scrollbar{display:none}.stl-stage-chip{border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:13px;font-weight:500;display:flex}.stl-stage-chip .stl-num{background:var(--ink-soft);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:17px;height:17px;font-size:10.5px;display:inline-flex}.stl-stage-chip.active{color:#fff;background:var(--chip-color,var(--primary));border-color:#0000}.stl-stage-chip.active .stl-num{color:#fff;background:#ffffff47}.stl-select-row{gap:8px;display:flex}.stl-select-wrap{flex:1;min-width:0}.stl-select{appearance:none;border:1px solid var(--border);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235b655f'/%3E%3C/svg%3E") left 10px center no-repeat;width:100%;color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 30px 9px 10px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:13px}.stl-results-count{color:var(--ink-soft);margin:0 2px 10px;font-size:12px}.stl-stage-heading{align-items:center;gap:8px;margin:22px 2px 10px;display:flex}.stl-stage-heading .stl-num{background:var(--stage-color,var(--primary));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.stl-stage-heading h2{margin:0;font-family:Tajawal,sans-serif;font-size:15.5px;font-weight:700}.stl-card{background:var(--card);border:1px solid var(--border);border-right:4px solid var(--stage-color,var(--primary));border-radius:6px;margin-bottom:10px;padding:13px 14px 12px;position:relative}.stl-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px;display:flex}.stl-card-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stl-tag{color:var(--ink-soft);background:var(--primary-soft);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:11px}.stl-tag.stl-variant{background:var(--accent-soft);color:#7a5416}.stl-toggle{background:var(--paper);border:1px solid var(--border);border-radius:999px;flex:none;gap:2px;padding:2px;display:inline-flex}.stl-toggle button{cursor:pointer;color:var(--ink-soft);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:5px 9px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:11px}.stl-toggle button.active{background:var(--primary);color:#fff}.stl-card-text{color:var(--ink);white-space:pre-wrap;margin:0 0 10px;font-size:14px;line-height:1.9}.stl-card-bottom{justify-content:flex-end;display:flex}.stl-copy-btn{border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12.5px;font-weight:500;display:inline-flex}.stl-copy-btn.copied{background:var(--success-soft);border-color:var(--success);color:var(--success)}.stl-empty{text-align:center;color:var(--ink-soft);background:var(--card);border:1px dashed var(--border);border-radius:10px;padding:40px 10px;font-size:13.5px}@media (width>=560px){.stl-select-row{max-width:420px}}