:root{--brand-50:#f0faf5;--brand-100:#d4f0e3;--brand-200:#a3d9c2;--brand-300:#6cbb9e;--brand-400:#3d9d7d;--brand-500:#1f8065;--brand-600:#123f34;--brand-700:#0c3128;--brand-800:#082219;--gray-0:#fff;--gray-50:#f7f8f9;--gray-100:#f0f2f4;--gray-150:#e8eaed;--gray-200:#dde1e7;--gray-300:#c8cdd6;--gray-400:#a0a9b5;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#0f1113;--ok-50:#f0fdf5;--ok-100:#dcfce8;--ok-200:#a7f3c5;--ok-600:#16a34a;--ok-700:#15803d;--ok-800:#166534;--warn-50:#fffbeb;--warn-100:#fef3c7;--warn-200:#fde68a;--warn-600:#d97706;--warn-700:#b45309;--err-50:#fff5f5;--err-100:#ffe3e3;--err-200:#ffc9c9;--err-600:#c92a2a;--err-700:#a61e1e;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-600:#2563eb;--info-700:#1d4ed8;--r-xs:4px;--r-sm:7px;--r:11px;--r-lg:16px;--r-xl:22px;--r-pill:9999px;--ring:0 0 0 3px #123f3424;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 10px -2px #00000017, 0 2px 4px -2px #0000000d;--shadow-lg:0 12px 28px -4px #0000001a, 0 4px 8px -4px #0000000f;--shadow-modal:0 32px 64px -12px #0003, 0 0 0 1px #0000000d;--ease:.14s ease}*,:before,:after{box-sizing:border-box}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:IBM Plex Sans Arabic,Noto Sans Arabic,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}button,input,a{font:inherit}h1,h2{letter-spacing:-.02em;margin:0;line-height:1.2}h1{color:#fff;font-size:20px;font-weight:700}h2{color:var(--gray-900);font-size:18px;font-weight:700}code{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--r-xs);color:var(--brand-600);direction:ltr;padding:2px 8px;font-family:Fira Code,Consolas,Courier New,monospace;font-size:12px;display:inline-flex}button,.download-link{background:var(--brand-600);border:1.5px solid var(--brand-600);border-radius:var(--r-sm);color:#fff;cursor:pointer;letter-spacing:.01em;min-height:38px;transition:background var(--ease), border-color var(--ease), box-shadow var(--ease), opacity var(--ease), transform var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}button:hover,.download-link:hover{background:var(--brand-700);border-color:var(--brand-700);box-shadow:0 2px 8px #123f3447}button:active{transform:translateY(1px)}button:focus-visible,.download-link:focus-visible{box-shadow:var(--ring);outline:none}button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.danger-button{background:var(--gray-0);border-color:var(--err-200);color:var(--err-600)}.danger-button:hover{background:var(--err-50);border-color:var(--err-600);box-shadow:0 2px 8px #c92a2a1f}.download-link{background:var(--gray-0);border-color:var(--gray-300);color:var(--gray-700)}.download-link:hover{background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-xs)}.app-shell{direction:rtl;max-width:1480px;min-height:100vh;margin:0 auto;padding:24px 32px 56px}.app-header{background:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-700) 100%);border-radius:var(--r-lg);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff12;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:18px 26px;display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--r);color:#fff;letter-spacing:.08em;background:#ffffff21;border:1.5px solid #ffffff38;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff24}.eyebrow{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.panel-kicker{color:var(--gray-400);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:600;display:block}.header-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-chip,.trust-badge{border-radius:var(--r-pill);min-height:34px;transition:background var(--ease);align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.status-chip.success{color:#fff;background:#ffffff26;border:1.5px solid #ffffff3d}.status-chip.idle{color:#ffffffa6;background:#ffffff14;border:1.5px solid #ffffff21}.trust-badge{color:#ffffffb8;background:#ffffff17;border:1px solid #ffffff2b;font-size:12.5px}.command-panel{background:var(--gray-0);border:1.5px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:20px;padding:22px 26px;display:grid}.panel-copy{min-width:0}.status-line{color:var(--gray-500);align-items:center;gap:8px;min-height:24px;margin-top:10px;font-size:13.5px;display:flex}.progress-track{background:var(--gray-100);border-radius:var(--r-pill);width:min(420px,100%);height:7px;margin-top:10px;overflow:hidden}.progress-track div{background:linear-gradient(90deg, var(--brand-500), var(--ok-600));border-radius:inherit;height:100%;transition:width .18s}.upload-box{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--r-lg);color:var(--gray-700);cursor:pointer;min-width:220px;min-height:72px;transition:background var(--ease), border-color var(--ease), box-shadow var(--ease);grid-template-columns:auto auto;align-items:center;gap:3px 12px;padding:14px 18px;display:grid}.upload-box:hover{background:var(--brand-50);border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.upload-box svg{color:var(--brand-600);grid-row:span 2}.upload-box span{color:var(--gray-800);font-size:14px;font-weight:600}.upload-box small{color:var(--gray-400);direction:ltr;font-size:11px}.upload-box input{display:none}.file-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.summary-strip{background:var(--gray-0);border:1.5px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:16px;margin-bottom:16px;padding:16px;display:grid}.metrics-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.metric{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--r);transition:box-shadow var(--ease), transform var(--ease);padding:16px 16px 14px;position:relative;overflow:hidden}.metric:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.metrics-row .metric:first-child:before{background:var(--gray-400)}.metrics-row .metric:nth-child(2):before{background:var(--brand-500)}.metrics-row .metric:nth-child(3):before{background:var(--info-600)}.metrics-row .metric:nth-child(4):before{background:var(--err-600)}.metrics-row .metric:nth-child(5):before{background:var(--warn-600)}.metric:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric span{color:var(--gray-500);letter-spacing:.03em;margin-bottom:8px;font-size:11.5px;font-weight:600;display:block}.metric strong{color:var(--gray-800);letter-spacing:-.04em;font-size:30px;font-weight:700;line-height:1;display:block}.metric.danger strong{color:var(--err-600)}.metrics-row .metric:first-child strong{color:var(--gray-700)}.metrics-row .metric:nth-child(2) strong{color:var(--ok-700)}.metrics-row .metric:nth-child(3) strong{color:var(--info-600)}.metrics-row .metric:nth-child(4) strong{color:var(--err-600)}.metrics-row .metric:nth-child(5) strong{color:var(--warn-700)}.export-actions{border-inline-start:1.5px solid var(--gray-150);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding-inline-start:16px;display:flex}.work-area{min-width:0}.toolbar{background:var(--gray-0);border:1.5px solid var(--gray-200);border-bottom:1px solid var(--gray-150);border-radius:var(--r-lg) var(--r-lg) 0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.filters,.image-size-control,.actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filters button{background:var(--gray-50);border-color:var(--gray-200);border-radius:var(--r-sm);color:var(--gray-600);min-height:32px;padding:5px 14px;font-size:13px;font-weight:500}.filters button:hover{background:var(--gray-100);border-color:var(--gray-300);box-shadow:none;color:var(--gray-800)}.filters button.active{background:var(--brand-600);border-color:var(--brand-700);color:#fff;font-weight:600;box-shadow:0 2px 8px #123f3440}.image-size-control{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:4px}.image-size-control span{color:var(--gray-500);padding:0 8px;font-size:12px;font-weight:600}.image-size-control .size-prompt{font-weight:800;animation:1.8s ease-in-out infinite sizePromptPulse}.image-size-control small{color:var(--ok-700);padding:0 8px;font-size:11.5px;font-weight:600}.image-size-control button{color:var(--gray-600);background:0 0;border-color:#0000;min-height:28px;padding:4px 9px;font-size:12px}.image-size-control button:hover{background:var(--gray-100);border-color:var(--gray-200);box-shadow:none;color:var(--gray-900)}.image-size-control button.selected{background:var(--gray-0);border-color:var(--brand-200);box-shadow:inset 0 0 0 1px var(--brand-100);color:var(--brand-600);font-weight:700}.image-size-control .pause-toggle{background:var(--info-600);border-color:var(--info-600);color:var(--gray-0);gap:5px;min-height:30px;margin-inline-start:4px}.image-size-control .pause-toggle:hover{background:var(--info-700);border-color:var(--info-700);color:var(--gray-0)}.image-size-control .cancel-toggle{background:var(--gray-700);border-color:var(--gray-700);color:var(--gray-0);gap:5px;min-height:30px;margin-inline-start:4px}.image-size-control .cancel-toggle:hover{background:var(--gray-800);border-color:var(--gray-800);color:var(--gray-0)}@keyframes sizePromptPulse{0%,to{color:var(--err-600);opacity:.72;transform:scale(1)}50%{color:var(--gray-900);opacity:1;transform:scale(1.045)}}.ghost-button,.secondary-button{background:var(--gray-0);border-color:var(--gray-200);color:var(--gray-700);min-height:34px;padding:6px 13px;font-size:13px;font-weight:500}.ghost-button:hover,.secondary-button:hover{background:var(--gray-100);border-color:var(--gray-300);box-shadow:none;color:var(--gray-900)}.table-wrap{background:var(--gray-0);border:1.5px solid var(--gray-200);border-radius:0 0 var(--r-lg) var(--r-lg);border-top:0;max-height:calc(100vh - 340px);overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1100px}th:first-child,td:first-child{width:70px}th:nth-child(2),td:nth-child(2){width:auto}th:nth-child(3),td:nth-child(3){width:140px}th:nth-child(4),td:nth-child(4){width:100px}th:nth-child(5),td:nth-child(5){width:130px}th:nth-child(6),td:nth-child(6){width:256px}th,td{border-bottom:1px solid var(--gray-100);text-align:right;vertical-align:middle;padding:12px 14px}th{background:var(--gray-50);border-bottom:1.5px solid var(--gray-150);color:var(--gray-500);letter-spacing:.06em;text-transform:uppercase;z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}tbody tr{transition:background var(--ease)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.row-number{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--r-sm);color:var(--brand-600);justify-content:center;align-items:center;min-width:34px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-flex}.product-name{color:var(--gray-900);max-width:100%;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.3}.url-text{color:var(--gray-400);text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:100%;font-size:11.5px;overflow:hidden}.thumb-button{border-radius:var(--r-sm);min-height:0;transition:transform var(--ease);background:0 0;border:0;padding:2px}.thumb-button:hover{box-shadow:none;background:0 0;transform:scale(1.07)}.thumb,.no-thumb{aspect-ratio:1;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);object-fit:contain;width:60px;height:60px}.no-thumb{background:var(--gray-100);color:var(--gray-400);justify-content:center;align-items:center;display:flex}.pill{border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pill.unchanged{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-600)}.pill.unchanged:before{background:var(--gray-400)}.pill.processing,.pill.pending{background:var(--warn-50);border-color:var(--warn-100);color:var(--warn-700)}.pill.processing:before,.pill.pending:before{background:var(--warn-600)}.pill.preview_ready{background:var(--ok-50);border-color:var(--ok-100);color:var(--ok-800)}.pill.preview_ready:before{background:var(--ok-600)}.pill.selected_processed,.pill.replaced{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.pill.selected_processed:before,.pill.replaced:before{background:var(--info-600)}.pill.error{background:var(--err-50);border-color:var(--err-100);color:var(--err-600)}.pill.error:before{background:var(--err-600)}.error-text{color:var(--err-600);max-width:240px;margin-top:5px;font-size:12px;line-height:1.4}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.file-action{position:relative}.file-action input{display:none}.row-actions .secondary-button,.row-actions .file-action{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:62px;min-height:56px;padding:7px 9px;font-size:11.5px}.row-actions .secondary-button svg,.row-actions .file-action svg{margin:0 auto;display:block}.icon-button{background:var(--gray-0);border-color:var(--gray-200);color:var(--gray-600);min-height:34px;padding:7px 9px}.icon-button:hover{background:var(--gray-50);box-shadow:none;color:var(--gray-900)}.preview-modal{-webkit-backdrop-filter:blur(6px)saturate(1.4);backdrop-filter:blur(6px)saturate(1.4);z-index:20;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-panel{background:var(--gray-0);border:1px solid var(--gray-150);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);width:min(560px,100%);max-width:560px;overflow:hidden}.preview-header{border-bottom:1.5px solid var(--gray-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-header span{color:var(--gray-400);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.preview-header strong{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:16px;font-weight:700;display:block;overflow:hidden}.store-preview-card{padding:20px}.store-image-frame{aspect-ratio:1;background:var(--gray-50);border:1.5px solid var(--gray-150);border-radius:var(--r-lg);justify-content:center;align-items:center;width:100%;max-width:430px;margin:0 auto;display:flex;overflow:hidden}.store-image-frame img{object-fit:contain;width:100%;height:100%}.store-image-placeholder{color:var(--gray-400);justify-content:center;align-items:center;display:flex}.store-preview-meta{gap:4px;max-width:430px;margin:16px auto 0;display:grid}.store-preview-meta span{color:var(--gray-400);font-size:12px;display:block}.store-preview-meta strong{color:var(--gray-900);font-size:17px;font-weight:700}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{padding:16px 16px 40px}.app-header{flex-direction:column;align-items:stretch;gap:14px;padding:16px 20px;display:flex}.command-panel{flex-direction:column;align-items:stretch;padding:18px 20px;display:flex}.file-controls{flex-direction:column;justify-content:stretch;align-items:stretch}.upload-box{min-width:0}.summary-strip{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.export-actions{border-inline-start:0;border-top:1.5px solid var(--gray-150);padding-inline-start:0;flex-flow:wrap;padding-top:14px}.toolbar{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.table-wrap{max-height:none}}@media (width<=560px){.app-shell{padding:12px 12px 32px}h1{font-size:18px}h2{font-size:16px}.app-header{border-radius:var(--r);padding:14px 16px}.brand-block{align-items:center}.brand-mark{width:40px;height:40px}.header-status{align-items:stretch}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:26px}.summary-strip{padding:12px}.command-panel{padding:16px}.preview-modal{align-items:flex-end;padding:0}.preview-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%}}@media (width<=360px){.app-shell{padding:10px 10px 24px}.metrics-row{grid-template-columns:1fr}}