.diff-workspace{--editor-font-family: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--editor-font-size: 14px;--editor-line-height: 1.65;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-pill: 999px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--space-5xl: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 30px 90px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-glow: 0 0 24px var(--accent-light);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-in-out);--accent-primary: var(--accent);--editor-text: var(--text);--editor-muted: var(--text-subtle);--line: var(--border);--on-accent: #ffffff;--workspace-bg: radial-gradient(circle at 22% 0%, rgba(69, 212, 163, .1), transparent 36%), linear-gradient(180deg, rgba(13, 21, 34, .7), rgba(8, 13, 22, .44));--toolbar-bg: linear-gradient(180deg, rgba(22, 32, 49, .92), rgba(13, 20, 33, .92)), var(--surface);--toolbar-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-frame-shadow: 0 24px 70px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-hover-ring: inset 0 0 0 1px rgba(69, 212, 163, .12);--editor-header-bg: rgba(16, 24, 38, .96);--editor-header-text: var(--text-muted);--control-bg: rgba(7, 12, 21, .42);--control-shadow: none;--control-hover-bg: var(--accent-light);--control-hover-shadow: var(--shadow-md), 0 0 0 3px rgba(69, 212, 163, .08);--selected-shadow: var(--shadow-md);--theme-option-selected-shadow: 0 0 0 1px rgba(69, 212, 163, .12);--swap-bg: rgba(14, 22, 35, .98);--swap-shadow: 0 2px 8px rgba(0, 0, 0, .1);--swap-hover-shadow: 0 4px 12px rgba(0, 0, 0, .15);--navigator-bg: linear-gradient(180deg, rgba(22, 32, 49, .9), rgba(13, 20, 33, .9)), var(--surface);--navigator-shadow: 0 18px 48px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .04);--floating-trigger-border: rgba(139, 160, 190, .22);--floating-trigger-bg: linear-gradient(135deg, rgba(24, 36, 56, .92), rgba(10, 16, 27, .88));--floating-trigger-color: #dce7f8;--floating-trigger-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255, 255, 255, .08);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 24px 64px rgba(0, 0, 0, .38), 0 0 0 4px var(--accent-light), var(--shadow-glow), inset 0 1px 0 rgba(255, 255, 255, .12);--floating-panel-border: rgba(139, 160, 190, .24);--floating-panel-bg: linear-gradient(135deg, rgba(23, 34, 52, .98), rgba(10, 16, 27, .96));--floating-panel-shadow: 0 32px 90px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .1);display:grid;gap:14px;width:100%;margin-inline:auto;min-height:0;padding:16px;border-radius:0 0 14px 14px;background:var(--workspace-bg);transition:background-color .2s ease,color .2s ease}body:has(.diff-workspace--light){color-scheme:light;--background: #f5f7fb;--foreground: #172033;--muted: #627188;--line: #d8e0eb;--panel: #ffffff;--accent: #0e7490;--accent-strong: #0f8b8d;--site-bg: #f5f7fb;--site-bg-end: #eef3f8;--site-foreground: #172033;--site-muted: #627188;--site-line: #d8e0eb;--site-panel: #ffffff;--site-panel-hover: #fbfdff;--site-accent: #0e7490;--site-accent-strong: #0f8b8d;--site-accent-soft: rgba(14, 116, 144, .1);--site-accent-border: rgba(14, 116, 144, .24);--site-grid-line: rgba(123, 143, 166, .08);--site-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 249, 252, .9)), rgba(255, 255, 255, .88);--site-header-border: rgba(185, 198, 214, .72);--site-header-shadow: 0 4px 22px rgba(23, 32, 51, .07), inset 0 1px 0 rgba(255, 255, 255, .9);--site-brand-mark-bg: linear-gradient(135deg, rgba(14, 116, 144, .14), rgba(15, 139, 141, .08)), #ffffff;--site-brand-mark-border: rgba(14, 116, 144, .24);--site-brand-mark-color: #0e7490;--site-brand-mark-shadow: 0 8px 20px rgba(14, 116, 144, .08);--site-brand-mark-hover-shadow: 0 12px 28px rgba(14, 116, 144, .16), 0 0 0 4px rgba(14, 116, 144, .08);--site-nav-hover-bg: #eaf3f7;--site-hero-gradient: linear-gradient(135deg, #172033 0%, #24364f 42%, #0e7490 74%, #0f8b8d 100%);--site-trust-bg: linear-gradient(135deg, rgba(14, 116, 144, .1), rgba(15, 139, 141, .06)), #f7fbfd;--site-trust-shadow: 0 10px 24px rgba(14, 116, 144, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--site-trust-hover-shadow: 0 14px 32px rgba(14, 116, 144, .14), inset 0 1px 0 rgba(255, 255, 255, .96);--site-frame-bg: linear-gradient(180deg, #ffffff, #f8fafc), #ffffff;--site-frame-border: #d8e0eb;--site-frame-shadow: 0 28px 70px rgba(23, 32, 51, .13), 0 0 0 1px rgba(255, 255, 255, .86), inset 0 1px 0 rgba(255, 255, 255, .94);--site-frame-hover-border: #c6d2e1;--site-frame-hover-shadow: 0 34px 84px rgba(23, 32, 51, .16), 0 0 0 1px rgba(14, 116, 144, .08), inset 0 1px 0 rgba(255, 255, 255, .96);--site-chip-bg: #f6f9fc;--site-chip-hover-bg: #eaf7fa;--site-card-shadow: 0 10px 26px rgba(23, 32, 51, .06), inset 0 1px 0 rgba(255, 255, 255, .94);--site-card-hover-shadow: 0 18px 42px rgba(23, 32, 51, .1), 0 0 0 1px rgba(14, 116, 144, .07), inset 0 1px 0 rgba(255, 255, 255, .96);--site-icon-bg: #eaf7fa;--site-icon-hover-bg: #dcf0f5;--site-icon-shadow: 0 12px 24px rgba(14, 116, 144, .16);--site-blog-visual-bg: linear-gradient(90deg, rgba(14, 116, 144, .14), transparent 30%), #f6f9fc;--site-blog-visual-hover-bg: linear-gradient(90deg, rgba(14, 116, 144, .2), transparent 34%), #f0f7fa;--site-blog-line: #cad6e3;--site-blog-line-accent: rgba(14, 116, 144, .28);--site-blog-line-accent-hover: rgba(14, 116, 144, .38);--site-footer-bg: #edf2f7;background:#f5f7fb;color:#172033;transition:background-color .2s ease}body:has(.diff-workspace--dark){color-scheme:dark;--background: #070b12;--foreground: #f5f7fb;--muted: #9aa6b8;--line: rgba(139, 160, 190, .18);--panel: #101827;--accent: #45d4a3;--accent-strong: #7fe7c2;--site-bg: #070b12;--site-bg-end: #0b1220;--site-foreground: #f5f7fb;--site-muted: #9aa6b8;--site-line: rgba(139, 160, 190, .18);--site-panel: rgba(14, 21, 34, .72);--site-panel-hover: rgba(14, 21, 34, .86);--site-accent: #45d4a3;--site-accent-strong: #7fe7c2;--site-accent-soft: rgba(69, 212, 163, .12);--site-accent-border: rgba(69, 212, 163, .28);--site-grid-line: rgba(111, 139, 177, .07);--site-header-bg: linear-gradient(180deg, rgba(7, 11, 18, .95), rgba(7, 11, 18, .88)), rgba(7, 11, 18, .82);--site-header-border: rgba(128, 151, 179, .16);--site-header-shadow: 0 4px 24px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .04);--site-brand-mark-bg: linear-gradient(135deg, rgba(77, 127, 255, .28), rgba(69, 212, 163, .14)), rgba(18, 26, 40, .92);--site-brand-mark-border: rgba(85, 214, 168, .28);--site-brand-mark-color: #7fe7c2;--site-brand-mark-shadow: 0 0 24px rgba(69, 212, 163, .12);--site-brand-mark-hover-shadow: 0 0 32px rgba(69, 212, 163, .24), 0 8px 16px rgba(0, 0, 0, .1);--site-nav-hover-bg: rgba(139, 160, 190, .12);--site-hero-gradient: linear-gradient(135deg, #ffffff 0%, #e0f2fe 30%, #7fe7c2 60%, #45d4a3 100%);--site-trust-bg: linear-gradient(135deg, rgba(69, 212, 163, .12), rgba(69, 212, 163, .06)), rgba(69, 212, 163, .08);--site-trust-shadow: 0 0 20px rgba(69, 212, 163, .15), inset 0 1px 0 rgba(255, 255, 255, .1);--site-trust-hover-shadow: 0 0 32px rgba(69, 212, 163, .25), 0 8px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .15);--site-frame-bg: linear-gradient(180deg, rgba(18, 26, 40, .92), rgba(11, 16, 27, .94)), rgba(12, 18, 29, .96);--site-frame-border: rgba(139, 160, 190, .2);--site-frame-shadow: 0 40px 120px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .04), inset 0 1px 0 rgba(255, 255, 255, .06);--site-frame-hover-border: rgba(139, 160, 190, .28);--site-frame-hover-shadow: 0 50px 140px rgba(0, 0, 0, .48), 0 0 0 1px rgba(69, 212, 163, .1), inset 0 1px 0 rgba(255, 255, 255, .08);--site-chip-bg: rgba(8, 13, 22, .58);--site-chip-hover-bg: rgba(69, 212, 163, .08);--site-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--site-card-hover-shadow: 0 16px 48px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06);--site-icon-bg: rgba(69, 212, 163, .1);--site-icon-hover-bg: rgba(69, 212, 163, .18);--site-icon-shadow: 0 0 24px rgba(69, 212, 163, .3);--site-blog-visual-bg: linear-gradient(90deg, rgba(69, 212, 163, .16), transparent 28%), rgba(6, 10, 18, .5);--site-blog-visual-hover-bg: linear-gradient(90deg, rgba(69, 212, 163, .24), transparent 32%), rgba(6, 10, 18, .6);--site-blog-line: rgba(139, 160, 190, .24);--site-blog-line-accent: rgba(69, 212, 163, .28);--site-blog-line-accent-hover: rgba(69, 212, 163, .42);--site-footer-bg: rgba(5, 9, 16, .82);background:var(--site-bg);color:var(--site-foreground);transition:background-color .2s ease}body:has(.diff-workspace--warm){color-scheme:light;--background: #fbf6ee;--foreground: #2d2520;--muted: #75675d;--line: #eadcc9;--panel: #fffaf4;--accent: #b45309;--accent-strong: #9a3412;--site-bg: #fbf6ee;--site-bg-end: #f3ebe0;--site-foreground: #2d2520;--site-muted: #75675d;--site-line: #eadcc9;--site-panel: #fffaf4;--site-panel-hover: #fff7ed;--site-accent: #b45309;--site-accent-strong: #9a3412;--site-accent-soft: rgba(180, 83, 9, .1);--site-accent-border: rgba(180, 83, 9, .24);--site-grid-line: rgba(136, 98, 66, .08);--site-header-bg: linear-gradient(180deg, rgba(255, 250, 244, .96), rgba(250, 242, 231, .9)), rgba(255, 250, 244, .88);--site-header-border: rgba(221, 199, 174, .78);--site-header-shadow: 0 4px 22px rgba(88, 61, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .82);--site-brand-mark-bg: linear-gradient(135deg, rgba(180, 83, 9, .13), rgba(15, 118, 110, .08)), #fffaf4;--site-brand-mark-border: rgba(180, 83, 9, .24);--site-brand-mark-color: #b45309;--site-brand-mark-shadow: 0 8px 20px rgba(180, 83, 9, .08);--site-brand-mark-hover-shadow: 0 12px 28px rgba(180, 83, 9, .14), 0 0 0 4px rgba(180, 83, 9, .08);--site-nav-hover-bg: #f5eadc;--site-hero-gradient: linear-gradient(135deg, #2d2520 0%, #574237 42%, #b45309 76%, #0f766e 100%);--site-trust-bg: linear-gradient(135deg, rgba(180, 83, 9, .1), rgba(15, 118, 110, .06)), #fffaf4;--site-trust-shadow: 0 10px 24px rgba(88, 61, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .86);--site-trust-hover-shadow: 0 14px 32px rgba(180, 83, 9, .14), inset 0 1px 0 rgba(255, 255, 255, .92);--site-frame-bg: linear-gradient(180deg, #fffaf4, #fff7ed), #fffaf4;--site-frame-border: #eadcc9;--site-frame-shadow: 0 28px 70px rgba(88, 61, 42, .13), 0 0 0 1px rgba(255, 255, 255, .82), inset 0 1px 0 rgba(255, 255, 255, .9);--site-frame-hover-border: #dfc9ad;--site-frame-hover-shadow: 0 34px 84px rgba(88, 61, 42, .16), 0 0 0 1px rgba(180, 83, 9, .08), inset 0 1px 0 rgba(255, 255, 255, .94);--site-chip-bg: #f8efe4;--site-chip-hover-bg: #f4e4d2;--site-card-shadow: 0 10px 26px rgba(88, 61, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .9);--site-card-hover-shadow: 0 18px 42px rgba(88, 61, 42, .1), 0 0 0 1px rgba(180, 83, 9, .07), inset 0 1px 0 rgba(255, 255, 255, .94);--site-icon-bg: #f8ead8;--site-icon-hover-bg: #f1ddc6;--site-icon-shadow: 0 12px 24px rgba(180, 83, 9, .14);--site-blog-visual-bg: linear-gradient(90deg, rgba(180, 83, 9, .14), transparent 30%), #fbf1e5;--site-blog-visual-hover-bg: linear-gradient(90deg, rgba(180, 83, 9, .2), transparent 34%), #f7e8d8;--site-blog-line: #dac5ae;--site-blog-line-accent: rgba(180, 83, 9, .28);--site-blog-line-accent-hover: rgba(180, 83, 9, .38);--site-footer-bg: #f2e7d9;background:var(--site-bg);color:var(--site-foreground);transition:background-color .2s ease}body:has(.diff-workspace--ocean){color-scheme:dark;--background: #071421;--foreground: #ecfeff;--muted: #93b5c9;--line: rgba(34, 211, 238, .18);--panel: #0b1f34;--accent: #22d3ee;--accent-strong: #67e8f9;--site-bg: #071421;--site-bg-end: #0a2035;--site-foreground: #ecfeff;--site-muted: #93b5c9;--site-line: rgba(34, 211, 238, .18);--site-panel: rgba(9, 29, 49, .76);--site-panel-hover: rgba(11, 36, 60, .88);--site-accent: #22d3ee;--site-accent-strong: #67e8f9;--site-accent-soft: rgba(34, 211, 238, .12);--site-accent-border: rgba(34, 211, 238, .28);--site-grid-line: rgba(125, 211, 252, .07);--site-header-bg: linear-gradient(180deg, rgba(7, 20, 33, .95), rgba(7, 20, 33, .88)), rgba(7, 20, 33, .82);--site-header-border: rgba(34, 211, 238, .16);--site-header-shadow: 0 4px 24px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(103, 232, 249, .05);--site-brand-mark-bg: linear-gradient(135deg, rgba(34, 211, 238, .24), rgba(14, 165, 233, .12)), rgba(9, 29, 49, .92);--site-brand-mark-border: rgba(34, 211, 238, .28);--site-brand-mark-color: #67e8f9;--site-brand-mark-shadow: 0 0 24px rgba(34, 211, 238, .12);--site-brand-mark-hover-shadow: 0 0 32px rgba(34, 211, 238, .24), 0 8px 16px rgba(0, 0, 0, .14);--site-nav-hover-bg: rgba(125, 211, 252, .12);--site-hero-gradient: linear-gradient(135deg, #ecfeff 0%, #bae6fd 30%, #67e8f9 64%, #22d3ee 100%);--site-trust-bg: linear-gradient(135deg, rgba(34, 211, 238, .12), rgba(14, 165, 233, .06)), rgba(34, 211, 238, .08);--site-trust-shadow: 0 0 20px rgba(34, 211, 238, .14), inset 0 1px 0 rgba(255, 255, 255, .08);--site-trust-hover-shadow: 0 0 32px rgba(34, 211, 238, .24), 0 8px 16px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .12);--site-frame-bg: linear-gradient(180deg, rgba(9, 29, 49, .92), rgba(6, 20, 35, .94)), rgba(7, 22, 38, .96);--site-frame-border: rgba(34, 211, 238, .18);--site-frame-shadow: 0 40px 120px rgba(0, 8, 18, .48), 0 0 0 1px rgba(103, 232, 249, .04), inset 0 1px 0 rgba(255, 255, 255, .05);--site-frame-hover-border: rgba(34, 211, 238, .3);--site-frame-hover-shadow: 0 50px 140px rgba(0, 8, 18, .52), 0 0 0 1px rgba(34, 211, 238, .12), inset 0 1px 0 rgba(255, 255, 255, .08);--site-chip-bg: rgba(5, 18, 31, .58);--site-chip-hover-bg: rgba(34, 211, 238, .09);--site-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--site-card-hover-shadow: 0 16px 48px rgba(0, 8, 18, .28), inset 0 1px 0 rgba(255, 255, 255, .06);--site-icon-bg: rgba(34, 211, 238, .1);--site-icon-hover-bg: rgba(34, 211, 238, .18);--site-icon-shadow: 0 0 24px rgba(34, 211, 238, .28);--site-blog-visual-bg: linear-gradient(90deg, rgba(34, 211, 238, .16), transparent 28%), rgba(3, 12, 22, .5);--site-blog-visual-hover-bg: linear-gradient(90deg, rgba(34, 211, 238, .24), transparent 32%), rgba(3, 12, 22, .6);--site-blog-line: rgba(125, 211, 252, .22);--site-blog-line-accent: rgba(34, 211, 238, .28);--site-blog-line-accent-hover: rgba(34, 211, 238, .42);--site-footer-bg: rgba(3, 12, 22, .86);background:var(--site-bg);color:var(--site-foreground);transition:background-color .2s ease}body:has(.diff-workspace--forest){color-scheme:dark;--background: #06100c;--foreground: #f0fdf4;--muted: #98b6a7;--line: rgba(52, 211, 153, .18);--panel: #0b1a13;--accent: #34d399;--accent-strong: #86efac;--site-bg: #06100c;--site-bg-end: #0d1d15;--site-foreground: #f0fdf4;--site-muted: #98b6a7;--site-line: rgba(52, 211, 153, .18);--site-panel: rgba(9, 24, 17, .78);--site-panel-hover: rgba(12, 32, 23, .9);--site-accent: #34d399;--site-accent-strong: #86efac;--site-accent-soft: rgba(52, 211, 153, .12);--site-accent-border: rgba(52, 211, 153, .28);--site-grid-line: rgba(134, 239, 172, .07);--site-header-bg: linear-gradient(180deg, rgba(6, 16, 12, .95), rgba(6, 16, 12, .88)), rgba(6, 16, 12, .82);--site-header-border: rgba(52, 211, 153, .16);--site-header-shadow: 0 4px 24px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(134, 239, 172, .05);--site-brand-mark-bg: linear-gradient(135deg, rgba(52, 211, 153, .22), rgba(132, 204, 22, .1)), rgba(9, 24, 17, .92);--site-brand-mark-border: rgba(52, 211, 153, .28);--site-brand-mark-color: #86efac;--site-brand-mark-shadow: 0 0 24px rgba(52, 211, 153, .12);--site-brand-mark-hover-shadow: 0 0 32px rgba(52, 211, 153, .24), 0 8px 16px rgba(0, 0, 0, .14);--site-nav-hover-bg: rgba(134, 239, 172, .12);--site-hero-gradient: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 30%, #86efac 64%, #34d399 100%);--site-trust-bg: linear-gradient(135deg, rgba(52, 211, 153, .12), rgba(132, 204, 22, .06)), rgba(52, 211, 153, .08);--site-trust-shadow: 0 0 20px rgba(52, 211, 153, .14), inset 0 1px 0 rgba(255, 255, 255, .08);--site-trust-hover-shadow: 0 0 32px rgba(52, 211, 153, .24), 0 8px 16px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .12);--site-frame-bg: linear-gradient(180deg, rgba(9, 24, 17, .92), rgba(5, 14, 10, .94)), rgba(6, 16, 12, .96);--site-frame-border: rgba(52, 211, 153, .18);--site-frame-shadow: 0 40px 120px rgba(0, 8, 5, .48), 0 0 0 1px rgba(134, 239, 172, .04), inset 0 1px 0 rgba(255, 255, 255, .05);--site-frame-hover-border: rgba(52, 211, 153, .3);--site-frame-hover-shadow: 0 50px 140px rgba(0, 8, 5, .52), 0 0 0 1px rgba(52, 211, 153, .12), inset 0 1px 0 rgba(255, 255, 255, .08);--site-chip-bg: rgba(3, 12, 8, .58);--site-chip-hover-bg: rgba(52, 211, 153, .09);--site-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--site-card-hover-shadow: 0 16px 48px rgba(0, 8, 5, .28), inset 0 1px 0 rgba(255, 255, 255, .06);--site-icon-bg: rgba(52, 211, 153, .1);--site-icon-hover-bg: rgba(52, 211, 153, .18);--site-icon-shadow: 0 0 24px rgba(52, 211, 153, .28);--site-blog-visual-bg: linear-gradient(90deg, rgba(52, 211, 153, .16), transparent 28%), rgba(2, 9, 6, .5);--site-blog-visual-hover-bg: linear-gradient(90deg, rgba(52, 211, 153, .24), transparent 32%), rgba(2, 9, 6, .6);--site-blog-line: rgba(134, 239, 172, .22);--site-blog-line-accent: rgba(52, 211, 153, .28);--site-blog-line-accent-hover: rgba(52, 211, 153, .42);--site-footer-bg: rgba(2, 9, 6, .86);background:var(--site-bg);color:var(--site-foreground);transition:background-color .2s ease}.diff-workspace--light{--page-bg: #f5f7fb;--surface: #ffffff;--surface-hover: #f8fafc;--surface-elevated: #ffffff;--border: #d8e0eb;--border-strong: #b9c6d6;--text: #172033;--text-muted: #5d6b82;--text-subtle: #7a8799;--accent: #0e7490;--accent-hover: #0b6178;--accent-light: rgba(14, 116, 144, .09);--accent-border: rgba(14, 116, 144, .26);--editor-surface: #ffffff;--editor-text: #172033;--editor-muted: #8190a4;--editor-gutter: #f3f6fa;--editor-active-line: rgba(14, 116, 144, .07);--editor-selection: rgba(14, 116, 144, .18);--insert-line-bg: rgba(47, 158, 88, .12);--delete-line-bg: rgba(224, 82, 82, .12);--replace-line-bg: rgba(217, 144, 36, .12);--insert-char-bg: rgba(47, 158, 88, .3);--delete-char-bg: rgba(224, 82, 82, .3);--insert-bg: var(--insert-line-bg);--insert-line: #2f9e58;--delete-bg: var(--delete-line-bg);--delete-line: #e05252;--replace-bg: var(--replace-line-bg);--replace-line: #d99024;--syntax-keyword: #7c3aed;--syntax-string: #0f766e;--syntax-number: #b45309;--syntax-comment: #6b7280;--syntax-property: #0f5ea8;--syntax-function: #0369a1;--syntax-type: #7c2d12;--success-bg: #eaf8ef;--success-text: #166534;--error-bg: #fff0f0;--error-text: #9f1d1d;--workspace-bg: var(--page-bg);--toolbar-bg: linear-gradient(180deg, #ffffff, #f7fafd), var(--surface);--toolbar-shadow: 0 12px 34px rgba(23, 32, 51, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--editor-frame-shadow: 0 18px 52px rgba(23, 32, 51, .1), 0 1px 2px rgba(23, 32, 51, .05);--editor-hover-ring: inset 0 0 0 1px rgba(14, 116, 144, .16);--editor-header-bg: linear-gradient(180deg, #fbfdff, #f4f7fb);--editor-header-text: #506079;--control-bg: #f8fafc;--control-shadow: 0 1px 1px rgba(23, 32, 51, .04);--control-hover-bg: #eef8fb;--control-hover-shadow: 0 8px 20px rgba(14, 116, 144, .12), 0 0 0 3px rgba(14, 116, 144, .08);--theme-option-selected-shadow: 0 0 0 1px rgba(14, 116, 144, .16);--swap-bg: #ffffff;--swap-shadow: 0 10px 24px rgba(23, 32, 51, .16), 0 0 0 4px rgba(255, 255, 255, .88);--swap-hover-shadow: 0 14px 32px rgba(14, 116, 144, .2), 0 0 0 4px rgba(14, 116, 144, .09);--navigator-bg: linear-gradient(180deg, #ffffff, #f7fafd), var(--surface);--navigator-shadow: 0 12px 34px rgba(23, 32, 51, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--floating-trigger-border: rgba(185, 198, 214, .9);--floating-trigger-bg: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(242, 247, 251, .94));--floating-trigger-color: #172033;--floating-trigger-shadow: 0 16px 36px rgba(23, 32, 51, .14), 0 1px 2px rgba(23, 32, 51, .06), inset 0 1px 0 rgba(255, 255, 255, .94);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 20px 44px rgba(14, 116, 144, .16), 0 0 0 4px var(--accent-light), inset 0 1px 0 rgba(255, 255, 255, .96);--floating-panel-border: rgba(185, 198, 214, .92);--floating-panel-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(246, 249, 252, .96));--floating-panel-shadow: 0 28px 80px rgba(23, 32, 51, .18), 0 0 0 1px rgba(255, 255, 255, .88), inset 0 1px 0 rgba(255, 255, 255, .96);background:var(--page-bg);color:var(--text)}.diff-workspace--dark{--page-bg: transparent;--surface: rgba(16, 24, 38, .84);--surface-hover: rgba(23, 34, 52, .94);--surface-elevated: rgba(20, 30, 47, .96);--border: rgba(139, 160, 190, .22);--border-strong: rgba(166, 184, 211, .35);--text: #f5f7fb;--text-muted: #a5b1c4;--text-subtle: #748197;--on-accent: #06100c;--accent: #45d4a3;--accent-hover: #5de0b3;--accent-light: rgba(69, 212, 163, .14);--accent-border: rgba(69, 212, 163, .35);--editor-surface: #0a0f19;--editor-text: #f2f6ff;--editor-muted: #758196;--editor-gutter: #070b13;--editor-active-line: rgba(69, 212, 163, .09);--editor-selection: rgba(69, 212, 163, .22);--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35);--insert-bg: var(--insert-line-bg);--insert-line: rgba(52, 211, 153, .65);--delete-bg: var(--delete-line-bg);--delete-line: rgba(248, 113, 113, .65);--replace-bg: var(--replace-line-bg);--replace-line: rgba(251, 191, 36, .65);--syntax-keyword: #ff7b72;--syntax-string: #a5d6ff;--syntax-number: #79c0ff;--syntax-comment: #8b949e;--syntax-property: #7ee787;--syntax-function: #d2a8ff;--syntax-type: #ffa657;--success-bg: rgba(52, 211, 153, .15);--success-text: #7ee787;--error-bg: rgba(248, 113, 113, .15);--error-text: #ffa198;--workspace-bg: radial-gradient(circle at 22% 0%, rgba(69, 212, 163, .1), transparent 36%), linear-gradient(180deg, rgba(13, 21, 34, .7), rgba(8, 13, 22, .44));--toolbar-bg: linear-gradient(180deg, rgba(22, 32, 49, .92), rgba(13, 20, 33, .92)), var(--surface);--toolbar-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-frame-shadow: 0 24px 70px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-hover-ring: inset 0 0 0 1px rgba(69, 212, 163, .12);--editor-header-bg: rgba(16, 24, 38, .96);--editor-header-text: var(--text-muted);--control-bg: rgba(7, 12, 21, .42);--control-shadow: none;--control-hover-bg: var(--accent-light);--control-hover-shadow: var(--shadow-md), 0 0 0 3px rgba(69, 212, 163, .08);--theme-option-selected-shadow: 0 0 0 1px rgba(69, 212, 163, .12);--swap-bg: rgba(14, 22, 35, .98);--swap-shadow: 0 2px 8px rgba(0, 0, 0, .1);--swap-hover-shadow: 0 4px 12px rgba(0, 0, 0, .15);--navigator-bg: linear-gradient(180deg, rgba(22, 32, 49, .9), rgba(13, 20, 33, .9)), var(--surface);--navigator-shadow: 0 18px 48px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .04);--floating-trigger-border: rgba(166, 184, 211, .2);--floating-trigger-bg: linear-gradient(135deg, rgba(22, 32, 49, .96), rgba(8, 13, 22, .94));--floating-trigger-color: #dff8ef;--floating-trigger-shadow: 0 18px 52px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 24px 64px rgba(0, 0, 0, .42), 0 0 0 4px var(--accent-light), 0 0 26px rgba(69, 212, 163, .18), inset 0 1px 0 rgba(255, 255, 255, .12);--floating-panel-border: rgba(166, 184, 211, .24);--floating-panel-bg: linear-gradient(135deg, rgba(20, 30, 47, .98), rgba(8, 13, 22, .97));--floating-panel-shadow: 0 32px 92px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05), inset 0 1px 0 rgba(255, 255, 255, .08);background:var(--page-bg);color:var(--text)}.diff-workspace--warm{--page-bg: #faf8f5;--surface: #fffcf7;--surface-hover: #fef7ed;--surface-elevated: #fffcf7;--border: #f3e8d7;--border-strong: #e7d5ba;--text: #292524;--text-muted: #57534e;--text-subtle: #78716c;--accent: #c2410c;--accent-hover: #9a3412;--accent-light: rgba(194, 65, 12, .09);--accent-border: rgba(194, 65, 12, .26);--editor-surface: #fffcf7;--editor-gutter: #fef7ed;--editor-active-line: rgba(194, 65, 12, .05);--editor-selection: rgba(194, 65, 12, .14);--insert-bg: rgba(132, 204, 22, .14);--insert-line: rgba(132, 204, 22, .55);--delete-bg: rgba(220, 38, 38, .14);--delete-line: rgba(220, 38, 38, .55);--replace-bg: rgba(217, 119, 6, .14);--replace-line: rgba(217, 119, 6, .55);--syntax-keyword: #a16207;--syntax-string: #15803d;--syntax-number: #b91c1c;--syntax-comment: #78716c;--syntax-property: #0369a1;--syntax-function: #c2410c;--syntax-type: #7c2d12;--success-bg: rgba(132, 204, 22, .1);--success-text: #3f6212;--error-bg: rgba(220, 38, 38, .1);--error-text: #991b1b;--workspace-bg: var(--page-bg);--toolbar-bg: linear-gradient(180deg, #fffaf4, #fff7ed), var(--surface);--toolbar-shadow: 0 12px 34px rgba(88, 61, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .88);--editor-frame-shadow: 0 18px 52px rgba(88, 61, 42, .1), 0 1px 2px rgba(88, 61, 42, .05);--editor-hover-ring: inset 0 0 0 1px rgba(194, 65, 12, .16);--editor-header-bg: linear-gradient(180deg, #fffaf4, #f8efe4);--editor-header-text: #68594d;--control-bg: #fff7ed;--control-shadow: 0 1px 1px rgba(88, 61, 42, .04);--control-hover-bg: #f8ead8;--control-hover-shadow: 0 8px 20px rgba(180, 83, 9, .12), 0 0 0 3px rgba(180, 83, 9, .08);--theme-option-selected-shadow: 0 0 0 1px rgba(194, 65, 12, .16);--swap-bg: #fffaf4;--swap-shadow: 0 10px 24px rgba(88, 61, 42, .14), 0 0 0 4px rgba(255, 250, 244, .86);--swap-hover-shadow: 0 14px 32px rgba(180, 83, 9, .18), 0 0 0 4px rgba(180, 83, 9, .09);--navigator-bg: linear-gradient(180deg, #fffaf4, #fff7ed), var(--surface);--navigator-shadow: 0 12px 34px rgba(88, 61, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .88);--floating-trigger-border: rgba(221, 199, 174, .9);--floating-trigger-bg: linear-gradient(135deg, rgba(255, 252, 247, .96), rgba(254, 247, 237, .92));--floating-trigger-color: #3a2b22;--floating-trigger-shadow: 0 16px 36px rgba(88, 61, 42, .14), 0 1px 2px rgba(88, 61, 42, .05), inset 0 1px 0 rgba(255, 255, 255, .9);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 20px 44px rgba(180, 83, 9, .16), 0 0 0 4px var(--accent-light), inset 0 1px 0 rgba(255, 255, 255, .94);--floating-panel-border: rgba(221, 199, 174, .92);--floating-panel-bg: linear-gradient(135deg, rgba(255, 252, 247, .98), rgba(254, 247, 237, .96));--floating-panel-shadow: 0 28px 80px rgba(88, 61, 42, .18), 0 0 0 1px rgba(255, 255, 255, .82), inset 0 1px 0 rgba(255, 255, 255, .94);background:var(--page-bg);color:var(--text)}.diff-workspace--ocean{--page-bg: transparent;--surface: rgba(14, 20, 36, .86);--surface-hover: rgba(18, 28, 48, .94);--surface-elevated: rgba(16, 24, 42, .96);--border: rgba(6, 182, 212, .22);--border-strong: rgba(6, 182, 212, .38);--text: #f0f9ff;--text-muted: #94a3b8;--text-subtle: #64748b;--on-accent: #03131c;--accent: #06b6d4;--accent-hover: #22d3ee;--accent-light: rgba(6, 182, 212, .14);--accent-border: rgba(6, 182, 212, .36);--editor-surface: #080f1e;--editor-gutter: #050a14;--editor-active-line: rgba(6, 182, 212, .09);--editor-selection: rgba(6, 182, 212, .22);--insert-bg: rgba(20, 184, 166, .22);--insert-line: rgba(20, 184, 166, .65);--delete-bg: rgba(251, 113, 133, .22);--delete-line: rgba(251, 113, 133, .65);--replace-bg: rgba(251, 146, 60, .22);--replace-line: rgba(251, 146, 60, .65);--syntax-keyword: #67e8f9;--syntax-string: #a5f3fc;--syntax-number: #7dd3fc;--syntax-comment: #64748b;--syntax-property: #5eead4;--syntax-function: #c4b5fd;--syntax-type: #fbbf24;--success-bg: rgba(20, 184, 166, .15);--success-text: #5eead4;--error-bg: rgba(251, 113, 133, .15);--error-text: #fda4af;--workspace-bg: radial-gradient(circle at 20% 0%, rgba(34, 211, 238, .1), transparent 36%), linear-gradient(180deg, rgba(7, 20, 33, .74), rgba(3, 12, 22, .5));--toolbar-bg: linear-gradient(180deg, rgba(9, 29, 49, .92), rgba(6, 20, 35, .92)), var(--surface);--toolbar-shadow: 0 18px 48px rgba(0, 8, 18, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-frame-shadow: 0 24px 70px rgba(0, 8, 18, .24), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-hover-ring: inset 0 0 0 1px rgba(34, 211, 238, .12);--editor-header-bg: rgba(9, 29, 49, .96);--editor-header-text: var(--text-muted);--control-bg: rgba(5, 18, 31, .42);--control-shadow: none;--control-hover-bg: var(--accent-light);--control-hover-shadow: var(--shadow-md), 0 0 0 3px rgba(34, 211, 238, .08);--theme-option-selected-shadow: 0 0 0 1px rgba(34, 211, 238, .12);--swap-bg: rgba(9, 29, 49, .98);--swap-shadow: 0 2px 8px rgba(0, 8, 18, .12);--swap-hover-shadow: 0 4px 12px rgba(0, 8, 18, .18);--navigator-bg: linear-gradient(180deg, rgba(9, 29, 49, .9), rgba(6, 20, 35, .9)), var(--surface);--navigator-shadow: 0 18px 48px rgba(0, 8, 18, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--floating-trigger-border: rgba(34, 211, 238, .22);--floating-trigger-bg: linear-gradient(135deg, rgba(9, 29, 49, .96), rgba(4, 15, 28, .94));--floating-trigger-color: #d7fbff;--floating-trigger-shadow: 0 18px 52px rgba(0, 8, 18, .36), inset 0 1px 0 rgba(103, 232, 249, .08);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 24px 64px rgba(0, 8, 18, .46), 0 0 0 4px var(--accent-light), 0 0 26px rgba(34, 211, 238, .18), inset 0 1px 0 rgba(255, 255, 255, .1);--floating-panel-border: rgba(34, 211, 238, .24);--floating-panel-bg: linear-gradient(135deg, rgba(9, 29, 49, .98), rgba(4, 15, 28, .97));--floating-panel-shadow: 0 32px 92px rgba(0, 8, 18, .54), 0 0 0 1px rgba(103, 232, 249, .05), inset 0 1px 0 rgba(255, 255, 255, .08);background:var(--page-bg);color:var(--text)}.diff-workspace--forest{--page-bg: transparent;--surface: rgba(12, 20, 16, .86);--surface-hover: rgba(16, 26, 21, .94);--surface-elevated: rgba(14, 23, 18, .96);--border: rgba(16, 185, 129, .22);--border-strong: rgba(16, 185, 129, .38);--text: #f0fdf4;--text-muted: #94a3b8;--text-subtle: #64748b;--on-accent: #03130c;--accent: #10b981;--accent-hover: #34d399;--accent-light: rgba(16, 185, 129, .14);--accent-border: rgba(16, 185, 129, .36);--editor-surface: #030705;--editor-gutter: #020503;--editor-active-line: rgba(16, 185, 129, .09);--editor-selection: rgba(16, 185, 129, .22);--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35);--insert-bg: var(--insert-line-bg);--insert-line: rgba(52, 211, 153, .65);--delete-bg: var(--delete-line-bg);--delete-line: rgba(248, 113, 113, .65);--replace-bg: var(--replace-line-bg);--replace-line: rgba(251, 191, 36, .65);--syntax-keyword: #6ee7b7;--syntax-string: #a7f3d0;--syntax-number: #6ee7b7;--syntax-comment: #64748b;--syntax-property: #5eead4;--syntax-function: #c4b5fd;--syntax-type: #fbbf24;--success-bg: rgba(52, 211, 153, .15);--success-text: #6ee7b7;--error-bg: rgba(248, 113, 113, .15);--error-text: #fca5a5;--workspace-bg: radial-gradient(circle at 20% 0%, rgba(52, 211, 153, .1), transparent 36%), linear-gradient(180deg, rgba(6, 16, 12, .74), rgba(2, 9, 6, .5));--toolbar-bg: linear-gradient(180deg, rgba(9, 24, 17, .92), rgba(5, 14, 10, .92)), var(--surface);--toolbar-shadow: 0 18px 48px rgba(0, 8, 5, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-frame-shadow: 0 24px 70px rgba(0, 8, 5, .24), inset 0 1px 0 rgba(255, 255, 255, .04);--editor-hover-ring: inset 0 0 0 1px rgba(52, 211, 153, .12);--editor-header-bg: rgba(9, 24, 17, .96);--editor-header-text: var(--text-muted);--control-bg: rgba(3, 12, 8, .42);--control-shadow: none;--control-hover-bg: var(--accent-light);--control-hover-shadow: var(--shadow-md), 0 0 0 3px rgba(52, 211, 153, .08);--theme-option-selected-shadow: 0 0 0 1px rgba(52, 211, 153, .12);--swap-bg: rgba(9, 24, 17, .98);--swap-shadow: 0 2px 8px rgba(0, 8, 5, .12);--swap-hover-shadow: 0 4px 12px rgba(0, 8, 5, .18);--navigator-bg: linear-gradient(180deg, rgba(9, 24, 17, .9), rgba(5, 14, 10, .9)), var(--surface);--navigator-shadow: 0 18px 48px rgba(0, 8, 5, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--floating-trigger-border: rgba(52, 211, 153, .22);--floating-trigger-bg: linear-gradient(135deg, rgba(9, 24, 17, .96), rgba(3, 12, 8, .94));--floating-trigger-color: #dcfce7;--floating-trigger-shadow: 0 18px 52px rgba(0, 8, 5, .36), inset 0 1px 0 rgba(134, 239, 172, .08);--floating-trigger-hover-border: var(--accent-border);--floating-trigger-hover-shadow: 0 24px 64px rgba(0, 8, 5, .46), 0 0 0 4px var(--accent-light), 0 0 26px rgba(52, 211, 153, .18), inset 0 1px 0 rgba(255, 255, 255, .1);--floating-panel-border: rgba(52, 211, 153, .24);--floating-panel-bg: linear-gradient(135deg, rgba(9, 24, 17, .98), rgba(3, 12, 8, .97));--floating-panel-shadow: 0 32px 92px rgba(0, 8, 5, .54), 0 0 0 1px rgba(134, 239, 172, .05), inset 0 1px 0 rgba(255, 255, 255, .08);background:var(--page-bg);color:var(--text)}.diff-workspace--light{--insert-line-bg: rgba(47, 158, 88, .12);--delete-line-bg: rgba(224, 82, 82, .12);--replace-line-bg: rgba(217, 144, 36, .12);--insert-char-bg: rgba(47, 158, 88, .3);--delete-char-bg: rgba(224, 82, 82, .3)}.diff-workspace--dark{--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35)}.diff-workspace--warm{--insert-line-bg: rgba(132, 204, 22, .12);--delete-line-bg: rgba(220, 38, 38, .12);--replace-line-bg: rgba(217, 119, 6, .12);--insert-char-bg: rgba(132, 204, 22, .3);--delete-char-bg: rgba(220, 38, 38, .3)}.diff-workspace--ocean{--insert-line-bg: rgba(20, 184, 166, .15);--delete-line-bg: rgba(251, 113, 133, .15);--replace-line-bg: rgba(251, 146, 60, .15);--insert-char-bg: rgba(20, 184, 166, .35);--delete-char-bg: rgba(251, 113, 133, .35)}.diff-workspace--forest{--insert-line-bg: rgba(52, 211, 153, .15);--delete-line-bg: rgba(248, 113, 113, .15);--replace-line-bg: rgba(251, 191, 36, .15);--insert-char-bg: rgba(52, 211, 153, .35);--delete-char-bg: rgba(248, 113, 113, .35)}.cm-diff-insert-line{background-color:var(--insert-line-bg)}.cm-diff-delete-line{background-color:var(--delete-line-bg)}.cm-diff-replace-line{background-color:var(--replace-line-bg)}.cm-diff-insert-char{background-color:var(--insert-char-bg);border-radius:2px}.cm-diff-delete-char{background-color:var(--delete-char-bg);border-radius:2px}.cm-diff-insert{background-color:var(--insert-line-bg)}.cm-diff-delete{background-color:var(--delete-line-bg)}.cm-diff-replace{background-color:var(--replace-line-bg)}.diff-toolbar{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--toolbar-bg);box-shadow:var(--toolbar-shadow)}.diff-toolbar__row{display:flex;align-items:center;justify-content:flex-start;gap:6px 8px;flex-wrap:wrap}.diff-toolbar__row--settings{justify-content:flex-start;align-items:stretch}.diff-toolbar__cluster{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;padding-right:12px;border-right:1px solid var(--border)}.diff-toolbar__cluster:last-child{border-right:0;padding-right:0}.diff-toolbar__label{align-self:center;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.icon-button,.ghost-button,.segmented button,.diff-navigator button,.toggle,.format-select{min-height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--control-bg);color:var(--text);font:inherit;font-size:.8rem;box-shadow:var(--control-shadow);transition:var(--transition-all);user-select:none;-webkit-user-select:none}.icon-button,.ghost-button,.segmented button,.diff-navigator button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:var(--space-xs) 10px;cursor:pointer;user-select:none;-webkit-user-select:none}.icon-button:hover,.ghost-button:hover,.segmented button:hover,.diff-navigator button:hover,.toggle:hover,.format-select:hover{border-color:var(--accent-border);background:var(--control-hover-bg);box-shadow:var(--control-hover-shadow);transform:translateY(-1px)}.icon-button:active,.ghost-button:active,.segmented button:active,.diff-navigator button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.icon-button:disabled,.ghost-button:disabled,.segmented button:disabled,.diff-navigator button:disabled{opacity:.5;cursor:not-allowed;transform:none}.segmented{display:inline-flex}.segmented button{border-radius:0;border-right-width:0}.segmented button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.segmented button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.segmented button[aria-pressed=true],.toggle:has(input:checked){border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--selected-shadow)}.segmented--format button{min-width:68px}.ghost-button[aria-pressed=true],.ghost-button[aria-expanded=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--selected-shadow)}.toggle{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 10px;cursor:pointer;user-select:none;-webkit-user-select:none}.toggle input{accent-color:var(--accent);cursor:pointer}.format-select{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm)}.format-select select{min-height:28px;max-width:130px;border:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:.8rem}.icon-button:focus-visible,.ghost-button:focus-visible,.segmented button:focus-visible,.diff-navigator button:focus-visible,.toggle:focus-within,.format-select:focus-within{outline:2px solid var(--accent);outline-offset:2px}.diff-editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:500px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--editor-surface);box-shadow:var(--editor-frame-shadow)}.diff-editors--stacked{grid-template-columns:1fr}.diff-editor{display:grid;grid-template-rows:auto minmax(462px,1fr);min-width:0;border:0;border-right:1px solid var(--border);border-radius:0;background:var(--editor-surface);overflow:hidden;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.diff-editor:last-child{border-right:0}.diff-editor:hover{border-color:var(--accent-border);box-shadow:var(--editor-hover-ring)}.diff-editor__header{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--editor-header-bg);color:var(--editor-header-text);font-size:.82rem;font-weight:700}.editor-clear-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--control-bg);color:var(--text-muted);cursor:pointer;box-shadow:var(--control-shadow);transition:all .15s ease;user-select:none;-webkit-user-select:none}.editor-clear-button:hover{border-color:var(--accent-border);background:var(--control-hover-bg);color:var(--accent);box-shadow:var(--control-hover-shadow)}.editor-clear-button:active{transform:translateY(.5px)}.swap-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid var(--border);border-radius:50%;background:var(--swap-bg);color:var(--text-muted);cursor:pointer;box-shadow:var(--swap-shadow);transition:all .2s ease;user-select:none;-webkit-user-select:none}.swap-button:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent);transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--swap-hover-shadow)}.swap-button:active{transform:translate(-50%,-50%) scale(1.05)}.diff-editors{position:relative}.diff-editor__surface .cm-unchanged-fold{display:flex;align-items:center;justify-content:center;min-height:32px;margin:4px 18px;border:1px dashed var(--accent-border);border-radius:7px;background:var(--accent-light);color:var(--text-muted);font-family:var(--editor-font-family);font-size:.78rem;user-select:none;transition:all .15s ease}.diff-editor__surface .cm-unchanged-fold:hover{background:var(--accent-light);border-color:var(--accent);opacity:.8}.diff-navigator{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--navigator-bg);box-shadow:var(--navigator-shadow)}.diff-navigator__status{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.86rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--text-subtle);transition:all .2s ease}.status-dot--changed{background:var(--accent);box-shadow:0 0 0 3px var(--accent-light);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.diff-navigator__actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diff-navigator button{min-width:80px;user-select:none;-webkit-user-select:none}.format-status{margin:0;border:1px solid var(--accent-border);border-radius:6px;background:var(--success-bg);color:var(--success-text);padding:8px 12px;font-size:.84rem;line-height:1.4;animation:slideIn .2s ease-out}.format-status--error{border-color:var(--error-text);background:var(--error-bg);color:var(--error-text)}.no-differences-notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid var(--accent-border);border-radius:8px;background:linear-gradient(135deg,var(--success-bg),transparent 74%),var(--surface);color:var(--text);box-shadow:var(--navigator-shadow);animation:slideIn .2s ease-out}.no-differences-notice__mark{display:inline-flex;width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px var(--accent-light)}.no-differences-notice strong,.no-differences-notice span{display:block}.no-differences-notice strong{font-size:.9rem;line-height:1.35}.no-differences-notice span{margin-top:2px;color:var(--text-muted);font-size:.82rem;line-height:1.45}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.privacy-note{display:inline-flex;align-items:center;gap:6px;justify-self:center;margin:12px 0 0;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text-muted);font-size:.8rem;line-height:1.5}.diff-workspace--focus{position:fixed;inset:0;z-index:40;width:100vw;min-height:100vh;overflow:auto;padding:12px}.diff-workspace--focus .diff-editors{min-height:calc(100vh - 230px)}.diff-workspace--focus .diff-editor,.diff-workspace--focus .diff-editor__surface,.diff-workspace--focus .diff-editor__surface .cm-scroller,.diff-workspace--focus .diff-editor__surface .cm-content{min-height:calc(100vh - 292px)}.display-panel{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(280px,2fr) auto;gap:10px;align-items:end;border-top:1px solid var(--border);padding-top:12px}.display-field{display:grid;gap:6px}.display-field__label{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.75rem;font-weight:700}.display-field select{min-height:32px;border:1px solid var(--border);border-radius:6px;background:var(--control-bg);color:var(--text);padding:0 8px;font:inherit;font-size:.82rem;cursor:pointer;box-shadow:var(--control-shadow);transition:var(--transition-all)}.display-field select:hover{border-color:var(--accent-border);background:var(--control-hover-bg);box-shadow:var(--control-hover-shadow)}.display-field select:focus{border-color:var(--accent);outline:none}.display-field--range{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.display-field--range .display-field__label{grid-column:1 / -1}.display-field input[type=range]{accent-color:var(--accent);cursor:pointer}.display-field output{min-width:42px;text-align:right;color:var(--text-muted);font-size:.78rem;font-weight:600}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-option{display:grid;gap:2px;min-height:52px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--control-shadow);transition:all .15s ease;user-select:none;-webkit-user-select:none}.theme-option:hover{border-color:var(--accent-border);background:var(--surface-hover)}.theme-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--theme-option-selected-shadow)}.theme-option__label{font-size:.82rem;font-weight:700;color:var(--text)}.theme-option__desc{font-size:.7rem;color:var(--text-subtle)}@media(max-width:920px){.display-panel{grid-template-columns:1fr;gap:12px}.theme-options{grid-template-columns:1fr}}.floating-settings{position:fixed;top:8px;right:20px;z-index:100;width:48px;min-height:58px}#nav-settings-portal .floating-settings{position:relative;top:auto;right:auto;z-index:100;width:auto;min-height:auto}.floating-settings__trigger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--site-line);border-radius:var(--radius-xl);background:transparent;color:var(--site-muted);cursor:pointer;transition:var(--transition-all);user-select:none;-webkit-user-select:none}.floating-settings__trigger:hover{color:var(--site-foreground);background:var(--site-nav-hover-bg)}.floating-settings__trigger:active{transform:none}.floating-settings__panel{position:absolute;top:58px;right:0;width:360px;max-height:calc(100vh - 40px);padding:var(--space-xl);border:1px solid var(--floating-panel-border);border-radius:var(--radius-3xl);background:var(--floating-panel-bg);box-shadow:var(--floating-panel-shadow);z-index:100;opacity:0;transform:translate(20px) scale(.96);pointer-events:none;transition:var(--transition-all);overflow-y:auto}.floating-settings__panel--open{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.floating-settings__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem;font-weight:700}.floating-settings__panel .display-panel{grid-template-columns:1fr;gap:16px;border-top:0;padding-top:0}.floating-settings__panel .theme-options{grid-template-columns:1fr}.floating-settings__panel .theme-option{min-height:60px}@media(max-width:640px){.floating-settings{top:12px;right:12px}.floating-settings__trigger{width:44px;height:44px}.floating-settings__panel{width:calc(100vw - 24px);max-width:340px}}.diff-workspace--focus #nav-settings-portal .floating-settings{display:none}@media(max-width:920px){.diff-workspace{min-width:0}.diff-editors{grid-template-columns:1fr;gap:0}.diff-editor{border-right:0;border-bottom:1px solid var(--border)}.diff-editor:last-child{border-bottom:0}.diff-toolbar__row,.diff-navigator{align-items:stretch}.diff-toolbar__row--settings{display:grid;grid-template-columns:1fr;gap:10px}.diff-toolbar__cluster{width:100%;min-width:0;padding:8px 0;border-right:0;border-bottom:1px solid var(--border)}.diff-toolbar__cluster:last-child{border-bottom:0}.diff-toolbar__label{flex:0 0 70px}.icon-button,.segmented button{flex:1 1 auto}.format-select select{width:100%;max-width:none}.toggle,.ghost-button{flex:1 1 160px;justify-content:center}}@media(max-width:640px){.diff-workspace{width:100%;gap:10px;padding:10px}.diff-toolbar{padding:8px;gap:8px}.diff-toolbar__row,.diff-toolbar__row:first-child{display:grid;gap:6px;min-width:0}.diff-toolbar__cluster{display:grid;grid-template-columns:1fr;gap:6px;padding-block:6px}.diff-toolbar__label{flex-basis:100%;margin-bottom:4px}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.segmented button,.segmented button:first-child,.segmented button:last-child{min-width:0;border-radius:var(--radius-md);border-right-width:1px}.format-select{width:100%;justify-content:space-between}.toggle,.ghost-button{width:100%;min-width:0}.diff-editor,.diff-editor__surface,.diff-editor__surface .cm-scroller,.diff-editor__surface .cm-content{min-height:360px}.format-status,.no-differences-notice,.privacy-note{font-size:.78rem}.diff-navigator{flex-direction:column;gap:8px}.diff-navigator__status{width:100%;justify-content:center}.diff-navigator__actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.diff-navigator button{min-width:0}.swap-button{display:none}}.site-header[data-astro-cid-j7pv25f6]{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--site-header-border);background:var(--site-header-bg);backdrop-filter:blur(24px);box-shadow:var(--site-header-shadow)}.site-nav[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;min-height:64px;width:min(1510px,calc(100% - 32px));margin-inline:auto}.brand[data-astro-cid-j7pv25f6],.nav-links[data-astro-cid-j7pv25f6],.nav-actions[data-astro-cid-j7pv25f6],.nav-language[data-astro-cid-j7pv25f6],.language-switch[data-astro-cid-j7pv25f6],.view-link[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center}.brand[data-astro-cid-j7pv25f6]{gap:10px;text-decoration:none;color:var(--site-foreground);font-weight:800;transition:var(--transition-transform)}.brand[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px)}.brand[data-astro-cid-j7pv25f6]:hover .brand-mark[data-astro-cid-j7pv25f6]{box-shadow:var(--site-brand-mark-hover-shadow);transform:rotate(-5deg)}.brand-mark[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--site-brand-mark-border);border-radius:8px;background:var(--site-brand-mark-bg);color:var(--site-brand-mark-color);box-shadow:var(--site-brand-mark-shadow);transition:var(--transition-all)}.nav-links[data-astro-cid-j7pv25f6]{gap:6px}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6],.language-switch[data-astro-cid-j7pv25f6],.view-link[data-astro-cid-j7pv25f6]{min-height:36px;border-radius:8px;color:var(--site-muted);text-decoration:none;font-size:.9rem;font-weight:650}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{padding:8px 13px;position:relative}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;bottom:6px;left:13px;right:13px;height:2px;background:linear-gradient(90deg,var(--site-accent-strong),var(--site-accent));border-radius:2px;opacity:0;transform:scaleX(0);transition:var(--transition-all)}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover,.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6].is-active,.language-switch[data-astro-cid-j7pv25f6]:hover,.view-link[data-astro-cid-j7pv25f6]:hover{color:var(--site-foreground);background:var(--site-nav-hover-bg)}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover:after,.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6].is-active:after{opacity:1;transform:scaleX(1)}.nav-actions[data-astro-cid-j7pv25f6]{justify-content:end}.nav-language[data-astro-cid-j7pv25f6]{justify-content:end;gap:8px}.language-switch[data-astro-cid-j7pv25f6]{gap:7px;min-height:48px;padding:8px 13px;border:1px solid var(--site-line);border-radius:var(--radius-xl)}.tool-page[data-astro-cid-j7pv25f6]{position:relative;display:grid;gap:34px;padding-block:28px 0;overflow:hidden}.tool-page[data-astro-cid-j7pv25f6]:before{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(var(--site-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--site-grid-line) 1px,transparent 1px),radial-gradient(circle at 50% 0%,var(--site-accent-soft),transparent 38%),linear-gradient(180deg,var(--site-bg),var(--site-bg-end));background-size:48px 48px,48px 48px,100% 680px,auto}.hero[data-astro-cid-j7pv25f6]{display:grid;justify-items:center;gap:12px;text-align:center}.trust-pill[data-astro-cid-j7pv25f6],.frame-hints[data-astro-cid-j7pv25f6],.frame-hints[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center}.trust-pill[data-astro-cid-j7pv25f6]{gap:8px;min-height:32px;padding:6px 12px;border:1px solid var(--site-accent-border);border-radius:999px;background:var(--site-trust-bg);color:var(--site-accent-strong);font-size:.82rem;font-weight:750;box-shadow:var(--site-trust-shadow);transition:var(--transition-all)}.trust-pill[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);border-color:var(--site-accent-border);box-shadow:var(--site-trust-hover-shadow)}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{max-width:850px;margin:0;background:var(--site-hero-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:clamp(2rem,5vw,4.35rem);line-height:.98;letter-spacing:0;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{max-width:680px;margin:0;color:var(--site-muted);font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.65}.comparison-stage[data-astro-cid-j7pv25f6]{scroll-margin-top:86px;width:min(1510px,calc(100% - 32px));margin-inline:auto}.comparison-frame[data-astro-cid-j7pv25f6]{border:1px solid var(--site-frame-border);border-radius:14px;background:var(--site-frame-bg);box-shadow:var(--site-frame-shadow);overflow:hidden;transition:var(--transition-all)}.comparison-frame[data-astro-cid-j7pv25f6]:hover{border-color:var(--site-frame-hover-border);box-shadow:var(--site-frame-hover-shadow)}.comparison-frame__header[data-astro-cid-j7pv25f6]{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--site-line)}.section-kicker[data-astro-cid-j7pv25f6]{margin:0 0 6px;color:var(--site-accent-strong);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.comparison-frame[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6],.section-heading[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6],.feature-strip[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6],.seo-panel[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6],.blog-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6],.site-footer[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin:0;color:var(--site-foreground);letter-spacing:0}.comparison-frame[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:clamp(1.1rem,2vw,1.45rem)}.frame-hints[data-astro-cid-j7pv25f6]{gap:8px;flex-wrap:wrap;justify-content:end}.frame-hints[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{gap:6px;min-height:30px;padding:6px 10px;border:1px solid var(--site-line);border-radius:999px;background:var(--site-chip-bg);color:var(--site-muted);font-size:.78rem;font-weight:700;transition:var(--transition-all)}.frame-hints[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:hover{border-color:var(--site-accent-border);background:var(--site-chip-hover-bg);color:var(--site-accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px var(--site-accent-soft)}.feature-strip[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6],.seo-panel[data-astro-cid-j7pv25f6],.blog-card[data-astro-cid-j7pv25f6],.faq[data-astro-cid-j7pv25f6] details[data-astro-cid-j7pv25f6]{border:1px solid var(--site-line);background:var(--site-panel);box-shadow:var(--site-card-shadow)}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;min-height:104px;padding:18px;border-radius:12px;transition:var(--transition-all)}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]:hover{border-color:var(--site-frame-hover-border);background:var(--site-panel-hover);box-shadow:var(--site-card-hover-shadow);transform:translateY(-4px)}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]>svg[data-astro-cid-j7pv25f6]{width:44px;height:44px;padding:10px;border-radius:10px;background:var(--site-icon-bg);color:var(--site-accent);transition:var(--transition-all)}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]:hover>svg[data-astro-cid-j7pv25f6]{background:var(--site-icon-hover-bg);color:var(--site-accent-strong);transform:scale(1.1) rotate(5deg);box-shadow:var(--site-icon-shadow)}.feature-strip[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1rem}.feature-strip[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.seo-copy[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.seo-panel[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6],.seo-panel[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.blog-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.faq[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.site-footer[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.site-footer[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--site-muted);line-height:1.65}.feature-strip[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:4px 0 0;font-size:.88rem}.seo-copy[data-astro-cid-j7pv25f6],.blog-section[data-astro-cid-j7pv25f6],.faq[data-astro-cid-j7pv25f6]{scroll-margin-top:86px;padding-block:20px}.seo-copy[data-astro-cid-j7pv25f6]{max-width:1120px}.section-heading[data-astro-cid-j7pv25f6]{display:grid;gap:4px;margin-bottom:16px}.section-heading--row[data-astro-cid-j7pv25f6]{grid-template-columns:minmax(0,1fr) auto;align-items:end}.section-heading--center[data-astro-cid-j7pv25f6]{justify-items:center;text-align:center}.section-heading[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.12}.seo-copy[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]{max-width:780px;margin:0;font-size:.98rem}.seo-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;margin-block-start:22px}.seo-panel[data-astro-cid-j7pv25f6]{border-radius:12px;padding:20px}.seo-panel[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1rem}.seo-panel[data-astro-cid-j7pv25f6] ul[data-astro-cid-j7pv25f6]{display:grid;gap:8px;margin:12px 0 0;padding-inline-start:18px}.seo-panel[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:12px 0 0}.view-link[data-astro-cid-j7pv25f6]{gap:6px;padding:8px 10px}.blog-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card[data-astro-cid-j7pv25f6]{display:grid;gap:10px;min-height:268px;border-radius:12px;padding:14px;transition:var(--transition-all)}.blog-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--site-frame-hover-border);background:var(--site-panel-hover);box-shadow:var(--site-card-hover-shadow);transform:translateY(-6px)}.blog-card__visual[data-astro-cid-j7pv25f6]{display:grid;gap:7px;min-height:94px;padding:18px;border:1px solid var(--site-line);border-radius:9px;background:var(--site-blog-visual-bg);transition:var(--transition-all)}.blog-card[data-astro-cid-j7pv25f6]:hover .blog-card__visual[data-astro-cid-j7pv25f6]{border-color:var(--site-accent-border);background:var(--site-blog-visual-hover-bg);box-shadow:0 0 24px var(--site-accent-soft)}.blog-card__visual[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{display:block;height:9px;border-radius:999px;background:var(--site-blog-line);transition:var(--transition-all)}.blog-card__visual[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(2){width:72%;background:var(--site-blog-line-accent)}.blog-card[data-astro-cid-j7pv25f6]:hover .blog-card__visual[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(2){width:85%;background:var(--site-blog-line-accent-hover)}.blog-card__visual[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(3){width:56%}.blog-card[data-astro-cid-j7pv25f6]:hover .blog-card__visual[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(3){width:68%}.blog-card[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]:first-of-type{margin:0;color:var(--site-accent-strong);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.blog-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.08rem;line-height:1.25}.blog-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;font-size:.9rem}.blog-card[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{align-self:end;color:var(--site-foreground);text-decoration-color:var(--site-accent-border);text-underline-offset:4px;font-size:.9rem;font-weight:750}.faq[data-astro-cid-j7pv25f6]{max-width:940px;padding-block-end:70px}.faq-list[data-astro-cid-j7pv25f6]{display:grid;gap:10px}.faq[data-astro-cid-j7pv25f6] details[data-astro-cid-j7pv25f6]{border-radius:10px;padding:0;transition:var(--transition-all)}.faq[data-astro-cid-j7pv25f6] details[data-astro-cid-j7pv25f6]:hover{border-color:var(--site-frame-hover-border);background:var(--site-panel-hover);box-shadow:var(--site-card-hover-shadow)}.faq[data-astro-cid-j7pv25f6] details[data-astro-cid-j7pv25f6][open]{border-color:var(--site-accent-border);background:var(--site-panel-hover);box-shadow:var(--site-card-hover-shadow)}.faq[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6]{cursor:pointer;padding:16px 18px;color:var(--site-foreground);font-size:.98rem;font-weight:750;position:relative;transition:var(--transition-colors)}.faq[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6]:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--site-muted);transition:var(--transition-all)}.faq[data-astro-cid-j7pv25f6] details[data-astro-cid-j7pv25f6][open] summary[data-astro-cid-j7pv25f6]:after{content:"−";color:var(--site-accent-strong);transform:translateY(-50%) rotate(180deg)}.faq[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6]:hover{color:var(--site-accent-strong)}.faq[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;padding:0 18px 18px;font-size:.92rem;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.site-footer[data-astro-cid-j7pv25f6]{border-top:1px solid var(--site-line);background:var(--site-footer-bg)}.site-footer[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;padding-block:24px;color:var(--site-muted);font-size:.85rem;text-align:center}@media(max-width:940px){.site-nav[data-astro-cid-j7pv25f6]{gap:12px}.nav-links[data-astro-cid-j7pv25f6]{order:3;grid-column:1 / -1;overflow-x:auto;padding-bottom:10px}.site-nav[data-astro-cid-j7pv25f6]{min-height:58px;padding-top:8px}.comparison-frame__header[data-astro-cid-j7pv25f6],.section-heading--row[data-astro-cid-j7pv25f6]{display:grid;align-items:start}.frame-hints[data-astro-cid-j7pv25f6]{justify-content:start}.feature-strip[data-astro-cid-j7pv25f6],.seo-grid[data-astro-cid-j7pv25f6],.blog-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}@media(max-width:640px){.site-nav[data-astro-cid-j7pv25f6]{width:min(100% - 20px,1510px)}.brand[data-astro-cid-j7pv25f6]{font-size:.95rem}.nav-actions[data-astro-cid-j7pv25f6]{padding-right:0}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{padding-inline:10px;white-space:nowrap}.tool-page[data-astro-cid-j7pv25f6]{gap:24px;padding-block-start:18px}.hero[data-astro-cid-j7pv25f6]{width:min(100% - 22px,1120px);justify-items:start;text-align:left}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:clamp(2rem,12vw,3rem)}.comparison-stage[data-astro-cid-j7pv25f6]{width:min(100% - 14px,1510px)}.comparison-frame__header[data-astro-cid-j7pv25f6]{padding:14px}.feature-strip[data-astro-cid-j7pv25f6] article[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.faq[data-astro-cid-j7pv25f6]{padding-block-end:44px}}