/* The ordinary-comment workbench owns its light surface; other screens keep their theme. */
body:has(.xhs-reply--dual) { color-scheme:light; --reply-ink:#202a32; --reply-muted:#66747f; --reply-line:#dce3e7; --reply-accent:#087d67; --reply-soft:#e8f3ef; }
body:has(.xhs-reply--dual) .app-shell { grid-template-columns:212px minmax(0,1fr); height:100dvh; background:rgba(var(--ui-source-42d8a6b8760763-rgb, 247, 249, 250), var(--ui-source-42d8a6b8760763-alpha, 1)); }
body:has(.xhs-reply--dual) .main.screen-main { padding:0 28px 20px; height:100dvh; background:rgba(var(--ui-source-42d8a6b8760763-rgb, 247, 249, 250), var(--ui-source-42d8a6b8760763-alpha, 1)); color:rgba(var(--ui-source-e44b7ae0abb159-rgb, 32, 42, 50), var(--ui-source-e44b7ae0abb159-alpha, 1)); box-shadow:none; overflow:hidden; }
body:has(.xhs-reply--dual) .main::before,body:has(.xhs-reply--dual) .main::after,
body:has(.xhs-reply--dual) .sidebar::after,body:has(.xhs-reply--dual) .tech-topbar { display:none; }
body:has(.xhs-reply--dual) .sidebar { display:flex; flex-direction:column; gap:0; padding:24px 14px 18px; height:100dvh; min-height:0; overflow:hidden; background:rgba(var(--ui-source-903996c653c3f5-rgb, 240, 243, 245), var(--ui-source-903996c653c3f5-alpha, 1)); color:rgba(var(--ui-source-96b9eda4e5d944-rgb, 52, 65, 75), var(--ui-source-96b9eda4e5d944-alpha, 1)); border-right:1px solid rgba(var(--ui-source-ffcc0c0f1dc0cf-rgb, 225, 230, 233), var(--ui-source-ffcc0c0f1dc0cf-alpha, 1)); box-shadow:none; }
body:has(.xhs-reply--dual) .sidebar .brand { display:flex; margin:0 10px 20px; color:rgba(var(--ui-source-33ec7964aa8baa-rgb, 32, 42, 50), var(--ui-source-33ec7964aa8baa-alpha, 1)); font-size:18px; }
body:has(.xhs-reply--dual) .tech-brand strong { color:rgba(var(--ui-source-33ec7964aa8baa-rgb, 32, 42, 50), var(--ui-source-33ec7964aa8baa-alpha, 1)); font-size:18px; letter-spacing:0; }
body:has(.xhs-reply--dual) .tech-brand small,body:has(.xhs-reply--dual) .tech-brand-mark,body:has(.xhs-reply--dual) .tech-sidebar-meta { display:none; }
body:has(.xhs-reply--dual) .user-line { display:flex; justify-content:space-between; align-items:center; margin:0 10px 16px; padding:0; background:none; color:rgba(var(--ui-source-2301092e32d87f-rgb, 114, 128, 139), var(--ui-source-2301092e32d87f-alpha, 1)); border:0; font-size:12px; }
body:has(.xhs-reply--dual) .user-line b { padding:0; font-size:11px; color:rgba(var(--ui-source-2301092e32d87f-rgb, 114, 128, 139), var(--ui-source-2301092e32d87f-alpha, 1)); background:none; }
body:has(.xhs-reply--dual) .nav { flex:1; min-height:0; display:grid; align-content:start; gap:3px; overflow:auto; padding:0 3px 8px 0; scrollbar-width:thin; }
body:has(.xhs-reply--dual) .tech-nav-label { display:block; font-size:10px; color:#7c8993; padding:4px 12px 9px; letter-spacing:0; }
body:has(.xhs-reply--dual) .nav button { display:flex; align-items:center; width:100%; min-height:36px; padding:8px 12px; font-size:13px; font-weight:500; border:0; border-radius:5px; background:transparent; color:rgba(var(--ui-source-f778a72b7a3e9d-rgb, 71, 86, 96), var(--ui-source-f778a72b7a3e9d-alpha, 1)); box-shadow:none; text-align:left; transform:none; letter-spacing:0; }
body:has(.xhs-reply--dual) .nav button::before { display:none; }
body:has(.xhs-reply--dual) .nav button:hover { background:rgba(var(--ui-source-067bc8db106e38-rgb, 229, 236, 238), var(--ui-source-067bc8db106e38-alpha, 1)); color:rgba(var(--ui-source-fdfa199c4f3e65-rgb, 34, 60, 53), var(--ui-source-fdfa199c4f3e65-alpha, 1)); }
body:has(.xhs-reply--dual) .nav button.active { background:rgba(var(--ui-source-f8e49355d1376d-rgb, 220, 238, 231), var(--ui-source-f8e49355d1376d-alpha, 1)); color:rgba(var(--ui-source-0f04eab39b939c-rgb, 8, 116, 94), var(--ui-source-0f04eab39b939c-alpha, 1)); box-shadow:inset 2px 0 rgba(var(--ui-source-a9d54268533f90-rgb, 8, 125, 103), var(--ui-source-a9d54268533f90-alpha, 1)); font-weight:600; }
body:has(.xhs-reply--dual) .ui-theme-switcher--sidebar { flex:none; margin:12px 6px 0; padding:3px; border:1px solid rgba(var(--ui-source-e9b43e2209f018-rgb, 215, 223, 228), var(--ui-source-e9b43e2209f018-alpha, 1)); border-radius:5px; background:rgba(var(--ui-source-52bd9fcde24820-rgb, 233, 238, 241), var(--ui-source-52bd9fcde24820-alpha, 1)); }
body:has(.xhs-reply--dual) .ui-theme-switcher button { min-height:28px; color:rgba(var(--ui-source-4ebf0af3ea79ef-rgb, 105, 117, 126), var(--ui-source-4ebf0af3ea79ef-alpha, 1)); background:none; border:0; box-shadow:none; font-size:11px; }
body:has(.xhs-reply--dual) .ui-theme-switcher button.active { background:rgba(var(--ui-source-c0e8ff62a8f3f0-rgb, 255, 255, 255), var(--ui-source-c0e8ff62a8f3f0-alpha, 1)); color:rgba(var(--ui-source-16e13e42f2a4ec-rgb, 49, 67, 63), var(--ui-source-16e13e42f2a4ec-alpha, 1)); box-shadow:0 1px 3px rgba(var(--ui-source-ab538d02519f23-rgb, 20, 47, 32), var(--ui-source-ab538d02519f23-alpha, 0.062745098)); }
.xhs-reply-screen.xhs-reply--dual { --ui-text:#31414a; --ui-text-strong:#202a32; --ui-text-muted:#66747f; --ui-line:#dce3e7; --ui-surface-2:#fff; --ui-surface-3:#f4f7f8; --ui-surface-4:#e8f0f2; display:flex; flex-direction:column; height:100%; min-height:0; gap:14px; overflow:auto; letter-spacing:0; color:rgba(var(--ui-source-e44b7ae0abb159-rgb, 32, 42, 50), var(--ui-source-e44b7ae0abb159-alpha, 1)); }
body .xhs-reply--dual :is(button,input,textarea,select) { font-family:inherit; letter-spacing:0; box-shadow:none; text-transform:none; }
body .xhs-reply--dual button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:7px 13px; border:1px solid rgba(var(--ui-source-9ceec935ebaf2b-rgb, 8, 125, 103), var(--ui-source-9ceec935ebaf2b-alpha, 1)); border-radius:5px; background:rgba(var(--ui-source-c0549413dcf420-rgb, 8, 125, 103), var(--ui-source-c0549413dcf420-alpha, 1)); color:rgba(var(--ui-source-5db510f491f945-rgb, 255, 255, 255), var(--ui-source-5db510f491f945-alpha, 1)); font-size:13px; font-weight:500; line-height:1.3; cursor:pointer; transform:none; white-space:nowrap; }
body .xhs-reply--dual button:hover:not(:disabled) { background:rgba(var(--ui-source-f421208431e6be-rgb, 6, 106, 88), var(--ui-source-f421208431e6be-alpha, 1)); color:rgba(var(--ui-source-baa7f089dace4d-rgb, 255, 255, 255), var(--ui-source-baa7f089dace4d-alpha, 1)); border-color:rgba(var(--ui-source-3f91b3b66efa33-rgb, 6, 106, 88), var(--ui-source-3f91b3b66efa33-alpha, 1)); transform:none; box-shadow:none; }
body .xhs-reply--dual button.secondary { background:rgba(var(--ui-source-9e0a6a32fe966e-rgb, 255, 255, 255), var(--ui-source-9e0a6a32fe966e-alpha, 1)); color:rgba(var(--ui-source-aada4afef4b892-rgb, 81, 100, 107), var(--ui-source-aada4afef4b892-alpha, 1)); border:1px solid rgba(var(--ui-source-9d03284499e500-rgb, 220, 227, 231), var(--ui-source-9d03284499e500-alpha, 1)); }
body .xhs-reply--dual button.secondary:hover:not(:disabled) { background:rgba(var(--ui-source-6a03cad59cd96e-rgb, 237, 245, 241), var(--ui-source-6a03cad59cd96e-alpha, 1)); color:rgba(var(--ui-source-749922629f16bf-rgb, 7, 107, 86), var(--ui-source-749922629f16bf-alpha, 1)); border-color:rgba(var(--ui-source-e74612dedfbe9c-rgb, 165, 201, 186), var(--ui-source-e74612dedfbe9c-alpha, 1)); }
body .xhs-reply--dual button:disabled { opacity:.48; cursor:not-allowed; }
body .xhs-reply--dual .xhs-text-button { border-color:transparent; background:transparent; color:rgba(var(--ui-source-924f34e605c1ba-rgb, 83, 101, 114), var(--ui-source-924f34e605c1ba-alpha, 1)); padding-inline:8px; }
body .xhs-reply--dual .xhs-icon-button { width:32px; min-width:32px; height:32px; min-height:32px; padding:6px; }
body:has(.xhs-reply--dual) .xhs-reply--dual :is(input,textarea,select) { background:rgba(var(--ui-source-f8f7c0b315bb50-rgb, 255, 255, 255), var(--ui-source-f8f7c0b315bb50-alpha, 1)); color:rgba(var(--ui-source-a68fa9cf6248f5-rgb, 32, 42, 50), var(--ui-source-a68fa9cf6248f5-alpha, 1)); border:1px solid rgba(var(--ui-source-71f166aa96a0d6-rgb, 220, 227, 231), var(--ui-source-71f166aa96a0d6-alpha, 1)); border-radius:5px; caret-color:rgba(var(--ui-source-6db2020383c235-rgb, 8, 125, 103), var(--ui-source-6db2020383c235-alpha, 1)); }
body .xhs-reply--dual :is(button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid rgba(var(--ui-source-45ff929defbeff-rgb, 34, 138, 116), var(--ui-source-45ff929defbeff-alpha, 1)); outline-offset:3px; }
body .xhs-reply--dual :is(input,textarea)::placeholder { color:rgba(var(--ui-source-622de5ce128123-rgb, 139, 150, 158), var(--ui-source-622de5ce128123-alpha, 1)); }
.xhs-icon { flex:none; width:17px; height:17px; }
.xhs-page-bar { flex:none; height:48px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(var(--ui-source-38059d52e967c6-rgb, 229, 234, 237), var(--ui-source-38059d52e967c6-alpha, 1)); color:rgba(var(--ui-source-a8c45898e8e1c7-rgb, 122, 135, 144), var(--ui-source-a8c45898e8e1c7-alpha, 1)); font-size:12px; }
.xhs-breadcrumb-separator { margin:0 10px; color:rgba(var(--ui-source-e6a9034cb41e86-rgb, 178, 187, 193), var(--ui-source-e6a9034cb41e86-alpha, 1)); }
.xhs-reply--dual .xhs-reply-head { flex:none; display:flex; align-items:center; justify-content:flex-start; gap:24px; padding:4px 0 2px; margin:0; }
body .xhs-reply--dual .xhs-reply-head h1 { font-size:24px; line-height:1.3; font-weight:650; letter-spacing:0; margin:0; color:rgba(var(--ui-source-4afc18b604de63-rgb, 28, 42, 49), var(--ui-source-4afc18b604de63-alpha, 1)); }
body .xhs-reply--dual .xhs-mode-tabs { display:flex; gap:0; padding:2px; margin:0; border:1px solid rgba(var(--ui-source-9eee5c3f62a671-rgb, 220, 227, 231), var(--ui-source-9eee5c3f62a671-alpha, 1)); border-radius:6px; background:rgba(var(--ui-source-4b349bb967c4d7-rgb, 255, 255, 255), var(--ui-source-4b349bb967c4d7-alpha, 1)); }
body .xhs-reply--dual .xhs-mode-tabs button { border:0; background:transparent; color:rgba(var(--ui-source-2735f77898911b-rgb, 105, 119, 128), var(--ui-source-2735f77898911b-alpha, 1)); min-height:32px; padding:6px 16px; }
body .xhs-reply--dual .xhs-mode-tabs button.active { background:rgba(var(--ui-source-98f8883e935b34-rgb, 8, 125, 103), var(--ui-source-98f8883e935b34-alpha, 1)); color:rgba(var(--ui-source-facac2de3f91e9-rgb, 255, 255, 255), var(--ui-source-facac2de3f91e9-alpha, 1)); }
.xhs-reply--dual .xhs-composer { flex:none; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 16px; padding:0; border:0; background:transparent; border-radius:0; min-height:0; overflow:visible; }
.xhs-reply--dual .xhs-composer > label { display:grid; gap:7px; min-width:0; font-size:13px; font-weight:600; color:rgba(var(--ui-source-b40e8f0b4ed988-rgb, 75, 92, 101), var(--ui-source-b40e8f0b4ed988-alpha, 1)); }
body .xhs-reply--dual #xhs-current-comment { box-sizing:border-box; width:100%; height:70px; min-height:58px; max-height:100px; padding:12px 14px; resize:vertical; font-size:14px; font-weight:400; line-height:1.6; }
.xhs-compose-actions { display:flex; flex-direction:column; align-items:stretch; justify-content:end; gap:7px; }
body:has(.xhs-reply--dual) .xhs-compose-actions button { width:auto; flex:none; min-width:122px; }
.xhs-provider-ready { display:flex; gap:28px; align-items:center; font-size:12px; color:rgba(var(--ui-source-6bca2367d02724-rgb, 123, 135, 141), var(--ui-source-6bca2367d02724-alpha, 1)); }
.xhs-provider-ready span { display:inline-flex; gap:8px; align-items:center; }
.xhs-provider-ready i { width:6px; height:6px; border-radius:50%; background:rgba(var(--ui-source-7064df96a0f892-rgb, 174, 186, 193), var(--ui-source-7064df96a0f892-alpha, 1)); }
.xhs-provider-ready i.is-ready { background:rgba(var(--ui-source-be34f4fb68e816-rgb, 34, 149, 114), var(--ui-source-be34f4fb68e816-alpha, 1)); }
.xhs-reply--empty .xhs-composer { width:min(820px,100%); margin:42px auto 0; grid-template-columns:minmax(0,1fr); gap:14px; }
body .xhs-reply--empty #xhs-current-comment { height:164px; min-height:130px; max-height:240px; padding:18px; font-size:15px; }
.xhs-reply--empty .xhs-compose-actions { flex-direction:row; align-items:center; justify-content:space-between; }
.xhs-reply--empty .xhs-generate { order:2; min-height:40px; padding:10px 22px; }
body .xhs-reply--empty .xhs-context-toggle { background:none; border:0; padding-left:0; color:rgba(var(--ui-source-4ec988f2ba432d-rgb, 104, 119, 129), var(--ui-source-4ec988f2ba432d-alpha, 1)); }
.xhs-reply--empty .xhs-provider-ready { padding:6px 0 0; }
.xhs-recent { width:min(820px,100%); margin:24px auto 0; padding:24px 0; border-top:1px solid rgba(var(--ui-source-85e537dff20f07-rgb, 224, 231, 233), var(--ui-source-85e537dff20f07-alpha, 1)); }
.xhs-recent-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
body:has(.xhs-reply--dual) .xhs-recent h2 { margin:0; font-size:16px; color:rgba(var(--ui-source-0b8a769a8dc7f5-rgb, 52, 67, 75), var(--ui-source-0b8a769a8dc7f5-alpha, 1)); }
.xhs-recent-list { border-top:1px solid rgba(var(--ui-source-85e537dff20f07-rgb, 224, 231, 233), var(--ui-source-85e537dff20f07-alpha, 1)); }
body .xhs-reply--dual .xhs-recent-list button { display:flex; justify-content:start; text-align:left; min-height:52px; width:100%; border:0; border-bottom:1px solid rgba(var(--ui-source-7369e9ee6a9473-rgb, 224, 231, 233), var(--ui-source-7369e9ee6a9473-alpha, 1)); background:transparent; color:rgba(var(--ui-source-ebacff345aa051-rgb, 66, 83, 91), var(--ui-source-ebacff345aa051-alpha, 1)); border-radius:0; padding:12px 2px; gap:16px; }
body .xhs-reply--dual .xhs-recent-list button:hover { color:rgba(var(--ui-source-1f70d741f96ae5-rgb, 8, 125, 103), var(--ui-source-1f70d741f96ae5-alpha, 1)); background:rgba(var(--ui-source-327ff8a5420934-rgb, 238, 245, 242), var(--ui-source-327ff8a5420934-alpha, 1)); }
.xhs-recent-list span { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.xhs-recent-list time { font-size:11px; color:rgba(var(--ui-source-8e2b7ff05db07e-rgb, 138, 150, 156), var(--ui-source-8e2b7ff05db07e-alpha, 1)); font-variant-numeric:tabular-nums; }
.xhs-history-empty { margin:16px 0 0; font-size:13px; color:rgba(var(--ui-source-1c63be14aab958-rgb, 139, 151, 157), var(--ui-source-1c63be14aab958-alpha, 1)); }
.xhs-reply--dual .xhs-result-pane { flex:1; display:flex; flex-direction:column; min-height:0; padding:0; border:0; border-radius:0; background:transparent; overflow:visible; }
.xhs-compare-workspace { flex:1; display:flex; flex-direction:column; min-width:0; min-height:0; gap:12px; }
.xhs-compare-grid { flex:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); height:clamp(236px,35vh,350px); gap:16px; min-height:0; }
.xhs-compare-lane { display:flex; flex-direction:column; min-width:0; min-height:0; padding:12px 16px 10px; border:1px solid rgba(var(--ui-source-803eb0427f6e8e-rgb, 220, 227, 231), var(--ui-source-803eb0427f6e8e-alpha, 1)); border-radius:6px; background:rgba(var(--ui-source-89d8fee8f843d5-rgb, 255, 255, 255), var(--ui-source-89d8fee8f843d5-alpha, 1)); overflow:hidden; box-shadow:0 1px 2px rgba(var(--ui-source-ea632c278461d0-rgb, 32, 59, 46), var(--ui-source-ea632c278461d0-alpha, 0.0117647059)); }
.xhs-compare-lane.is-selected { border-color:rgba(var(--ui-source-83ed4b37a5d488-rgb, 99, 173, 149), var(--ui-source-83ed4b37a5d488-alpha, 1)); }
.xhs-compare-lane-head,.xhs-compare-lane-actions { flex:none; display:flex; align-items:center; gap:8px; min-width:0; }
.xhs-compare-lane-head { min-height:30px; }
body:has(.xhs-reply--dual) .xhs-compare-lane-head strong { font-size:16px; color:rgba(var(--ui-source-1cc9b6e7361cee-rgb, 35, 49, 59), var(--ui-source-1cc9b6e7361cee-alpha, 1)); }
body .xhs-reply--dual .xhs-compare-lane-head select { margin-left:auto; width:auto; max-width:145px; min-width:0; padding:5px 7px; font-size:12px; height:30px; }
.xhs-selected-label { color:rgba(var(--ui-source-adcc3f648816f6-rgb, 8, 125, 103), var(--ui-source-adcc3f648816f6-alpha, 1)); font-size:11px; }
.xhs-compare-state { flex:none; display:flex; align-items:center; gap:7px; min-height:24px; margin:2px 0 5px; font-size:11px; color:rgba(var(--ui-source-e83a0f06c9bde6-rgb, 126, 139, 146), var(--ui-source-e83a0f06c9bde6-alpha, 1)); }
.xhs-compare-state [data-xhs-timer] { margin-left:auto; font-variant-numeric:tabular-nums; }
.xhs-status-dot { flex:none; width:5px; height:5px; border-radius:50%; background:rgba(var(--ui-source-3dfae821ad6592-rgb, 127, 157, 145), var(--ui-source-3dfae821ad6592-alpha, 1)); }
.xhs-compare-state.is-running { color:rgba(var(--ui-source-79f86f15b10a98-rgb, 37, 129, 163), var(--ui-source-79f86f15b10a98-alpha, 1)); }
.xhs-progress-spinner { display:inline-block; flex:none; width:12px; height:12px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:xhs-reply-spin .9s linear infinite; }
@keyframes xhs-reply-spin { to { transform:rotate(360deg); } }
.xhs-progress-track { height:3px; width:100%; overflow:hidden; background:rgba(var(--ui-source-946c270049d89b-rgb, 232, 240, 242), var(--ui-source-946c270049d89b-alpha, 1)); border-radius:2px; flex:none; }
.xhs-progress-track i { display:block; height:100%; width:28%; background:rgba(var(--ui-source-630db7511a4955-rgb, 50, 136, 164), var(--ui-source-630db7511a4955-alpha, 1)); animation:xhs-reply-travel 1.8s ease-in-out infinite alternate; }
@keyframes xhs-reply-travel { to { transform:translateX(255%); } }
.xhs-compare-reading,.xhs-compare-text { flex:1 1 0; display:block; min-height:0; width:100%; overflow:auto; overflow-wrap:anywhere; line-height:1.85; font-size:15px; box-sizing:border-box; scrollbar-width:thin; }
.xhs-compare-reading { white-space:pre-wrap; padding:6px 0 12px; color:rgba(var(--ui-source-9d259f76d51661-rgb, 49, 65, 74), var(--ui-source-9d259f76d51661-alpha, 1)); }
body .xhs-reply--dual .xhs-compare-text { height:auto; resize:none; padding:12px 16px; border:1px solid rgba(var(--ui-source-803eb0427f6e8e-rgb, 220, 227, 231), var(--ui-source-803eb0427f6e8e-alpha, 1)); border-radius:5px; background:rgba(var(--ui-source-d89cb5294cfef4-rgb, 255, 255, 255), var(--ui-source-d89cb5294cfef4-alpha, 1)); color:rgba(var(--ui-source-9d259f76d51661-rgb, 49, 65, 74), var(--ui-source-9d259f76d51661-alpha, 1)); }
.xhs-compare-lane-actions { padding-top:8px; border-top:1px solid rgba(var(--ui-source-f98373cf4fb908-rgb, 237, 241, 243), var(--ui-source-f98373cf4fb908-alpha, 1)); }
.xhs-compare-lane-actions label { display:flex; align-items:center; gap:7px; margin-right:auto; font-size:12px; white-space:nowrap; color:rgba(var(--ui-source-4bfee7f3c50b3e-rgb, 102, 119, 128), var(--ui-source-4bfee7f3c50b3e-alpha, 1)); }
body .xhs-reply--dual input[type=radio] { width:16px; height:16px; margin:0; accent-color:rgba(var(--ui-source-33a6c48bf333b8-rgb, 8, 125, 103), var(--ui-source-33a6c48bf333b8-alpha, 1)); }
.xhs-compare-lane-actions small { color:rgba(var(--ui-source-c2ed5defe0f942-rgb, 125, 139, 147), var(--ui-source-c2ed5defe0f942-alpha, 1)); font-size:11px; white-space:nowrap; }
.xhs-compare-wait { flex:1; min-height:0; overflow:auto; display:flex; align-items:flex-start; flex-direction:column; gap:10px; padding:16px 0; color:rgba(var(--ui-source-227fabd2426542-rgb, 102, 116, 127), var(--ui-source-227fabd2426542-alpha, 1)); font-size:13px; overflow-wrap:anywhere; }
.xhs-compare-wait p { margin:0; line-height:1.6; color:rgba(var(--ui-source-50c72be56cf3d1-rgb, 153, 96, 54), var(--ui-source-50c72be56cf3d1-alpha, 1)); }
.xhs-compare-error-details { font-size:12px; max-width:100%; }
.xhs-compare-error-details summary { cursor:pointer; color:rgba(var(--ui-source-f1d255b040af52-rgb, 153, 96, 54), var(--ui-source-f1d255b040af52-alpha, 1)); }
.xhs-compare-error-details .xhs-run-error { margin:8px 0 0; font-size:12px; white-space:pre-wrap; }
.xhs-compare-toolbar { flex:none; display:flex; align-items:center; gap:12px; }
body .xhs-reply--dual .xhs-compare-toolbar input { flex:1; min-width:0; height:36px; padding:8px 12px; font-size:13px; }
.xhs-compare-toolbar button { flex:none; }
.xhs-compare-toolbar small { color:rgba(var(--ui-source-b7fbf51e65184c-rgb, 126, 139, 146), var(--ui-source-b7fbf51e65184c-alpha, 1)); font-size:11px; }
.xhs-compare-issues { flex:none; max-height:72px; overflow:auto; border-top:1px solid rgba(var(--ui-source-803eb0427f6e8e-rgb, 220, 227, 231), var(--ui-source-803eb0427f6e8e-alpha, 1)); margin-top:6px; padding-top:7px; font-size:11px; color:rgba(var(--ui-source-dc6e772826ae0a-rgb, 115, 129, 138), var(--ui-source-dc6e772826ae0a-alpha, 1)); }
.xhs-compare-issues summary { cursor:pointer; }
.xhs-compare-issues p { line-height:1.7; overflow-wrap:anywhere; }
.xhs-reply--dual .xhs-final-panel { display:flex; flex-direction:column; flex:1; min-height:160px; max-height:320px; gap:8px; padding-top:2px; border:0; background:transparent; box-shadow:none; }
.xhs-compare-nav { flex:none; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
body:has(.xhs-reply--dual) .xhs-compare-nav > strong { font-size:16px; color:rgba(var(--ui-source-e9eb17f8148dd7-rgb, 45, 62, 70), var(--ui-source-e9eb17f8148dd7-alpha, 1)); margin-right:6px; }
.xhs-compare-tabs { display:flex; gap:0; border:1px solid rgba(var(--ui-source-9eee5c3f62a671-rgb, 220, 227, 231), var(--ui-source-9eee5c3f62a671-alpha, 1)); border-radius:5px; overflow:hidden; background:rgba(var(--ui-source-4b349bb967c4d7-rgb, 255, 255, 255), var(--ui-source-4b349bb967c4d7-alpha, 1)); }
body .xhs-reply--dual .xhs-compare-tabs button { min-height:30px; padding:6px 12px; border:0; border-radius:0; background:rgba(var(--ui-source-4b349bb967c4d7-rgb, 255, 255, 255), var(--ui-source-4b349bb967c4d7-alpha, 1)); color:rgba(var(--ui-source-d3feaf21b603e2-rgb, 107, 120, 130), var(--ui-source-d3feaf21b603e2-alpha, 1)); font-size:12px; }
body .xhs-reply--dual .xhs-compare-tabs button[aria-selected=true] { background:rgba(var(--ui-source-98f8883e935b34-rgb, 8, 125, 103), var(--ui-source-98f8883e935b34-alpha, 1)); color:rgba(var(--ui-source-facac2de3f91e9-rgb, 255, 255, 255), var(--ui-source-facac2de3f91e9-alpha, 1)); }
.xhs-compare-selection { margin-left:auto; font-size:11px; color:rgba(var(--ui-source-d43518705fd169-rgb, 131, 145, 153), var(--ui-source-d43518705fd169-alpha, 1)); }
.xhs-final-count { color:rgba(var(--ui-source-a794f5a7f8bb29-rgb, 138, 150, 157), var(--ui-source-a794f5a7f8bb29-alpha, 1)); text-align:right; font-size:11px; }
.xhs-compare-empty { margin:auto; padding:16px; color:rgba(var(--ui-source-51e64fb5a553d9-rgb, 139, 151, 158), var(--ui-source-51e64fb5a553d9-alpha, 1)); font-size:13px; }
.xhs-connection-warning { flex:none; display:flex; align-items:center; justify-content:space-between; padding:6px 10px; background:rgba(var(--ui-source-07c32b50be3a91-rgb, 255, 241, 219), var(--ui-source-07c32b50be3a91-alpha, 1)); color:rgba(var(--ui-source-7bdac330e8e7bf-rgb, 119, 81, 29), var(--ui-source-7bdac330e8e7bf-alpha, 1)); font-size:13px; }
.xhs-drawer-backdrop { position:fixed; inset:0; z-index:1100; background:rgba(var(--ui-source-21c2ed918c866b-rgb, 33, 59, 70), var(--ui-source-21c2ed918c866b-alpha, 0.2)); display:flex; justify-content:flex-end; }
.xhs-drawer { width:min(520px,100%); height:100%; padding:24px; box-sizing:border-box; overflow:auto; background:rgba(var(--ui-source-80e11aad25b8ac-rgb, 255, 255, 255), var(--ui-source-80e11aad25b8ac-alpha, 1)); color:rgba(var(--ui-source-9d259f76d51661-rgb, 49, 65, 74), var(--ui-source-9d259f76d51661-alpha, 1)); box-shadow:-6px 0 30px rgba(var(--ui-source-58a25dd1f78c38-rgb, 24, 45, 66), var(--ui-source-58a25dd1f78c38-alpha, 0.062745098)); }
.xhs-drawer > .xhs-compare-lane-head { justify-content:space-between; padding-bottom:18px; }
.xhs-reply--dual .xhs-drawer .xhs-context-fields { display:grid; grid-template-columns:1fr; gap:18px; }
.xhs-drawer .xhs-context-fields label { display:grid; gap:8px; font-size:13px; }
.xhs-drawer .xhs-context-fields textarea { height:170px; min-height:100px; padding:12px; }
.xhs-reply--dual .xhs-drawer .xhs-reply-lower { display:flex; flex-direction:column; height:auto; gap:16px; }
.xhs-compare-lane.is-expanded { position:fixed; inset:6vh 10vw; z-index:1000; box-shadow:0 0 0 100vmax rgba(var(--ui-source-c9fd11acedc061-rgb, 33, 59, 70), var(--ui-source-c9fd11acedc061-alpha, 0.333333333)); }
@media (max-height:800px) and (min-width:901px) {
  .xhs-reply-screen.xhs-reply--dual { gap:10px; }
  .xhs-page-bar { height:40px; }
  .xhs-compare-grid { height:clamp(218px,32vh,256px); }
  .xhs-reply--empty .xhs-composer { margin-top:24px; }
  body .xhs-reply--empty #xhs-current-comment { height:138px; }
  .xhs-recent { margin-top:18px; padding-top:18px; }
}
@media (max-width:1200px) {
  body:has(.xhs-reply--dual) .app-shell { grid-template-columns:188px minmax(0,1fr); }
  body:has(.xhs-reply--dual) .main.screen-main { padding-inline:20px; }
  .xhs-compare-selection { display:none; }
  .xhs-compare-toolbar small { display:none; }
  .xhs-compare-lane-head select { max-width:108px; }
  .xhs-compare-lane { padding-inline:12px; }
}
@media (max-width:900px) {
  body:has(.xhs-reply--dual) .app-shell { display:block; height:auto; min-height:100dvh; }
  body:has(.xhs-reply--dual) .app-shell .main.screen-main { height:auto; min-height:100dvh; padding:58px 16px 24px; overflow:visible; }
  body:has(.xhs-reply--dual) .app-shell .sidebar { position:fixed; inset:0 auto 0 0; width:min(280px,86vw); height:100dvh; z-index:1003; transform:translateX(-105%); }
  body:has(.xhs-reply--dual) .app-shell.mobile-nav-open .sidebar { transform:translateX(0); }
  body:has(.xhs-reply--dual) .app-shell .nav { display:grid; width:100%; }
  body:has(.xhs-reply--dual) .app-shell .nav button { width:100%; }
  body:has(.xhs-reply--dual) .mobile-nav-open .sidebar { transform:translateX(0); }
  body:has(.xhs-reply--dual) .mobile-nav-toggle { background:rgba(var(--ui-source-d89cb5294cfef4-rgb, 255, 255, 255), var(--ui-source-d89cb5294cfef4-alpha, 1)); color:rgba(var(--ui-source-01974d8ae5de84-rgb, 56, 82, 74), var(--ui-source-01974d8ae5de84-alpha, 1)); border-color:rgba(var(--ui-source-0c978a578f09d9-rgb, 215, 226, 221), var(--ui-source-0c978a578f09d9-alpha, 1)); box-shadow:none; }
  .xhs-reply-screen.xhs-reply--dual { height:auto; overflow:visible; }
  .xhs-reply--dual .xhs-result-pane { min-height:0; flex:none; }
  .xhs-reply--dual .xhs-final-panel { min-height:210px; flex:none; }
  .xhs-reply--empty .xhs-composer { margin-top:24px; }
}
@media (max-width:700px) {
  .xhs-reply--dual .xhs-reply-head { gap:14px; flex-wrap:wrap; }
  body .xhs-reply--dual .xhs-reply-head h1 { font-size:22px; }
  .xhs-reply--dual .xhs-composer { grid-template-columns:minmax(0,1fr); }
  .xhs-compose-actions { flex-direction:row; justify-content:flex-end; }
  .xhs-recent-list time { display:none; }
  .xhs-compare-grid { height:auto; grid-template-columns:minmax(0,1fr); gap:12px; }
  .xhs-compare-lane { height:300px; }
  .xhs-compare-toolbar { flex-wrap:wrap; }
  .xhs-compare-toolbar input { flex-basis:100%; }
  .xhs-compare-toolbar button { margin-left:auto; }
  .xhs-reply--dual .xhs-final-panel { height:290px; max-height:none; }
  .xhs-compare-lane.is-expanded { inset:12px; height:auto; }
  .xhs-compare-nav { gap:7px; }
  .xhs-compare-nav > strong { flex-basis:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .xhs-progress-spinner,.xhs-progress-track i { animation:none; }
}