.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(91, 196, 102, .32);--delete-line-bg: rgba(224, 82, 82, .18);--replace-line-bg: rgba(102, 166, 232, .22);--insert-char-bg: rgba(91, 196, 102, .46);--delete-char-bg: rgba(224, 82, 82, .34);--insert-line: #67b86d;--delete-line: #e05252;--replace-line: #6fa9e8;--insert-connector-bg: rgba(91, 196, 102, .28);--insert-connector-line: rgba(63, 161, 72, .45);--delete-connector-bg: rgba(224, 82, 82, .18);--delete-connector-line: rgba(224, 82, 82, .42);--replace-connector-bg: rgba(102, 166, 232, .22);--replace-connector-line: rgba(84, 139, 205, .42);--diff-connector-bg: #f8fafc;--diff-connector-axis: rgba(139, 160, 190, .32);--connector-action-bg: rgba(255, 255, 255, .92);--connector-action-shadow: 0 8px 18px rgba(23, 32, 51, .08);--connector-action-hover-shadow: 0 12px 26px rgba(23, 32, 51, .14);--fold-wave-color: rgba(146, 158, 174, .45)}.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);--insert-connector-bg: rgba(52, 211, 153, .22);--insert-connector-line: rgba(52, 211, 153, .42);--delete-connector-bg: rgba(248, 113, 113, .2);--delete-connector-line: rgba(248, 113, 113, .42);--replace-connector-bg: rgba(96, 165, 250, .18);--replace-connector-line: rgba(96, 165, 250, .42);--diff-connector-bg: rgba(7, 11, 18, .78);--diff-connector-axis: rgba(139, 160, 190, .18);--connector-action-bg: rgba(14, 21, 34, .92);--connector-action-shadow: 0 8px 18px rgba(0, 0, 0, .22);--connector-action-hover-shadow: 0 12px 26px rgba(0, 0, 0, .32);--fold-wave-color: rgba(139, 160, 190, .36)}.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);--insert-connector-bg: rgba(132, 204, 22, .2);--insert-connector-line: rgba(101, 163, 13, .36);--delete-connector-bg: rgba(220, 38, 38, .16);--delete-connector-line: rgba(220, 38, 38, .34);--replace-connector-bg: rgba(217, 119, 6, .16);--replace-connector-line: rgba(217, 119, 6, .34);--diff-connector-bg: #fff7ed;--diff-connector-axis: rgba(168, 132, 95, .24);--connector-action-bg: rgba(255, 252, 247, .92);--connector-action-shadow: 0 8px 18px rgba(88, 61, 42, .08);--connector-action-hover-shadow: 0 12px 26px rgba(88, 61, 42, .14);--fold-wave-color: rgba(143, 114, 88, .38)}.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);--insert-connector-bg: rgba(20, 184, 166, .2);--insert-connector-line: rgba(20, 184, 166, .4);--delete-connector-bg: rgba(251, 113, 133, .2);--delete-connector-line: rgba(251, 113, 133, .42);--replace-connector-bg: rgba(56, 189, 248, .18);--replace-connector-line: rgba(56, 189, 248, .42);--diff-connector-bg: rgba(3, 12, 22, .78);--diff-connector-axis: rgba(125, 211, 252, .18);--connector-action-bg: rgba(7, 22, 38, .92);--connector-action-shadow: 0 8px 18px rgba(0, 8, 18, .24);--connector-action-hover-shadow: 0 12px 26px rgba(0, 8, 18, .34);--fold-wave-color: rgba(125, 211, 252, .34)}.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);--insert-connector-bg: rgba(52, 211, 153, .22);--insert-connector-line: rgba(52, 211, 153, .42);--delete-connector-bg: rgba(248, 113, 113, .18);--delete-connector-line: rgba(248, 113, 113, .4);--replace-connector-bg: rgba(96, 165, 250, .16);--replace-connector-line: rgba(96, 165, 250, .38);--diff-connector-bg: rgba(2, 9, 6, .78);--diff-connector-axis: rgba(134, 239, 172, .16);--connector-action-bg: rgba(6, 16, 12, .92);--connector-action-shadow: 0 8px 18px rgba(0, 8, 5, .24);--connector-action-hover-shadow: 0 12px 26px rgba(0, 8, 5, .34);--fold-wave-color: rgba(134, 239, 172, .32)}.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-active-line{box-shadow:inset 2px 0 0 var(--accent),inset -2px 0 0 var(--accent)}.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__cluster--review{flex:1 1 auto}.diff-toolbar__label{align-self:center;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.diff-toolbar__status{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--control-bg);color:var(--text-muted);font-size:.82rem;font-weight:750;white-space:nowrap}.icon-button,.ghost-button,.segmented 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{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,.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{transform:translateY(0);box-shadow:var(--shadow-sm)}.icon-button:disabled,.ghost-button:disabled,.segmented 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}.segmented--apply button{min-width:78px}.segmented--nav button{min-width:70px}.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,.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) 76px minmax(0,1fr);gap:0;height:clamp(520px,64vh,760px);min-height:500px;border:1px solid var(--border);border-radius:10px;overflow:hidden;overscroll-behavior:auto;overflow-anchor:none;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(0,1fr);min-width:0;min-height:0;border:0;border-right:0;border-radius:0;background:var(--editor-surface);overflow:hidden;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.diff-editor__surface{position:relative;height:100%;min-height:0;overflow:hidden;overscroll-behavior:auto;overflow-anchor:none}.diff-editor__mount{height:100%;min-height:0}.diff-editor--right,.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}.diff-editor__header-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.diff-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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)}.diff-editors{position:relative}.diff-connector-gutter{position:relative;min-width:0;min-height:0;overflow:hidden;border-inline:1px solid var(--border);background:linear-gradient(90deg,transparent 0 49%,var(--diff-connector-axis) 49% 51%,transparent 51%),var(--diff-connector-bg)}.diff-connector-gutter__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.diff-connector-link{fill:var(--replace-connector-bg);stroke:var(--replace-connector-line);stroke-width:1;opacity:.84;transition:fill .15s ease,opacity .15s ease,stroke .15s ease}.diff-connector-link--insert{fill:var(--insert-connector-bg);stroke:var(--insert-connector-line)}.diff-connector-link--delete{fill:var(--delete-connector-bg);stroke:var(--delete-connector-line)}.diff-connector-link--active{opacity:1;stroke-width:1.6;filter:drop-shadow(0 2px 5px rgba(23,32,51,.16))}.diff-connector-actions{position:absolute;left:50%;z-index:3;display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--connector-action-bg);box-shadow:var(--connector-action-shadow);opacity:.52;transform:translate(-50%,-50%);transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.diff-connector-actions:hover,.diff-connector-actions--active{border-color:var(--accent-border);opacity:1;box-shadow:var(--connector-action-hover-shadow)}.diff-connector-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.diff-connector-actions button:hover{background:var(--accent-light);color:var(--accent)}.diff-connector-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-overview-rail{position:absolute;top:16px;right:16px;bottom:16px;z-index:8;width:24px;cursor:pointer;pointer-events:auto}.diff-overview-rail__marker{position:absolute;right:0;width:100%;min-height:18px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;opacity:1;pointer-events:none;--marker-color: var(--replace-line);--marker-visual-height: 4px;--marker-visual-offset: 7px}.diff-overview-rail__marker:before{content:"";position:absolute;top:var(--marker-visual-offset);right:4px;width:8px;height:var(--marker-visual-height);min-height:4px;border-radius:999px;background:var(--marker-color);opacity:.7;transition:opacity .15s ease,transform .15s ease,width .15s ease}.diff-overview-rail__marker:hover:before,.diff-overview-rail__marker--active:before{width:11px;opacity:1;transform:translate(-1px)}.diff-overview-rail__marker--insert{--marker-color: var(--insert-line)}.diff-overview-rail__marker--delete{--marker-color: var(--delete-line)}.diff-overview-rail__marker--replace{--marker-color: var(--replace-line)}.diff-editors:fullscreen,.diff-editors--fullscreen{width:100vw;height:100dvh;max-height:none;min-height:100dvh;border:0;border-radius:0;background:var(--editor-surface);box-shadow:none}.diff-editors:fullscreen .diff-editor,.diff-editors:fullscreen .diff-editor__surface,.diff-editors:fullscreen .diff-editor__mount,.diff-editors:fullscreen .diff-editor__surface .cm-editor,.diff-editors:fullscreen .diff-editor__surface .cm-scroller,.diff-editors--fullscreen .diff-editor,.diff-editors--fullscreen .diff-editor__surface,.diff-editors--fullscreen .diff-editor__mount,.diff-editors--fullscreen .diff-editor__surface .cm-editor,.diff-editors--fullscreen .diff-editor__surface .cm-scroller{height:100%;min-height:0}.editor-fullscreen-exit{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);font:inherit;cursor:pointer;box-shadow:var(--control-shadow);transition:all .15s ease;user-select:none;-webkit-user-select:none}.editor-fullscreen-exit:hover{border-color:var(--accent-border);background:var(--control-hover-bg);color:var(--accent);box-shadow:var(--control-hover-shadow)}.editor-fullscreen-exit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-editor__surface .cm-unchanged-fold{display:block;width:calc(100% - 36px);height:1lh;min-height:1lh;margin:0 18px;border:0;border-radius:0;background:radial-gradient(circle at 4px 50%,var(--fold-wave-color) 2px,transparent 2.5px) 0 50% / 12px 8px repeat-x,transparent;color:var(--text-muted);cursor:pointer;font-family:var(--editor-font-family);font-size:.78rem;line-height:1.35;user-select:none;transition:all .15s ease}.diff-editor__surface .cm-unchanged-fold:hover{opacity:.75}.diff-editor__surface .cm-unchanged-fold span{display:block;width:100%;height:1lh;line-height:1lh;text-align:center;text-shadow:0 1px 0 var(--editor-surface),0 -1px 0 var(--editor-surface),1px 0 0 var(--editor-surface),-1px 0 0 var(--editor-surface)}.diff-editor__surface .cm-unchanged-fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line{position:relative}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{position:absolute;left:18px;right:18px;height:2px;border-radius:999px;content:"";z-index:2;pointer-events:none}.diff-editor--left .diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{left:18px;right:0;width:auto}.diff-editor--right .diff-editor__surface .cm-line.cm-diff-empty-anchor-line:after{left:0;right:18px;width:auto}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--insert:after{background:var(--insert-line);box-shadow:none}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--delete:after{background:var(--delete-line);box-shadow:none}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--before:after{top:-1px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--after:after{bottom:-1px}.diff-editor__surface .cm-line.cm-diff-empty-anchor-line--active:after{height:2px;background:var(--accent);box-shadow:none}.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}}.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:120;box-sizing:border-box;width:100vw;height:100dvh;max-height:100dvh;min-height:100dvh;overflow:auto;padding:12px;border-radius:0}.diff-workspace--focus .diff-editors{height:calc(100vh - 176px);min-height:calc(100vh - 176px)}.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 - 238px)}.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;justify-content:space-between;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__title{display:inline-flex;align-items:center;gap:8px}.floating-settings__close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--control-bg);color:var(--text-muted);cursor:pointer;transition:var(--transition-all);user-select:none;-webkit-user-select:none}.floating-settings__close:hover{border-color:var(--accent-border);background:var(--control-hover-bg);color:var(--accent)}.floating-settings__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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-connector-gutter,.diff-overview-rail{display:none}.diff-editor{border-right:0;border-bottom:1px solid var(--border)}.diff-editor--right,.diff-editor:last-child{border-bottom:0}.diff-toolbar__row{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}.diff-toolbar__status{flex:1 1 140px}.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__mount,.diff-editor__surface .cm-scroller,.diff-editor__surface .cm-content{min-height:360px}.format-status,.no-differences-notice,.privacy-note{font-size:.78rem}.diff-connector-gutter,.diff-overview-rail{display:none}}