#compare-tool #editor-shell main{overflow:hidden}#compare-tool #editor-shell main>div{height:100%;padding:8px}#compare-tool .cp-app{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}#compare-tool .cp-toolbar,#compare-tool .cp-navigation{flex:none;align-items:center;gap:6px;padding:4px;display:flex;overflow-x:auto}#compare-tool .cp-app button,#compare-tool .cp-app select,#compare-tool .cp-app input:not([type=checkbox]){border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);background:var(--color-bg);color:var(--color-text);border-radius:7px;padding:7px 9px;font-size:13px}#compare-tool button{cursor:pointer}#compare-tool button:disabled{opacity:.45;cursor:default}#compare-tool button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#compare-tool .cp-primary,#compare-tool button[aria-current=true]{background:var(--color-primary);color:#fff}#compare-tool #cp-status{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));flex:none;padding:5px 10px;font-size:13px}#compare-tool .cp-layout{flex:1;grid-template-columns:150px minmax(0,1fr) 270px;gap:10px;min-height:0;display:grid}#compare-tool .cp-sidebar,#compare-tool .cp-settings{background:var(--color-bg-subtle);border-radius:10px;min-height:0;padding:10px;overflow:auto}#compare-tool h2{margin:6px 0;font-size:14px;font-weight:600}#compare-tool .cp-settings label{margin:10px 0;font-size:13px;display:block}#compare-tool .cp-settings select,#compare-tool .cp-settings input:not([type=checkbox]){width:100%;margin-top:4px;display:block}#compare-tool .cp-hint,#compare-tool #cp-summary{font-size:12px;line-height:1.5}#compare-tool .cp-centre{flex-direction:column;min-width:0;min-height:0;display:flex}#compare-tool .cp-previews{flex:1;gap:8px;min-height:0;display:flex}#compare-tool .cp-previews>section{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#compare-tool .cp-previews h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#compare-tool .cp-scroll{background:#e5e7eb;border-radius:8px;flex:1;min-height:0;padding:12px;overflow:auto}#compare-tool .cp-paper{background:#fff;width:max-content;margin:auto;position:relative;box-shadow:0 2px 7px #0002}#compare-tool canvas{display:block}#compare-tool [id^=cp-marks]{pointer-events:none;position:absolute;inset:0}#compare-tool .cp-mark{box-sizing:border-box;background:#eab30835;border:2px solid #a16207;position:absolute}#compare-tool .cp-mark.added{background:#16a34a25;border-color:#15803d}#compare-tool .cp-mark.removed{background:#ef444425;border-color:#b91c1c}#compare-tool #cp-pairs button,#compare-tool #cp-changes button{text-align:left;overflow-wrap:anywhere;width:100%;margin:7px 0;display:block}#compare-tool #cp-pairs img{background:#fff;width:48%;display:inline-block}#compare-tool .cp-mobile{display:none}#compare-tool #cp-pairs span{margin-top:5px;display:block}#compare-tool #cp-options summary{cursor:pointer;padding:6px 0;font-size:14px;font-weight:600}#compare-tool [hidden]{display:none!important}#compare-tool .cp-empty{color:#334155;text-align:center;background:#f8fafc;border:2px dashed #94a3b8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:220px;padding:20px;display:flex}#compare-tool .cp-empty.drag-over{border-color:var(--color-primary);background:#dbeafe}#compare-tool .cp-difference-navigation{flex:none;justify-content:center;align-items:center;gap:8px;padding:4px;font-size:12px;display:flex}#compare-tool .cp-difference-navigation button{white-space:nowrap}#compare-tool #cp-changes button[aria-current=true]{background:var(--color-primary);color:#fff}@media (width<=1000px){#compare-tool .cp-layout{grid-template-columns:110px minmax(0,1fr) 220px}}@media (width<=700px){#compare-tool .cp-layout{flex-direction:column;display:flex;overflow:auto}#compare-tool .cp-sidebar{flex:none;max-height:110px}#compare-tool #cp-pairs{gap:5px;display:flex}#compare-tool #cp-pairs button{min-width:110px;max-width:110px}#compare-tool .cp-centre{flex:none;height:58dvh;min-height:300px}#compare-tool .cp-settings{flex:none;max-height:40dvh}#compare-tool .cp-mobile{gap:8px;display:flex}#compare-tool .cp-previews[data-mobile=a]>[data-side=b],#compare-tool .cp-previews[data-mobile=b]>[data-side=a]{display:none}#compare-tool .cp-toolbar button{white-space:nowrap}#compare-tool .cp-navigation{font-size:12px}}#compare-tool .cp-previews>section{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-bg-subtle);border-radius:14px;position:relative;overflow:hidden}#compare-tool .cp-previews h2{margin:0;padding:8px 12px;font-size:13px}#compare-tool .cp-scroll{background:#eef0f4;border-radius:0;padding:18px 14px 94px}#compare-tool .cp-floating-controls{background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);z-index:2;white-space:nowrap;border-radius:17px;justify-content:center;align-items:center;gap:3px;max-width:calc(100% - 16px);padding:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}#compare-tool .cp-floating-controls button{background:0 0;border:0;min-width:27px;height:34px;padding:5px}#compare-tool .cp-floating-controls button:hover:not(:disabled){background:var(--color-bg-subtle)}#compare-tool .cp-floating-controls svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}#compare-tool .cp-floating-controls input{text-align:center;appearance:textfield;border:0;border-bottom:1px solid #cbd5e1;border-radius:0;width:42px;min-width:0;padding:4px 0}#compare-tool .cp-floating-controls input::-webkit-inner-spin-button{appearance:none}#compare-tool .cp-floating-controls span{font-size:13px}#compare-tool .cp-control-divider{background:#cbd5e1;width:1px;height:28px;margin:0 5px}#compare-tool .cp-layout.cp-settings-hidden{grid-template-columns:120px minmax(0,1fr)}#compare-tool .cp-empty{background:#f8fafc;height:calc(100% + 60px)}#compare-tool .cp-toolbar{background:var(--color-bg-subtle);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:14px;gap:8px;padding:8px}#compare-tool .cp-toolbar button{white-space:nowrap;border-radius:9px;font-weight:500}#compare-tool #cp-run{background:var(--color-primary);color:#fff;border-color:#0000;box-shadow:0 3px 10px #2563eb25}#compare-tool #cp-toggle-settings{margin-left:auto}#compare-tool #cp-status{border-left:3px solid var(--color-primary);border-radius:9px;margin:0;padding:8px 12px}#compare-tool #cp-match-notice{background:color-mix(in srgb,#f59e0b 10%,var(--color-bg));border:1px solid #d9770640;border-radius:9px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}#compare-tool #cp-match-order{white-space:nowrap;margin-left:auto}#compare-tool .cp-sidebar,#compare-tool .cp-settings{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:14px}#compare-tool .cp-sidebar>label{white-space:nowrap;align-items:center;gap:6px;margin:10px 0;font-size:12px;display:flex}#compare-tool #cp-pairs button{border-radius:10px;padding:8px;font-size:11px;line-height:1.5}#compare-tool #cp-pairs button[aria-current=true]{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));color:var(--color-text);border-color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary)}#compare-tool #cp-pairs img{object-fit:contain;border-radius:3px;max-height:90px}#compare-tool .cp-previews h2{border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);padding:12px}#compare-tool .cp-previews [data-side=a] h2{border-top:3px solid #2563eb}#compare-tool .cp-previews [data-side=b] h2{border-top:3px solid #0d9488}#compare-tool .cp-scroll{background:radial-gradient(at top,#f5f7fb,#e8ecf2)}#compare-tool .cp-empty:has(button[hidden]){background:#f8fafc;border-style:solid;border-color:#cbd5e1;line-height:1.7}#compare-tool .cp-empty:has(button[hidden])>p:last-child{display:none}#compare-tool .cp-difference-navigation{padding-top:8px}@media (width<=700px){#compare-tool #cp-match-notice{flex-wrap:wrap}#compare-tool #cp-match-order{margin-left:0}#compare-tool .cp-floating-controls{gap:2px;padding:6px}#compare-tool .cp-centre{height:65dvh}#compare-tool .cp-difference-navigation{justify-content:space-between;gap:3px}#compare-tool .cp-difference-navigation button{padding:6px 4px;font-size:11px}}.compare-hero[data-astro-cid-yceshkf5]{text-align:center;padding:24px 0 0}.compare-eyebrow[data-astro-cid-yceshkf5]{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);letter-spacing:.12em;border-radius:30px;margin-bottom:18px;padding:7px 14px;font-size:11px;font-weight:700;display:inline-block}.compare-benefits[data-astro-cid-yceshkf5]{color:var(--color-text);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:22px;font-size:12px;display:flex}.compare-benefits[data-astro-cid-yceshkf5] span[data-astro-cid-yceshkf5]:before{content:"✓";color:var(--color-primary);margin-right:7px}.compare-features[data-astro-cid-yceshkf5]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.compare-features[data-astro-cid-yceshkf5] section[data-astro-cid-yceshkf5]{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-bg-subtle);border-radius:16px;padding:24px}.compare-features[data-astro-cid-yceshkf5] span[data-astro-cid-yceshkf5]{letter-spacing:.1em;color:var(--color-primary);font-size:10px;font-weight:700}.compare-features[data-astro-cid-yceshkf5] h2[data-astro-cid-yceshkf5]{margin:10px 0 8px;font-size:17px;font-weight:600}.compare-features[data-astro-cid-yceshkf5] p[data-astro-cid-yceshkf5]{opacity:.75;font-size:13px;line-height:1.7}@media (width<=640px){.compare-features[data-astro-cid-yceshkf5]{grid-template-columns:1fr}.compare-hero[data-astro-cid-yceshkf5]{padding-top:12px}}