:root{--text:#5c5670;--text-h:#1a1523;--text-muted:#8b8499;--bg:#f6f4fa;--bg-elevated:#fff;--border:#e4e0ec;--border-strong:#d0c9db;--code-bg:#ede9f4;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#ede5ff;--accent-border:#7c3aed73;--success:#059669;--success-soft:#d1fae5;--danger:#dc2626;--danger-soft:#fee2e2;--shadow-sm:0 1px 2px #1a15230f;--shadow-md:0 4px 16px #1a152314;--shadow-lg:0 12px 40px #1a15231a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--sans:"Vazirmatn", Tahoma, system-ui, sans-serif;--heading:"Vazirmatn", Tahoma, system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;font:16px/1.7 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#b8b0c8;--text-h:#f3eef8;--text-muted:#8a8299;--bg:#121018;--bg-elevated:#1c1824;--border:#2e2838;--border-strong:#3d3548;--code-bg:#252030;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-soft:#a78bfa1f;--accent-border:#a78bfa73;--success:#34d399;--success-soft:#34d3991f;--danger:#f87171;--danger-soft:#f871711f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{direction:rtl}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #7c3aed1f, transparent), radial-gradient(ellipse 60% 40% at 100% 100%, #7c3aed0f, transparent), var(--bg);min-height:100svh;margin:0}#root{width:100%;max-width:1100px;min-height:100svh;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:700;line-height:1.35}h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.25rem)}h2{margin:0;font-size:1.15rem}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);direction:ltr;unicode-bidi:embed;border-radius:6px;padding:3px 8px;font-size:.82em;line-height:1.5}input,select,button{font-family:inherit}input[type=url]{text-align:left;direction:ltr}.app{flex-direction:column;gap:24px;padding:28px 0 56px;display:flex}.header{text-align:center;padding:12px 0 8px}.header-badge{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.subtitle{max-width:520px;color:var(--text-muted);margin:10px auto 0;font-size:15px;line-height:1.8}.url-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:10px;padding:16px;display:flex}.url-bar input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-h);flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.url-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.url-bar input::placeholder{color:var(--text-muted)}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-h);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary,.btn.sync{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn.primary:hover:not(:disabled),.btn.sync:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.success:hover:not(:disabled){filter:brightness(1.08);color:#fff}.btn.danger{color:var(--danger);border-color:#dc26264d}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.saved-sites-header,.results-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom, var(--bg-elevated), var(--code-bg));justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.saved-list{flex-direction:column;display:flex}.saved-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:flex}.saved-item:last-child{border-bottom:none}.saved-item:hover{background:var(--code-bg)}.saved-item.active{background:var(--accent-soft);border-inline-start:3px solid var(--accent)}.saved-item-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.saved-item-main strong{color:var(--text-h);font-size:15px}.saved-url{color:var(--text-muted);word-break:break-all;text-align:right;direction:ltr;font-size:12px}.saved-meta{color:var(--text-muted);font-size:12px}.saved-item-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.saved-badge{color:var(--success);background:var(--success-soft);border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.error-banner{background:var(--danger-soft);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #dc262659;padding:12px 16px;font-size:14px;font-weight:500}.selector-panel,.sync-panel{padding:20px}.step-progress{gap:4px;margin-bottom:20px;display:flex}.step-progress-seg{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .25s}.step-progress-seg.done{background:var(--success)}.step-progress-seg.active{background:var(--accent)}.steps{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.step{border-radius:var(--radius-sm);background:var(--bg);border:1px solid #0000;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.step.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.step.done .step-num{background:var(--success);color:#fff}.step-num{background:var(--border);width:28px;height:28px;color:var(--text-h);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.step.active .step-num{background:var(--accent);color:#fff}.step-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.step-body strong{color:var(--text-h);font-size:14px}.step-selector{word-break:break-all;background:var(--code-bg);text-align:left;direction:ltr;border-radius:6px;padding:4px 8px;font-size:11px;display:block}.step-hint{color:var(--accent);font-size:13px}.step-edit{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600;transition:border-color .15s}.step-edit:hover{border-color:var(--accent-border);color:var(--accent)}.panel-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:4px;padding-top:16px;display:flex}.sync-info{color:var(--text-muted);flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.sync-info code{font-size:13px}.preview{border:1px solid var(--border);border-radius:var(--radius-lg);height:68vh;min-height:380px;box-shadow:var(--shadow-lg);background:#fff;overflow:hidden}.preview iframe{border:none;width:100%;height:100%}.table-wrap{max-height:60vh;overflow:auto}.excel-table{border-collapse:collapse;width:100%;font-size:14px}.excel-table th,.excel-table td{border-bottom:1px solid var(--border);text-align:right;vertical-align:middle;padding:10px 14px}.excel-table thead th{background:var(--code-bg);color:var(--text-h);z-index:1;white-space:nowrap;font-size:13px;font-weight:700;position:sticky;top:0}.excel-table tbody tr{transition:background .12s}.excel-table tbody tr:nth-child(2n){background:#7c3aed05}.excel-table tbody tr:hover{background:var(--accent-soft)}.excel-table tbody tr.table-row-clickable{cursor:pointer}.table-hint{color:var(--text-muted);margin:0 0 10px;padding:0 4px;font-size:12px}.excel-table .thumb{object-fit:contain;border:1px solid var(--border);border-radius:8px;max-width:56px;max-height:56px}.excel-table td:first-child{color:var(--text-muted);width:48px;font-weight:600}.analytics-page{flex-direction:column;gap:24px;display:flex}.analytics-header{align-items:flex-start;gap:16px;display:flex}.analytics-title{flex-direction:column;gap:4px;display:flex}.analytics-title h2{font-size:1.5rem}.analytics-url{color:var(--text-muted);word-break:break-all;text-align:right;direction:ltr;font-size:13px}.analytics-loading,.analytics-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);padding:40px 24px}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px;transition:box-shadow .2s,transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.stat-value{color:var(--text-h);font-size:1.75rem;font-weight:800;line-height:1.2}.stat-meta{color:var(--text-muted);font-size:12px}.analytics-section{padding:20px}.analytics-section h3{margin:0 0 16px;font-size:1.05rem}.analytics-section h4{color:var(--text-h);margin:0 0 12px;font-size:.95rem}.group-bars{flex-direction:column;gap:10px;display:flex}.group-row{grid-template-columns:110px 1fr 40px;align-items:center;gap:12px;font-size:13px;display:grid}.group-row-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:inherit;font:inherit;color:inherit;background:0 0;border:1px solid #0000;margin:0;padding:10px 12px;transition:background .15s,border-color .15s,transform .12s}.group-row-btn:hover{background:var(--accent-soft);border-color:var(--accent-border)}.group-row-btn:active{transform:scale(.99)}.group-hint{color:var(--text-muted);margin:12px 0 0;font-size:12px}.group-label{color:var(--text-h);font-weight:500}.group-bar-wrap{background:var(--bg);border-radius:5px;height:10px;overflow:hidden}.group-bar{background:linear-gradient(to left, var(--accent), #a78bfa);border-radius:5px;min-width:4px;height:100%;transition:width .4s}.group-count{text-align:left;color:var(--text-h);font-weight:700}.compare-controls{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.compare-controls label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.compare-controls select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-h);min-width:220px;padding:10px 12px;font-size:14px}.compare-summary{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge{border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.badge.new{background:var(--success-soft);color:var(--success)}.badge.removed{background:var(--danger-soft);color:var(--danger)}.badge.changed{background:var(--accent-soft);color:var(--accent)}.badge.same{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.compare-block{margin-top:20px}.compare-more{color:var(--text-muted);margin:8px 0 0;font-size:12px}.delta-up{color:var(--danger);font-weight:700}.delta-down{color:var(--success);font-weight:700}.modal-detail{width:min(520px,100%)}.modal-detail-body{flex-direction:column;gap:20px;display:flex}.modal-detail-image{background:var(--code-bg);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:center;align-items:center;min-height:220px;padding:20px;display:flex}.modal-detail-image img{object-fit:contain;max-width:100%;max-height:280px}.modal-detail-image a{justify-content:center;align-items:center;display:flex}.modal-detail-info h4{color:var(--text-h);margin:0 0 16px;font-size:1.05rem;line-height:1.7}.modal-detail-meta{gap:12px;margin:0;display:grid}.modal-detail-meta div{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;font-size:14px;display:flex}.modal-detail-meta dt{color:var(--text-muted);flex-shrink:0;margin:0;font-weight:600}.modal-detail-meta dd{color:var(--text-h);text-align:left;margin:0;font-weight:600}.modal-detail-image-id{font-family:var(--mono);word-break:break-all;font-size:12px}.modal-detail-image-id a{color:var(--accent);text-decoration:none}.modal-detail-image-id a:hover{text-decoration:underline}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a15238c;justify-content:center;align-items:center;padding:20px;animation:.18s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(920px,100%);max-height:min(88vh,900px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 16px;display:flex}.modal-header h3{margin:0;font-size:1.1rem}.modal-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:13px}.modal-close{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text-h);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;transition:background .15s,border-color .15s;display:grid}.modal-close:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.modal-body{padding:16px 20px 20px;overflow:auto}.modal-empty{text-align:center;color:var(--text-muted);padding:32px}.modal-product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.modal-product-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.modal-product-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.modal-product-image{background:var(--code-bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:160px;display:flex}.modal-product-image img{object-fit:contain;max-width:100%;max-height:150px}.modal-product-image a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-no-image{color:var(--text-muted);font-size:13px}.modal-product-info{padding:12px 14px 14px}.modal-product-info h4{color:var(--text-h);margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.6}.modal-product-meta{gap:8px;margin:0;display:grid}.modal-product-meta div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.modal-product-meta dt{color:var(--text-muted);margin:0;font-weight:500}.modal-product-meta dd{color:var(--text-h);text-align:left;margin:0;font-weight:600}@media (width<=640px){#root{padding:0 14px}.url-bar{flex-direction:column}.saved-item{flex-direction:column;align-items:stretch}.saved-item-actions{justify-content:flex-start}.preview{height:50vh;min-height:280px}.group-row{grid-template-columns:90px 1fr 32px}.panel-actions{flex-direction:column}.panel-actions .btn{width:100%}}