:root{color-scheme:light;--color-bg: #efe9db;--color-bg-dark: #e7e0cf;--color-bg-darker: #ded6c1;--color-surface: #f6f2e8;--color-border: #c8c1ad;--color-border-light: #d8d2c0;--color-border-dark: #a79e88;--color-text: #131210;--color-text-secondary: #4b463c;--color-text-disabled: #9a917c;--color-text-inverse: #f4efe2;--color-primary: #1c1a15;--color-primary-dark: #000000;--color-primary-light: #7f9f16;--color-active-title: #dbe9ac;--on-primary: #f4efe2;--brand-lime: #c8f53f;--brand-lime-hover: #d9f76e;--on-lime: #131210;--color-success: #15784f;--color-warning: #b5651d;--color-error: #b8442c;--color-info: #2f6db3;--color-selection: rgba(200, 245, 63, .3);--color-selection-border: #9cbb1e;--color-hover: rgba(19, 18, 16, .055);--color-stream-feed: #2f6db3;--color-stream-product: #15784f;--color-stream-waste: #b8442c;--color-stream-vent: #3b82c4;--color-stream-intermediate: #7f9f16;--color-canvas-bg: #efe9db;--color-canvas-grid: #d6cfbc;--color-canvas-grid-dot: #c3bba6;--color-plan-pipe: #8d8570;--color-node-bg: #f6f2e8;--color-node-border: #b3ab97;--color-node-selected: #1c1a15;--color-node-selection-halo: rgba(28, 26, 21, .3);--color-node-selection-ring: var(--color-node-selected);--color-node-running: #b5651d;--color-node-success: #15784f;--color-node-error: #b8442c;--color-node-icon: #1e88e5;--color-node-icon-issue: #ef5350;--color-op-disruption: #0a7d8a;--color-op-clarification: #0a7d8a;--color-op-purification: #1565c0;--color-op-polishing: #7b1fa2;--color-op-drying: #7b1fa2;--color-op-upstream: #2e7d32;--color-op-reaction: #2e7d32;--color-op-waste-management: #6d4c41;--color-op-default: #5a6478;--menubar-height: 38px;--toolbar-height: 44px;--statusbar-height: 30px;--palette-width: 240px;--properties-width: 320px;--output-height: 130px;--font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-size-label: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 15px;--shadow-sm: 0 2px 8px rgba(60, 52, 30, .1);--shadow-md: 0 6px 16px rgba(50, 44, 24, .14);--shadow-lg: 0 14px 30px rgba(40, 34, 16, .2);--shadow-focus: 0 0 0 3px rgba(200, 245, 63, .55);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-pill: 999px;--gradient-primary: linear-gradient(#1c1a15, #1c1a15);--gradient-primary-hover: linear-gradient(#2e2a20, #2e2a20);--glow-primary: 0 3px 12px rgba(19, 18, 16, .22);--glass-bg: rgba(246, 242, 232, .86);--glass-border: rgba(19, 18, 16, .12);--glass-blur: 8px;--bg-spot-1: rgba(0, 0, 0, 0);--bg-spot-2: rgba(0, 0, 0, 0);--bg-grad-start: #efe9db;--bg-grad-mid: #ece5d6;--bg-grad-end: #efe9db;--scrollbar-track: rgba(19, 18, 16, .06);--scrollbar-thumb-start: #c3bba6;--scrollbar-thumb-end: #b3ab97;--scrollbar-thumb-hover-start: #a79e88;--scrollbar-thumb-hover-end: #97907b;--control-bg: #f6f2e8;--control-bg-focus: #fffdf7;--btn-bg-start: #f6f2e8;--btn-bg-end: #f6f2e8;--btn-bg-hover-start: #ece5d6;--btn-bg-hover-end: #ece5d6;--btn-bg-disabled-start: #efe9db;--btn-bg-disabled-end: #efe9db;--table-head-bg: rgba(230, 223, 205, .9);--table-row-hover: rgba(200, 245, 63, .14);--panel-header-bg: #ece5d6}@media (max-width: 1100px){:root{--palette-width: 200px;--properties-width: 260px}}@media (max-width: 900px){:root{--palette-width: 180px;--properties-width: 220px}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #17130d;--color-bg-dark: #13100b;--color-bg-darker: #0f0c08;--color-surface: #1f1a12;--color-border: #3a3427;--color-border-light: #4a4432;--color-border-dark: #5c5540;--color-text: #efe9dc;--color-text-secondary: #b7ad9a;--color-text-disabled: #7e7563;--color-text-inverse: #17130d;--color-primary: #cdf24a;--color-primary-dark: #b6df2e;--color-primary-light: #dbf87a;--color-active-title: #2e3a12;--on-primary: #131210;--color-success: #5cc48d;--color-warning: #e0a341;--color-error: #e07a5f;--color-info: #7fa8e6;--color-selection: rgba(200, 245, 63, .2);--color-selection-border: #cdf24a;--color-hover: rgba(255, 255, 255, .06);--color-stream-feed: #7fa8e6;--color-stream-product: #5cc48d;--color-stream-waste: #e07a5f;--color-stream-vent: #7cc0f0;--color-stream-intermediate: #cdf24a;--color-canvas-bg: #14110c;--color-canvas-grid: #2a2519;--color-canvas-grid-dot: #3a3427;--color-plan-pipe: #6f6753;--color-node-bg: #211c14;--color-node-border: #4a4432;--color-node-selected: #cdf24a;--color-node-selection-halo: rgba(205, 242, 74, .3);--color-node-selection-ring: var(--color-node-selected);--color-node-running: #e0a341;--color-node-success: #5cc48d;--color-node-error: #e07a5f;--color-node-icon: #6fb7f5;--color-node-icon-issue: #ff7a76;--color-op-disruption: #4dd0e1;--color-op-clarification: #4dd0e1;--color-op-purification: #6fb7f5;--color-op-polishing: #ce93d8;--color-op-drying: #ce93d8;--color-op-upstream: #81c784;--color-op-reaction: #81c784;--color-op-waste-management: #bcaaa4;--color-op-default: #aab4c8;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 14px 30px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(200, 245, 63, .4);--gradient-primary: linear-gradient(#cdf24a, #cdf24a);--gradient-primary-hover: linear-gradient(#d9f76e, #d9f76e);--glow-primary: 0 0 18px rgba(200, 245, 63, .35), 0 4px 14px rgba(0, 0, 0, .4);--glass-bg: rgba(31, 26, 18, .82);--glass-border: rgba(255, 255, 255, .08);--bg-grad-start: #17130d;--bg-grad-mid: #14110b;--bg-grad-end: #17130d;--scrollbar-track: rgba(255, 255, 255, .06);--scrollbar-thumb-start: #4a4432;--scrollbar-thumb-end: #3a3427;--scrollbar-thumb-hover-start: #5c5540;--scrollbar-thumb-hover-end: #4a4432;--control-bg: #211c14;--control-bg-focus: #292318;--btn-bg-start: #211c14;--btn-bg-end: #211c14;--btn-bg-hover-start: #2a2418;--btn-bg-hover-end: #2a2418;--btn-bg-disabled-start: #1c180f;--btn-bg-disabled-end: #1c180f;--table-head-bg: rgba(33, 28, 20, .85);--table-row-hover: rgba(200, 245, 63, .1);--panel-header-bg: #1c1810}:root[data-vibe=nineties]{color-scheme:light;--color-bg: #d4d0c8;--color-bg-dark: #c8c4bc;--color-bg-darker: #bcb8b0;--color-surface: #d4d0c8;--color-border: #808080;--color-border-light: #aca8a0;--color-border-dark: #404040;--color-text: #000000;--color-text-secondary: #3a3a3a;--color-text-disabled: #808080;--color-text-inverse: #ffffff;--color-primary: #000080;--color-primary-dark: #000060;--color-primary-light: #1084d0;--color-active-title: #a6caf0;--on-primary: #ffffff;--brand-lime: #000080;--brand-lime-hover: #1084d0;--on-lime: #ffffff;--color-success: #008000;--color-warning: #a05000;--color-error: #c00000;--color-info: #000080;--color-selection: rgba(0, 0, 0, .12);--color-selection-border: #000000;--color-hover: rgba(0, 0, 0, .07);--color-stream-feed: #000000;--color-stream-product: #000000;--color-stream-waste: #000000;--color-stream-vent: #000000;--color-stream-intermediate: #000000;--color-canvas-bg: #ffffff;--color-canvas-grid: #ffffff;--color-canvas-grid-dot: #ffffff;--color-node-bg: #ffffff;--color-node-border: #000000;--color-node-selected: #000000;--color-node-selection-halo: rgba(0, 0, 128, .45);--color-node-selection-ring: #000080;--color-node-running: #000000;--color-node-success: #000000;--color-node-error: #000000;--color-node-icon: #000000;--color-node-icon-issue: #000000;--color-op-disruption: #000000;--color-op-clarification: #000000;--color-op-purification: #000000;--color-op-polishing: #000000;--color-op-drying: #000000;--color-op-upstream: #000000;--color-op-reaction: #000000;--color-op-waste-management: #000000;--color-op-default: #000000;--font-family: Tahoma, "MS Sans Serif", "Segoe UI", Arial, sans-serif;--font-display: Tahoma, "MS Sans Serif", "Segoe UI", Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;--shadow-sm: 1px 1px 0 rgba(0, 0, 0, .35);--shadow-md: 2px 2px 0 rgba(0, 0, 0, .35);--shadow-lg: 3px 3px 0 rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 1px #000080;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-pill: 0px;--gradient-primary: linear-gradient(#000080, #000080);--gradient-primary-hover: linear-gradient(#1084d0, #1084d0);--glow-primary: 1px 1px 0 rgba(0, 0, 0, .35);--glass-bg: rgba(212, 208, 200, .97);--glass-border: rgba(64, 64, 64, .8);--glass-blur: 0px;--bg-spot-1: rgba(0, 0, 0, 0);--bg-spot-2: rgba(0, 0, 0, 0);--bg-grad-start: #d4d0c8;--bg-grad-mid: #d4d0c8;--bg-grad-end: #d4d0c8;--scrollbar-track: #ece9d8;--scrollbar-thumb-start: #d4d0c8;--scrollbar-thumb-end: #d4d0c8;--scrollbar-thumb-hover-start: #bcb8b0;--scrollbar-thumb-hover-end: #bcb8b0;--control-bg: #ffffff;--control-bg-focus: #ffffff;--btn-bg-start: #d4d0c8;--btn-bg-end: #d4d0c8;--btn-bg-hover-start: #e2ded6;--btn-bg-hover-end: #e2ded6;--btn-bg-disabled-start: #d4d0c8;--btn-bg-disabled-end: #d4d0c8;--table-head-bg: #d4d0c8;--table-row-hover: rgba(0, 0, 128, .08);--panel-header-bg: #c8c4bc}:root[data-vibe=eighties]{color-scheme:dark;--color-bg: #0a0f0a;--color-bg-dark: #070b07;--color-bg-darker: #050805;--color-surface: #0d130d;--color-border: #2d7a3a;--color-border-light: #1c4a24;--color-border-dark: #46b45c;--color-text: #33ff66;--color-text-secondary: #22b348;--color-text-disabled: #157a30;--color-text-inverse: #041006;--color-primary: #33ff66;--color-primary-dark: #21e050;--color-primary-light: #7dffa0;--color-active-title: #0f3317;--on-primary: #041006;--brand-lime: #33ff66;--brand-lime-hover: #7dffa0;--on-lime: #041006;--color-success: #33ff66;--color-warning: #7dffa0;--color-error: #d6ffe0;--color-info: #22b348;--color-selection: rgba(51, 255, 102, .22);--color-selection-border: #33ff66;--color-hover: rgba(51, 255, 102, .08);--color-stream-feed: #7dffa0;--color-stream-product: #33ff66;--color-stream-waste: #157a30;--color-stream-vent: #2d7a3a;--color-stream-intermediate: #22b348;--color-canvas-bg: #060a06;--color-canvas-grid: #060a06;--color-canvas-grid-dot: #060a06;--color-node-bg: #0a140c;--color-node-border: #2d7a3a;--color-node-selected: #33ff66;--color-node-selection-halo: rgba(51, 255, 102, .35);--color-node-selection-ring: var(--color-node-selected);--color-node-running: #7dffa0;--color-node-success: #33ff66;--color-node-error: #d6ffe0;--color-node-icon: #33ff66;--color-node-icon-issue: #d6ffe0;--color-op-disruption: #33ff66;--color-op-clarification: #33ff66;--color-op-purification: #33ff66;--color-op-polishing: #33ff66;--color-op-drying: #33ff66;--color-op-upstream: #33ff66;--color-op-reaction: #33ff66;--color-op-waste-management: #33ff66;--color-op-default: #33ff66;--font-family: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, "Courier New", monospace;--font-display: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, "Courier New", monospace;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, "Courier New", monospace;--font-size-label: 13px;--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-md: 17px;--font-size-lg: 17px;--shadow-sm: 0 0 0 rgba(0, 0, 0, 0);--shadow-md: 0 0 14px rgba(51, 255, 102, .12);--shadow-lg: 0 0 22px rgba(51, 255, 102, .16);--shadow-focus: 0 0 0 2px rgba(51, 255, 102, .5);--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-pill: 0px;--gradient-primary: linear-gradient(#33ff66, #33ff66);--gradient-primary-hover: linear-gradient(#7dffa0, #7dffa0);--glow-primary: 0 0 14px rgba(51, 255, 102, .45);--glass-bg: rgba(8, 16, 9, .92);--glass-border: rgba(51, 255, 102, .28);--glass-blur: 0px;--bg-spot-1: rgba(0, 0, 0, 0);--bg-spot-2: rgba(0, 0, 0, 0);--bg-grad-start: #0a0f0a;--bg-grad-mid: #080d08;--bg-grad-end: #0a0f0a;--scrollbar-track: rgba(51, 255, 102, .07);--scrollbar-thumb-start: #1e5c2e;--scrollbar-thumb-end: #1e5c2e;--scrollbar-thumb-hover-start: #2d7a3a;--scrollbar-thumb-hover-end: #2d7a3a;--control-bg: #12271a;--control-bg-focus: #1a3a26;--btn-bg-start: #16301f;--btn-bg-end: #16301f;--btn-bg-hover-start: #21492f;--btn-bg-hover-end: #21492f;--btn-bg-disabled-start: #0e1a11;--btn-bg-disabled-end: #0e1a11;--table-head-bg: rgba(18, 48, 26, .9);--table-row-hover: rgba(51, 255, 102, .08);--panel-header-bg: #0f1f12}