/* PromXAI AI Tool Compare Workbench — isolated viewport comparison owner. */
.px-ai-tool-sheet__actions .is-compare{border:1px solid rgba(117,155,255,.26);background:linear-gradient(135deg,rgba(59,135,238,.12),rgba(127,82,226,.12));color:#cfe1ff}
.px-ai-tool-sheet__actions .is-compare:hover,.px-ai-tool-sheet__actions .is-compare:focus-visible{border-color:rgba(111,173,255,.44);background:linear-gradient(135deg,rgba(59,135,238,.20),rgba(176,72,224,.16));color:#fff}
html[data-theme="light"] .px-ai-tool-sheet__actions .is-compare{border-color:rgba(67,111,190,.16);background:linear-gradient(135deg,#f1f7ff,#f8f2ff);color:#345e99}

/* Directory entry point. Desktop reuses the existing rail action owner above Search;
   tablet/phone reuse the hero action lane without changing the AI Hub layout. */
.px-ai-tools__hero-actions{grid-area:action;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.px-ai-tools__hero-actions .px-ai-tools__add{grid-area:auto;flex:0 0 auto}
.px-ai-tools__compare-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(105,169,255,.24);background:linear-gradient(135deg,rgba(39,135,232,.16),rgba(117,78,221,.14));color:#d8eaff;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.px-ai-tools__compare-launch{min-height:44px;padding:0 15px;border-radius:12px;box-shadow:0 10px 24px rgba(31,78,167,.15)}
.px-ai-tools__compare-launch .px-icon{width:16px;height:16px}
.px-ai-tools__compare-launch:hover,.px-ai-tools__compare-launch:focus-visible{transform:translateY(-1px);border-color:rgba(105,181,255,.42);background:linear-gradient(135deg,rgba(39,135,232,.25),rgba(169,69,221,.19));color:#fff;box-shadow:0 12px 28px rgba(37,90,183,.20)}
html[data-theme="light"] .px-ai-tools__compare-launch{border-color:rgba(60,113,192,.16);background:linear-gradient(135deg,#eef6ff,#f7f1ff);color:#345f9b}
.px-desktop-rail__secondary-action--compare{appearance:none;width:100%;min-height:46px;padding:6px 10px;border:1px solid rgba(151,183,255,.34);border-radius:14px;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(120,85,231,.10),rgba(75,170,255,.11));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(7,22,58,.14);font:inherit;font-size:11.5px;font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.px-desktop-rail__secondary-action--compare:hover,.px-desktop-rail__secondary-action--compare:focus-visible{transform:translateY(-1px);border-color:rgba(187,163,255,.62);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(122,87,231,.16),rgba(77,172,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(18,54,120,.18)}
.px-desktop-rail__secondary-action-icon{width:32px;height:32px;min-width:32px;display:grid;place-items:center;border:1px solid rgba(196,174,255,.44);border-radius:10px;background:linear-gradient(135deg,#25b9df,#6668e8 58%,#a95ed7);box-shadow:0 6px 14px rgba(91,69,220,.18),inset 0 1px 0 rgba(255,255,255,.24)}
.px-desktop-rail__secondary-action-icon .px-icon{width:16px;height:16px}
html[data-theme="light"] .px-desktop-rail__secondary-action--compare{border-color:rgba(98,98,212,.20);color:#394a61;background:linear-gradient(135deg,#ffffff,#f5f0ff,#eef7ff);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(48,87,146,.08)}
html[data-theme="light"] .px-desktop-rail__secondary-action-icon{color:#fff;border-color:rgba(86,144,215,.18);background:linear-gradient(135deg,#25b9df,#6668e8 58%,#a95ed7)}
@media(min-width:1050px){body.promxai-ai-tools-page .px-ai-tools__hero>.px-ai-tools__hero-actions{display:none}}
@media(max-width:1049px){.px-ai-tools__hero-actions{justify-self:end}.px-ai-tools__hero-actions:only-child{width:100%}}
@media(max-width:899px){.px-ai-tools__hero-actions{width:100%;justify-self:stretch}.px-ai-tools__compare-launch{flex:1 1 auto}.px-ai-tools__hero-actions .px-ai-tools__add{flex:1 1 auto}}

/* test398 — AI Hub rail actions are a vertical hierarchy, never a cramped two-up row. */
body.promxai-ai-tools-page .px-ai-hub-sidebar>.px-desktop-rail__identity{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-items:stretch}
body.promxai-ai-tools-page .px-ai-hub-sidebar>.px-desktop-rail__identity>.px-desktop-rail__request,
body.promxai-ai-tools-page .px-ai-hub-sidebar>.px-desktop-rail__identity>.px-desktop-rail__secondary-action{grid-column:1;width:100%;min-width:0}

/* Compare is a true viewport detail surface: shared docks must not float above it. */
body.promxai-ai-tools-page:has(.px-ai-tool-compare:not([hidden])) .px-unified-floating-dock,
body.promxai-ai-tools-page:has(.px-ai-tool-compare:not([hidden])) .px-mobile-app-dock{visibility:hidden;opacity:0;pointer-events:none}

.px-ai-tool-compare{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;overflow:hidden;overscroll-behavior:none}
.px-ai-tool-compare[hidden]{display:none}
.px-ai-tool-compare__backdrop{position:absolute;inset:0;border:0;background:radial-gradient(circle at 14% 14%,rgba(37,141,231,.12),transparent 34%),radial-gradient(circle at 88% 84%,rgba(190,73,239,.11),transparent 33%),rgba(3,8,20,.84);-webkit-backdrop-filter:blur(12px) saturate(112%);backdrop-filter:blur(12px) saturate(112%)}
.px-ai-tool-compare__panel{position:relative;z-index:1;box-sizing:border-box;width:min(1180px,calc(100vw - 36px));height:min(820px,calc(100dvh - 36px));max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(137,176,232,.22);border-radius:28px;background:radial-gradient(circle at 88% 5%,rgba(73,155,255,.12),transparent 28%),radial-gradient(circle at 8% 96%,rgba(205,72,231,.09),transparent 27%),linear-gradient(155deg,rgba(18,40,69,.985),rgba(7,18,34,.985));color:#f4f8ff;box-shadow:0 42px 110px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.055)}
html[data-theme="light"] .px-ai-tool-compare__panel{border-color:rgba(44,73,114,.14);background:radial-gradient(circle at 88% 6%,rgba(55,146,245,.08),transparent 28%),radial-gradient(circle at 8% 94%,rgba(190,76,213,.06),transparent 26%),linear-gradient(155deg,rgba(255,255,255,.99),rgba(246,249,254,.99));color:#18263b;box-shadow:0 34px 90px rgba(36,55,84,.23),inset 0 1px #fff}
.px-ai-tool-compare__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid rgba(145,178,222,.14)}
html[data-theme="light"] .px-ai-tool-compare__header{border-bottom-color:rgba(42,67,106,.10)}
.px-ai-tool-compare__title{min-width:0;display:flex;align-items:center;gap:12px}
.px-ai-tool-compare__title-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(110,170,255,.26);border-radius:13px;background:linear-gradient(145deg,rgba(51,145,245,.16),rgba(167,70,226,.14));color:#8cc9ff;box-shadow:0 10px 25px rgba(4,17,38,.16)}
.px-ai-tool-compare__title-icon .px-icon{width:21px;height:21px}
.px-ai-tool-compare__title>div{min-width:0}.px-ai-tool-compare__title small{display:block;margin-bottom:2px;color:#8ea6c2;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.px-ai-tool-compare__title h2{margin:0;font-size:22px;line-height:1.1}.px-ai-tool-compare__title p{margin:4px 0 0;color:#9fb1c7;font-size:10.5px;line-height:1.45}
html[data-theme="light"] .px-ai-tool-compare__title small,html[data-theme="light"] .px-ai-tool-compare__title p{color:#71839a}
.px-ai-tool-compare__close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;padding:0;border:1px solid rgba(151,183,229,.17);border-radius:12px;background:rgba(255,255,255,.045);color:#dce8f7;cursor:pointer}.px-ai-tool-compare__close:hover,.px-ai-tool-compare__close:focus-visible{border-color:rgba(107,173,255,.38);background:rgba(64,128,215,.13);color:#fff}.px-ai-tool-compare__close .px-icon{width:18px;height:18px}
html[data-theme="light"] .px-ai-tool-compare__close{border-color:rgba(42,67,106,.12);background:#f7f9fd;color:#526984}
.px-ai-tool-compare__body{min-height:0;overflow:hidden;padding:16px 18px 18px}

/* Picker owner — restored and strengthened after test396 dropped its base rules. */
.px-ai-tool-compare__picker{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden}.px-ai-tool-compare__picker[hidden],.px-ai-tool-compare__results[hidden]{display:none}
.px-ai-tool-compare__steps{grid-row:1;display:grid;grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:center;gap:7px;padding:0 2px}
.px-ai-tool-compare__steps>span{min-width:0;display:inline-flex;align-items:center;gap:7px;color:#738aa6;font-size:9px;font-weight:900;white-space:nowrap}.px-ai-tool-compare__steps>span b{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border:1px solid rgba(138,174,224,.16);border-radius:50%;background:rgba(255,255,255,.035);color:#8199b6;font-size:8px}.px-ai-tool-compare__steps>i{height:1px;background:linear-gradient(90deg,rgba(100,154,226,.12),rgba(104,162,237,.36),rgba(100,154,226,.12))}.px-ai-tool-compare__steps>span.is-active{color:#d9ebff}.px-ai-tool-compare__steps>span.is-active b{border-color:rgba(86,174,255,.40);background:linear-gradient(145deg,rgba(42,145,240,.26),rgba(126,82,228,.24));color:#fff;box-shadow:0 0 18px rgba(64,140,234,.18)}.px-ai-tool-compare__steps>span.is-complete b{border-color:rgba(73,207,174,.28);background:rgba(48,186,154,.13);color:#7de1c6}
html[data-theme="light"] .px-ai-tool-compare__steps>span{color:#71849c}html[data-theme="light"] .px-ai-tool-compare__steps>span.is-active{color:#2f527c}
.px-ai-tool-compare__current{grid-row:2;min-width:0}.px-ai-tool-compare__current[hidden]{display:none}.px-ai-tool-compare__current-card{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(107,165,245,.23);border-radius:14px;background:linear-gradient(135deg,rgba(45,124,221,.10),rgba(123,75,211,.08))}.px-ai-tool-compare__current-card>small{margin-inline-start:auto;color:#81bfff;font-size:9px;font-weight:900;white-space:nowrap}.px-ai-tool-compare__current-card .px-ai-tool-compare__identity-copy{min-width:0}.px-ai-tool-compare__current-card strong{display:block;font-size:14px}.px-ai-tool-compare__current-card em{display:block;margin-top:2px;color:#91a5bd;font-size:9px;font-style:normal}
html[data-theme="light"] .px-ai-tool-compare__current-card{border-color:rgba(62,118,194,.14);background:linear-gradient(135deg,#f1f7ff,#faf6ff)}
.px-ai-tool-compare__picker-head{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:14px}.px-ai-tool-compare__picker-head strong{display:block;font-size:16px;line-height:1.2}.px-ai-tool-compare__picker-head small{display:block;margin-top:4px;color:#8fa3ba;font-size:10px;line-height:1.5}.px-ai-tool-compare__search{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(151,183,229,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#8fa8c5}.px-ai-tool-compare__search:focus-within{border-color:rgba(104,169,255,.40);box-shadow:0 0 0 3px rgba(62,133,228,.08)}.px-ai-tool-compare__search .px-icon{width:17px;height:17px;flex:0 0 auto}.px-ai-tool-compare__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:12px}.px-ai-tool-compare__search input::placeholder{color:#7890aa}
html[data-theme="light"] .px-ai-tool-compare__search{border-color:rgba(42,67,106,.11);background:#f8faff;color:#465d79}
.px-ai-tool-compare__options{grid-row:4;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:9px;padding:2px 3px 2px 0;scrollbar-width:thin}.px-ai-tool-compare__option{box-sizing:border-box;min-width:0;min-height:72px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(151,183,229,.13);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));color:inherit;text-align:inherit;overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.px-ai-tool-compare__option:hover,.px-ai-tool-compare__option:focus-visible{transform:translateY(-1px);border-color:rgba(103,171,255,.35);background:linear-gradient(135deg,rgba(51,132,229,.10),rgba(137,80,211,.08));box-shadow:0 9px 22px rgba(2,12,30,.13)}.px-ai-tool-compare__option[hidden],.px-ai-tool-compare__option.is-current{display:none}
.px-ai-tool-compare__identity-logo,.px-ai-tool-compare__option-logo{box-sizing:border-box;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;display:grid;place-items:center;flex:0 0 44px;overflow:hidden;border:1px solid rgba(139,177,228,.12);border-radius:12px;background:rgba(255,255,255,.055)}
.px-ai-tool-compare .px-ai-tool-compare__identity-logo :is(.px-compat-logo,.px-ai-tool-brand-fallback),.px-ai-tool-compare .px-ai-tool-compare__option-logo :is(.px-compat-logo,.px-ai-tool-brand-fallback){box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.px-ai-tool-compare .px-ai-tool-compare__identity-logo img,.px-ai-tool-compare .px-ai-tool-compare__option-logo img,.px-ai-tool-compare .px-ai-tool-compare__identity-logo svg,.px-ai-tool-compare .px-ai-tool-compare__option-logo svg{width:30px;height:30px;max-width:30px;max-height:30px;object-fit:contain;display:block;margin:auto}
.px-ai-tool-compare .px-ai-tool-compare__identity-logo .px-compat-logo__wordmark,.px-ai-tool-compare .px-ai-tool-compare__option-logo .px-compat-logo__wordmark{max-width:36px;overflow:hidden;font-size:8px;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.px-ai-tool-compare__option-copy{min-width:0;display:block}.px-ai-tool-compare__option-copy strong,.px-ai-tool-compare__option-copy small,.px-ai-tool-compare__option-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-ai-tool-compare__option-copy strong{font-size:13px}.px-ai-tool-compare__option-copy small{margin-top:2px;color:#91a4ba;font-size:9px}.px-ai-tool-compare__option-copy em{margin-top:4px;color:#80bfff;font-size:8.5px;font-style:normal;font-weight:850}.px-ai-tool-compare__option-add{margin-inline-start:auto;color:#7591b1}.px-ai-tool-compare__option-add .px-icon{width:15px;height:15px}html[dir="rtl"] .px-ai-tool-compare__option-add .px-icon{transform:scaleX(-1)}
html[data-theme="light"] .px-ai-tool-compare__option{border-color:rgba(42,67,106,.10);background:#fff}html[data-theme="light"] .px-ai-tool-compare__option-copy small{color:#74879d}html[data-theme="light"] .px-ai-tool-compare__identity-logo,html[data-theme="light"] .px-ai-tool-compare__option-logo{border-color:rgba(42,67,106,.08);background:#f8faff}
.px-ai-tool-compare__empty{grid-row:5;padding:14px;border:1px dashed rgba(151,183,229,.16);border-radius:12px;color:#8ea3ba;text-align:center;font-size:11px}

/* Results workbench: one row, one axis, explicit RTL/LTR ownership. */
.px-ai-tool-compare__results{height:100%;min-height:0;overflow:auto;padding-inline-end:3px;scrollbar-width:thin}
.px-ai-tool-compare__pair{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);grid-template-areas:"first vs second";gap:10px;align-items:stretch;margin-bottom:9px}
html[dir="rtl"] .px-ai-tool-compare__pair{grid-template-areas:"second vs first"}
.px-ai-tool-compare__pair-card{position:relative;min-width:0;min-height:92px;display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(151,183,229,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.px-ai-tool-compare__pair-card.is-first{grid-area:first}.px-ai-tool-compare__pair-card.is-second{grid-area:second}.px-ai-tool-compare__pair-card.is-primary{border-color:rgba(77,158,255,.28);background:linear-gradient(135deg,rgba(42,126,227,.13),rgba(72,91,210,.075))}.px-ai-tool-compare__pair-card>div{min-width:0}.px-ai-tool-compare__pair-card strong,.px-ai-tool-compare__pair-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-ai-tool-compare__pair-role{display:inline-flex;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:rgba(70,148,236,.10);color:#83c4fb;font-size:7.6px;font-weight:950;letter-spacing:.02em}.px-ai-tool-compare__pair-card strong{font-size:15px}.px-ai-tool-compare__pair-card small{margin-top:3px;color:#8fa3bb;font-size:9px}.px-ai-tool-compare__pair-card button{margin-inline-start:auto;flex:0 0 auto;min-height:31px;padding:0 9px;border:1px solid rgba(151,183,229,.14);border-radius:9px;background:rgba(255,255,255,.035);color:#93c7ff;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.px-ai-tool-compare__pair-card button:hover,.px-ai-tool-compare__pair-card button:focus-visible{border-color:rgba(99,169,255,.35);background:rgba(65,132,221,.11);color:#fff}
.px-ai-tool-compare__vs{grid-area:vs;display:grid;place-items:center;align-content:center;gap:6px;min-height:84px;padding:8px 4px;border:1px solid rgba(111,165,234,.13);border-radius:16px;background:linear-gradient(180deg,rgba(60,136,225,.06),rgba(135,77,209,.05));color:#96b8df;text-align:center}.px-ai-tool-compare__vs span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(127,167,225,.22);border-radius:50%;background:linear-gradient(145deg,rgba(41,142,237,.15),rgba(125,76,217,.12));color:#d8ebff;font-size:10px;font-weight:950;letter-spacing:.06em;box-shadow:0 8px 20px rgba(17,57,119,.15)}.px-ai-tool-compare__vs small{display:block;color:#7f9fbe;font-size:7.8px;font-weight:900;line-height:1.25;white-space:normal}
html[data-theme="light"] .px-ai-tool-compare__pair-card{border-color:rgba(42,67,106,.10);background:#fff}html[data-theme="light"] .px-ai-tool-compare__pair-card.is-primary{background:linear-gradient(135deg,#f3f8ff,#faf6ff)}html[data-theme="light"] .px-ai-tool-compare__vs{border-color:rgba(61,115,191,.09);background:linear-gradient(180deg,#f6f9ff,#faf7ff)}html[data-theme="light"] .px-ai-tool-compare__vs small{color:#7187a0}
.px-ai-tool-compare__fit-badge{position:absolute;inset-block-start:8px;inset-inline-end:9px;min-height:22px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid transparent;border-radius:999px;font-size:7.8px;font-weight:950;white-space:nowrap}
.px-ai-tool-compare__fit-badge.is-best,.px-ai-tool-compare__fit-pill.is-best{border-color:rgba(87,220,166,.28);background:rgba(37,176,126,.13);color:#79e0b8}
.px-ai-tool-compare__fit-badge.is-close,.px-ai-tool-compare__fit-badge.is-secondary,.px-ai-tool-compare__fit-pill.is-close,.px-ai-tool-compare__fit-pill.is-secondary{border-color:rgba(89,175,255,.28);background:rgba(44,135,225,.13);color:#8dccff}
.px-ai-tool-compare__fit-badge.is-limited,.px-ai-tool-compare__fit-pill.is-limited{border-color:rgba(239,179,83,.25);background:rgba(194,126,35,.12);color:#f2c16f}
.px-ai-tool-compare__fit-badge.is-none,.px-ai-tool-compare__fit-pill.is-none{border-color:rgba(143,160,184,.17);background:rgba(121,139,164,.08);color:#8fa2ba}
.px-ai-tool-compare__pair-card.is-fit-best{border-color:rgba(84,218,164,.30);box-shadow:inset 0 1px rgba(255,255,255,.03),0 0 0 1px rgba(58,194,142,.05)}
.px-ai-tool-compare__pair-card.is-fit-close,.px-ai-tool-compare__pair-card.is-fit-secondary{border-color:rgba(80,166,255,.25)}

.px-ai-tool-compare__mode{width:100%;margin:0 0 10px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(127,167,225,.11);border-radius:14px;background:rgba(255,255,255,.018)}.px-ai-tool-compare__mode-label{min-height:32px;display:grid;place-items:center;padding:0 11px;border:1px solid rgba(108,166,246,.18);border-radius:10px;background:linear-gradient(135deg,rgba(47,133,232,.11),rgba(139,78,214,.09));color:#b8d8fa;font-size:8.7px;font-weight:950;line-height:1.2;text-align:center;white-space:nowrap}.px-ai-tool-compare__goals{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;overflow-x:auto;padding:0;scrollbar-width:none}.px-ai-tool-compare__goals::-webkit-scrollbar{display:none}.px-ai-tool-compare__goals button{min-height:32px;flex:0 0 auto;padding:0 10px;border:1px solid rgba(151,183,229,.14);border-radius:999px;background:rgba(255,255,255,.03);color:#9aabc0;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.px-ai-tool-compare__goals button.is-active{border-color:transparent;background:linear-gradient(120deg,#258de7,#6860ee 54%,#c950c8);color:#fff;box-shadow:0 7px 18px rgba(75,98,220,.20)}
html[data-theme="light"] .px-ai-tool-compare__mode{border-color:rgba(42,67,106,.08);background:#f9fbfe}html[data-theme="light"] .px-ai-tool-compare__mode-label{border-color:rgba(61,115,191,.12);background:linear-gradient(135deg,#f2f7ff,#faf6ff);color:#4c719c}html[data-theme="light"] .px-ai-tool-compare__goals button:not(.is-active){border-color:rgba(42,67,106,.10);background:#fff;color:#5e7189}
.px-ai-tool-compare__fit-legend{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:-1px 0 9px;color:#7f95ad;font-size:8px;font-weight:850}.px-ai-tool-compare__fit-legend>span{display:inline-flex;align-items:center;gap:5px}.px-ai-tool-compare__fit-legend i{width:7px;height:7px;border-radius:50%;background:#71849a}.px-ai-tool-compare__fit-legend .is-best i{background:#48d58f;box-shadow:0 0 10px rgba(72,213,143,.25)}.px-ai-tool-compare__fit-legend .is-close i{background:#f3a33a;box-shadow:0 0 10px rgba(243,163,58,.20)}.px-ai-tool-compare__fit-legend .is-weaker i{background:#ef5d5d;box-shadow:0 0 10px rgba(239,93,93,.20)}
.px-ai-tool-compare__verdict{margin-bottom:10px}.px-ai-tool-compare__verdict-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:13px 14px;border:1px solid rgba(87,171,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(43,132,234,.10),rgba(161,72,218,.075))}.px-ai-tool-compare__verdict-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(64,145,238,.12);color:#7fc4ff}.px-ai-tool-compare__verdict-icon .px-icon{width:18px;height:18px}.px-ai-tool-compare__verdict-card strong{display:block;font-size:12.5px}.px-ai-tool-compare__verdict-card p{margin:4px 0 0;color:#a7b8cb;font-size:10.5px;line-height:1.55}.px-ai-tool-compare__verdict-card small{display:block;margin-top:5px;color:#7f96b0;font-size:8.5px;line-height:1.45}
html[data-theme="light"] .px-ai-tool-compare__verdict-card{border-color:rgba(48,116,196,.14);background:linear-gradient(135deg,#f3f8ff,#faf6ff)}html[data-theme="light"] .px-ai-tool-compare__verdict-card p{color:#61758e}
.px-ai-tool-compare__matrix{display:grid;gap:8px}.px-ai-tool-compare__row{display:grid;grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);grid-template-areas:"first label second";gap:7px;align-items:stretch}.px-ai-tool-compare__cell.is-first{grid-area:first}.px-ai-tool-compare__row-label{grid-area:label}.px-ai-tool-compare__cell.is-second{grid-area:second}html[dir="rtl"] .px-ai-tool-compare__row{grid-template-areas:"second label first"}
.px-ai-tool-compare__row-label,.px-ai-tool-compare__cell{box-sizing:border-box;min-width:0;padding:11px 12px;border:1px solid rgba(151,183,229,.11);border-radius:13px;background:rgba(255,255,255,.023)}.px-ai-tool-compare__row-label{display:grid;place-items:center;text-align:center;color:#a3bdd9;font-size:9.5px;font-weight:950;line-height:1.35;border-color:rgba(103,166,247,.17);background:linear-gradient(145deg,rgba(44,126,226,.08),rgba(113,79,200,.06))}.px-ai-tool-compare__cell{color:#c2cede;font-size:10.2px;line-height:1.55;overflow-wrap:anywhere}.px-ai-tool-compare__cell strong{color:#edf4ff}.px-ai-tool-compare__cell ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.px-ai-tool-compare__cell li{position:relative;padding-inline-start:12px}.px-ai-tool-compare__cell li::before{content:"";position:absolute;inset-inline-start:0;top:.64em;width:5px;height:5px;border-radius:50%;background:#58c7ff;box-shadow:0 0 8px rgba(88,199,255,.32)}.px-ai-tool-compare__cell .is-muted{color:#70869f}
.px-ai-tool-compare__row.is-fit-row .px-ai-tool-compare__row-label{border-color:rgba(80,176,255,.24);background:linear-gradient(145deg,rgba(40,139,231,.13),rgba(88,85,214,.09));color:#d0e8ff}
.px-ai-tool-compare__row.is-evidence-row .px-ai-tool-compare__cell{background:linear-gradient(145deg,rgba(31,108,188,.06),rgba(255,255,255,.02))}
.px-ai-tool-compare__fit-pill{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 9px;border:1px solid rgba(139,169,211,.14);border-radius:10px;background:rgba(255,255,255,.025);text-align:center}
.px-ai-tool-compare__fit-pill i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.px-ai-tool-compare__fit-pill strong{color:inherit;font-size:9.5px}

html[data-theme="light"] .px-ai-tool-compare__row-label,html[data-theme="light"] .px-ai-tool-compare__cell{border-color:rgba(42,67,106,.09);background:#fff}html[data-theme="light"] .px-ai-tool-compare__row-label{border-color:rgba(61,115,191,.10);background:linear-gradient(145deg,#f4f8ff,#faf7ff);color:#55779f}html[data-theme="light"] .px-ai-tool-compare__cell{color:#5c7088}html[data-theme="light"] .px-ai-tool-compare__cell strong{color:#22364f}
.px-ai-tool-compare__note{margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.025);color:#768da7;font-size:8.8px;line-height:1.45;text-align:center}html[data-theme="light"] .px-ai-tool-compare__note{background:#f7f9fc;color:#73859b}

@media(max-width:920px){.px-ai-tool-compare__picker-head{grid-template-columns:1fr}.px-ai-tool-compare__options{grid-template-columns:repeat(2,minmax(0,1fr))}.px-ai-tool-compare__pair{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.px-ai-tool-compare__row{grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr)}.px-ai-tool-compare__mode{grid-template-columns:1fr}.px-ai-tool-compare__mode-label{justify-self:center}.px-ai-tool-compare__goals{justify-content:flex-start}}
@media(max-width:620px){.px-ai-tool-compare{padding:max(7px,env(safe-area-inset-top,0px)) 7px max(7px,env(safe-area-inset-bottom,0px));align-items:stretch}.px-ai-tool-compare__panel{width:100%;max-width:100%;height:calc(100dvh - max(14px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px))));max-height:none;border-radius:22px}.px-ai-tool-compare__header{padding:14px 13px 12px}.px-ai-tool-compare__title-icon{width:38px;height:38px;flex-basis:38px}.px-ai-tool-compare__title h2{font-size:18px}.px-ai-tool-compare__title p{display:none}.px-ai-tool-compare__close{width:44px;height:44px;flex-basis:44px}.px-ai-tool-compare__body{padding:12px}.px-ai-tool-compare__steps{gap:4px}.px-ai-tool-compare__steps>span{gap:4px;font-size:8px}.px-ai-tool-compare__steps>span b{width:21px;height:21px;flex-basis:21px}.px-ai-tool-compare__current-card{padding:9px}.px-ai-tool-compare__current-card>small{display:none}.px-ai-tool-compare__options{grid-template-columns:1fr}.px-ai-tool-compare__search{height:46px}.px-ai-tool-compare__search input{font-size:16px}.px-ai-tool-compare__pair{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:5px}.px-ai-tool-compare__pair-card{min-height:80px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;padding:8px}.px-ai-tool-compare__fit-badge{position:static;grid-column:1/-1;justify-self:start;min-height:20px;margin-top:1px}.px-ai-tool-compare__pair-card button{grid-column:1 / -1;width:100%;margin:0;min-height:31px}.px-ai-tool-compare__vs{min-height:76px;padding:5px 2px;gap:3px}.px-ai-tool-compare__vs span{width:30px;height:30px;font-size:8px}.px-ai-tool-compare__vs small{font-size:6.8px}.px-ai-tool-compare__identity-logo,.px-ai-tool-compare__option-logo{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;flex-basis:36px}.px-ai-tool-compare .px-ai-tool-compare__identity-logo img,.px-ai-tool-compare .px-ai-tool-compare__option-logo img,.px-ai-tool-compare .px-ai-tool-compare__identity-logo svg,.px-ai-tool-compare .px-ai-tool-compare__option-logo svg{width:26px;height:26px;max-width:26px;max-height:26px}.px-ai-tool-compare__pair-card strong{font-size:12px}.px-ai-tool-compare__pair-role{font-size:7px}.px-ai-tool-compare__mode{padding:6px}.px-ai-tool-compare__mode-label{min-height:29px}.px-ai-tool-compare__goals{padding-bottom:1px}.px-ai-tool-compare__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"label label" "first second";grid-template-rows:auto auto;gap:5px}html[dir="rtl"] .px-ai-tool-compare__row{grid-template-areas:"label label" "second first"}.px-ai-tool-compare__row-label,.px-ai-tool-compare__cell{padding:9px 8px;border-radius:10px}.px-ai-tool-compare__row-label{font-size:8.7px}.px-ai-tool-compare__cell{font-size:9px}}
@media(prefers-reduced-motion:reduce){.px-ai-tool-compare__option,.px-ai-tool-sheet__actions .is-compare,.px-ai-tools__compare-launch{transition:none;transform:none}}

/* test400 — Compare polish: right-aligned rail brand/action balance, horizontal A/B stage,
   fit color hierarchy, and official-logo plate preservation for ChatGPT and peers. */
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__identity{justify-items:stretch}
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__brand,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__brand .px-brand__logos,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__brand .px-theme-logo{
  width:100%;
  justify-content:flex-end !important;
  justify-items:end;
  text-align:right;
  margin-inline-start:auto;
}
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__request,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__secondary-action--compare{
  justify-content:flex-start;
  text-align:start;
  padding-inline:12px 10px;
  gap:10px;
}
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__request > .px-lang-ar,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__request > .px-lang-en,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__secondary-action--compare > .px-lang-ar,
body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__secondary-action--compare > .px-lang-en{
  flex:1 1 auto;
  text-align:start;
}
html[dir="rtl"] body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__request,
html[dir="rtl"] body.promxai-ai-tools-page .px-ai-hub-sidebar .px-desktop-rail__secondary-action--compare{
  flex-direction:row-reverse;
}

/* Preserve official compatibility tiles inside compare instead of stripping them transparent. */
.px-ai-tool-compare .px-ai-tool-compare__identity-logo .px-compat-logo,
.px-ai-tool-compare .px-ai-tool-compare__option-logo .px-compat-logo{
  box-sizing:border-box;
  width:100%;height:100%;max-width:100%;max-height:100%;
  display:grid;place-items:center;overflow:hidden;
  margin:0;padding:0;border-radius:12px;
}
.px-ai-tool-compare .px-ai-tool-compare__identity-logo .px-ai-tool-brand-fallback,
.px-ai-tool-compare .px-ai-tool-compare__option-logo .px-ai-tool-brand-fallback{
  box-sizing:border-box;
  width:100%;height:100%;max-width:100%;max-height:100%;
  display:grid;place-items:center;overflow:hidden;
  margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.px-ai-tool-compare .px-ai-tool-compare__identity-logo .px-compat-logo__official,
.px-ai-tool-compare .px-ai-tool-compare__option-logo .px-compat-logo__official{
  width:30px;height:30px;max-width:30px;max-height:30px;object-fit:contain;object-position:center;
}

/* A/B selection stage in the picker. */
.px-ai-tool-compare__current-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);
  grid-template-areas:"first axis second";
  align-items:stretch;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
}
html[dir="rtl"] .px-ai-tool-compare__current-card{grid-template-areas:"second axis first"}
.px-ai-tool-compare__stage-slot{
  position:relative;
  min-width:0;
  min-height:86px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border:1px solid rgba(126,167,227,.16);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.px-ai-tool-compare__stage-slot.is-first{grid-area:first}
.px-ai-tool-compare__stage-slot.is-second{grid-area:second}
.px-ai-tool-compare__stage-slot.is-filled{
  border-color:rgba(79,162,255,.24);
  background:linear-gradient(135deg,rgba(39,128,226,.11),rgba(124,79,218,.07));
}
.px-ai-tool-compare__stage-slot.is-picking{
  border-color:rgba(104,182,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(88,166,255,.14),0 0 18px rgba(68,143,240,.10);
}
.px-ai-tool-compare__stage-slot.is-empty{
  border-style:dashed;
  color:#8ea6c2;
}
.px-ai-tool-compare__stage-badge{
  width:24px;height:24px;flex:0 0 24px;
  display:grid;place-items:center;
  border-radius:999px;
  border:1px solid rgba(113,173,247,.28);
  background:linear-gradient(145deg,rgba(46,137,233,.18),rgba(142,76,215,.14));
  color:#dff1ff;font-size:10px;font-weight:950;letter-spacing:.04em;
}
.px-ai-tool-compare__stage-copy{min-width:0;display:block}
.px-ai-tool-compare__stage-copy strong,
.px-ai-tool-compare__stage-copy em,
.px-ai-tool-compare__stage-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-ai-tool-compare__stage-copy strong{font-size:14px;color:#f1f6ff}
.px-ai-tool-compare__stage-copy em{margin-top:2px;color:#90a6bf;font-size:9px;font-style:normal}
.px-ai-tool-compare__stage-copy small{margin-top:5px;color:#83c4fb;font-size:8.4px;font-weight:900}
.px-ai-tool-compare__stage-axis{
  grid-area:axis;
  min-height:86px;
  display:grid;place-items:center;align-content:center;gap:5px;
  padding:8px 4px;border:1px solid rgba(111,165,234,.13);border-radius:16px;
  background:linear-gradient(180deg,rgba(60,136,225,.06),rgba(135,77,209,.06));
}
.px-ai-tool-compare__stage-axis b{
  width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(102,172,255,.22);
  background:radial-gradient(circle at 30% 30%,rgba(99,186,255,.22),rgba(92,86,226,.16));
  color:#e8f3ff;font-size:11px;letter-spacing:.10em;
}
.px-ai-tool-compare__stage-axis small{display:block;color:#7f9fbe;font-size:7.8px;font-weight:900;line-height:1.25;text-align:center}
html[data-theme="light"] .px-ai-tool-compare__stage-slot{border-color:rgba(42,67,106,.10);background:#fff}
html[data-theme="light"] .px-ai-tool-compare__stage-slot.is-filled{background:linear-gradient(135deg,#f3f8ff,#faf6ff)}
html[data-theme="light"] .px-ai-tool-compare__stage-copy strong{color:#20344d}
html[data-theme="light"] .px-ai-tool-compare__stage-axis{border-color:rgba(61,115,191,.09);background:linear-gradient(180deg,#f6f9ff,#faf7ff)}
html[data-theme="light"] .px-ai-tool-compare__stage-axis small{color:#7187a0}

/* Stronger color signaling in the fit system. */
.px-ai-tool-compare__fit-legend .is-best i{background:#46d48f;box-shadow:0 0 10px rgba(70,212,143,.26)}
.px-ai-tool-compare__fit-legend .is-close i{background:#ffaf45;box-shadow:0 0 10px rgba(255,175,69,.26)}
.px-ai-tool-compare__fit-legend .is-weaker i{background:#ef5353;box-shadow:0 0 10px rgba(239,83,83,.24)}
.px-ai-tool-compare__fit-badge.is-best,
.px-ai-tool-compare__fit-pill.is-best{
  border-color:rgba(83,217,148,.32);
  background:rgba(35,165,108,.14);
  color:#6fe3af;
}
.px-ai-tool-compare__fit-badge.is-close,
.px-ai-tool-compare__fit-pill.is-close{
  border-color:rgba(255,177,77,.32);
  background:rgba(217,128,31,.13);
  color:#ffc46e;
}
.px-ai-tool-compare__fit-badge.is-weaker,
.px-ai-tool-compare__fit-badge.is-secondary,
.px-ai-tool-compare__fit-pill.is-weaker,
.px-ai-tool-compare__fit-pill.is-secondary{
  border-color:rgba(239,95,95,.30);
  background:rgba(174,53,53,.12);
  color:#ff8787;
}
.px-ai-tool-compare__fit-badge.is-limited,
.px-ai-tool-compare__fit-pill.is-limited{
  border-color:rgba(239,95,95,.28);
  background:rgba(174,53,53,.12);
  color:#ff8787;
}
.px-ai-tool-compare__fit-badge.is-none,
.px-ai-tool-compare__fit-pill.is-none{
  border-color:rgba(143,160,184,.17);
  background:rgba(121,139,164,.08);
  color:#8fa2ba;
}
.px-ai-tool-compare__pair-card.is-fit-best{border-color:rgba(83,217,148,.32);box-shadow:inset 0 1px rgba(255,255,255,.03),0 0 0 1px rgba(58,194,142,.05)}
.px-ai-tool-compare__pair-card.is-fit-close{border-color:rgba(255,177,77,.30)}
.px-ai-tool-compare__pair-card.is-fit-weaker,
.px-ai-tool-compare__pair-card.is-fit-secondary,
.px-ai-tool-compare__pair-card.is-fit-limited{border-color:rgba(239,95,95,.28)}

@media(max-width:620px){
  .px-ai-tool-compare__current-card{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:6px}
  .px-ai-tool-compare__stage-slot{min-height:78px;padding:9px 8px;gap:8px}
  .px-ai-tool-compare__stage-badge{width:22px;height:22px;flex-basis:22px;font-size:9px}
  .px-ai-tool-compare__stage-axis{min-height:78px;padding:5px 2px;gap:3px}
  .px-ai-tool-compare__stage-axis b{width:32px;height:32px;font-size:8px}
  .px-ai-tool-compare__stage-axis small{font-size:6.8px}
  .px-ai-tool-compare__stage-copy strong{font-size:12px}
  .px-ai-tool-compare__stage-copy em{font-size:8px}
  .px-ai-tool-compare__stage-copy small{font-size:7.6px}
}

.px-ai-tool-compare__fit-pill.is-best{color:#48d58f;border-color:rgba(72,213,143,.24);background:rgba(72,213,143,.09)}
.px-ai-tool-compare__fit-pill.is-close{color:#f3a33a;border-color:rgba(243,163,58,.24);background:rgba(243,163,58,.09)}
.px-ai-tool-compare__fit-pill.is-weaker{color:#ef5d5d;border-color:rgba(239,93,93,.24);background:rgba(239,93,93,.09)}
.px-ai-tool-compare__fit-pill.is-none,.px-ai-tool-compare__fit-pill.is-neutral{color:#8fa1b7}
html[data-theme="light"] .px-ai-tool-compare__fit-pill.is-best{background:rgba(72,213,143,.10)}
html[data-theme="light"] .px-ai-tool-compare__fit-pill.is-close{background:rgba(243,163,58,.10)}
html[data-theme="light"] .px-ai-tool-compare__fit-pill.is-weaker{background:rgba(239,93,93,.10)}

/* test401 — V3 profile review stamp inside comparison identities. */
.px-ai-tool-compare__identity-updated{
  margin-top:4px;
  color:#7898b8;
  font-size:7.4px;
  font-weight:850;
  line-height:1.25;
}
html[data-theme="light"] .px-ai-tool-compare__identity-updated{color:#71859c}
