@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#0b0d12;--bg-surface:#161920b8;--bg-surface-solid:#151922;--bg-elevated:#1f242ec2;--primary:#8fb7e8;--primary-glow:#8fb7e82e;--primary-hover:#a8c7ee;--accent:#d5bd8a;--accent-glow:#d5bd8a24;--success:#8bcdb4;--success-glow:#8bcdb429;--warning:#d7aa63;--warning-glow:#d7aa6324;--danger:#dc7f86;--danger-glow:#dc7f8624;--text-main:#edf1f6;--text-muted:#a2acba;--text-dim:#687382;--border-color:#edf1f617;--border-highlight:#edf1f62e;--shadow-soft:0 18px 60px #00000047;--shadow-subtle:0 10px 32px #0003;--glass-blur:18px;--glass-saturation:1.08;--panel-sheen:linear-gradient(145deg, #ffffff0b, transparent 42%);--edge-light:#ffffff29;--control-surface:#edf1f609;--control-surface-hover:#edf1f612;--input-bg:#05070b52;--input-focus-bg:#080b107a;--placeholder-color:#a2acba94;--table-header-bg:#edf1f609;--table-row-border:#edf1f60e;--table-row-hover:#edf1f60b;--scroll-thumb:#edf1f61f;--scroll-thumb-hover:#edf1f638;--button-shadow:0 10px 28px #8fb7e829;--button-shadow-hover:0 14px 36px #8fb7e838;--terminal-bg:#07090d;--terminal-border:#edf1f61a;--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--primary-contrast:#071019;--body-bg:linear-gradient(145deg, #8fb7e812 0%, transparent 34%), linear-gradient(315deg, #d5bd8a0f 0%, transparent 30%), linear-gradient(180deg, #0b0d12 0%, #0f131a 55%, #0b0d12 100%);--selection-text:#0b0d12;--selection-bg:#d5bd8ad9;--liquid-screen-x:50%;--liquid-screen-y:50%;--liquid-local-x:50%;--liquid-local-y:50%;--liquid-tilt-x:0deg;--liquid-tilt-y:0deg}:root[data-theme=liquid-glass]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#071321;--bg-surface:#12283e61;--bg-surface-solid:#0c1d30e0;--bg-elevated:#3454706b;--primary:#d8f6ff;--primary-glow:#73d9ff47;--primary-hover:#d8f3ff;--accent:#b8a9ff;--accent-glow:#b8a9ff33;--success:#8de7cc;--success-glow:#8de7cc33;--warning:#ffd48a;--warning-glow:#ffd48a2e;--danger:#ff8ca0;--danger-glow:#ff8ca02e;--text-main:#f6fbff;--text-muted:#aec4d6;--text-dim:#7890a4;--border-color:#e8f9ff26;--border-highlight:#e8f9ff57;--shadow-soft:0 28px 88px #0012266b;--shadow-subtle:0 16px 48px #00122647;--glass-blur:34px;--glass-saturation:1.68;--panel-sheen:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff42 0%, #ffffff14 22%, transparent 48%), linear-gradient(118deg, #ffffff42 0%, #ffffff0e 18%, transparent 42%), linear-gradient(246deg, transparent 26%, #b8a9ff24 54%, transparent 76%);--edge-light:#e8f9ff8a;--control-surface:#e8f9ff17;--control-surface-hover:#e8f9ff29;--input-bg:#07142261;--input-focus-bg:#0a1f3399;--placeholder-color:#aec4d69e;--table-header-bg:#e8f9ff0f;--table-row-border:#e8f9ff13;--table-row-hover:#73d9ff12;--scroll-thumb:#dcf4ff24;--scroll-thumb-hover:#dcf4ff3d;--button-shadow:0 13px 34px #73d9ff38;--button-shadow-hover:0 20px 46px #73d9ff4d;--terminal-bg:#050f1bbd;--terminal-border:#e8f9ff29;--primary-contrast:#06131d;--body-bg:radial-gradient(circle at var(--liquid-screen-x) var(--liquid-screen-y), #d8f6ff29 0%, transparent 26%), linear-gradient(118deg, #d8f6ff29 0%, transparent 34%), linear-gradient(292deg, #b8a9ff24 0%, transparent 32%), repeating-linear-gradient(115deg, #ffffff06 0 1px, transparent 1px 18px), linear-gradient(155deg, #071321 0%, #102a43 48%, #071321 100%);--selection-text:#06131d;--selection-bg:#b8e7ffe6}:root[data-theme=morning-mist]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f7f8f6;--bg-surface:#ffffffd1;--bg-surface-solid:#fffefd;--bg-elevated:#eef4f4e6;--primary:#3f8395;--primary-glow:#3f839526;--primary-hover:#326f81;--accent:#c6a15f;--accent-glow:#c6a15f29;--success:#4d9b7b;--success-glow:#4d9b7b29;--warning:#c68b40;--warning-glow:#c68b4024;--danger:#bf5b66;--danger-glow:#bf5b6624;--text-main:#17212b;--text-muted:#63717d;--text-dim:#8a97a2;--border-color:#17212b1a;--border-highlight:#17212b2e;--shadow-soft:0 20px 58px #2a465729;--shadow-subtle:0 12px 34px #2a46571c;--glass-blur:20px;--glass-saturation:1.04;--panel-sheen:linear-gradient(145deg, #ffffffa3, transparent 46%);--edge-light:#ffffffeb;--control-surface:#17212b0b;--control-surface-hover:#17212b13;--input-bg:#ffffffc2;--input-focus-bg:#fffffff0;--placeholder-color:#63717d94;--table-header-bg:#17212b0b;--table-row-border:#17212b11;--table-row-hover:#4d8fa512;--scroll-thumb:#17212b29;--scroll-thumb-hover:#17212b42;--button-shadow:0 12px 30px #3f83952e;--button-shadow-hover:0 16px 36px #3f83953d;--terminal-bg:#18242c;--terminal-border:#17212b24;--primary-contrast:#fff;--body-bg:linear-gradient(135deg, #3f83951c 0%, transparent 34%), linear-gradient(315deg, #c6a15f1c 0%, transparent 30%), repeating-linear-gradient(0deg, #17212b06 0 1px, transparent 1px 26px), linear-gradient(180deg, #f7f8f6 0%, #eef4f2 55%, #fbfbf8 100%);--selection-text:#fff;--selection-bg:#4d8fa5e0}:root[data-theme=midnight-blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#071018;--bg-surface:#0e1c29cc;--bg-surface-solid:#0d1a28;--bg-elevated:#182c3ed1;--primary:#63c7d5;--primary-glow:#63c7d52e;--primary-hover:#8be0ea;--accent:#90a8ff;--accent-glow:#90a8ff29;--success:#7bd8ad;--success-glow:#7bd8ad29;--warning:#e0b46f;--warning-glow:#e0b46f24;--danger:#e27f8d;--danger-glow:#e27f8d29;--text-main:#edf7fb;--text-muted:#9db0bf;--text-dim:#697b8a;--border-color:#edf7fb1a;--border-highlight:#67c6d442;--shadow-soft:0 22px 70px #000b185c;--shadow-subtle:0 12px 36px #000b183d;--glass-blur:18px;--glass-saturation:1.16;--panel-sheen:linear-gradient(145deg, #63c7d514, transparent 46%);--edge-light:#b4e2eb2e;--control-surface:#edf7fb0a;--control-surface-hover:#edf7fb14;--input-bg:#030c1657;--input-focus-bg:#05111e85;--table-header-bg:#edf7fb0a;--table-row-border:#edf7fb0f;--table-row-hover:#67c6d40e;--scroll-thumb:#edf7fb21;--scroll-thumb-hover:#edf7fb3b;--button-shadow:0 12px 32px #63c7d52e;--button-shadow-hover:0 17px 40px #63c7d53d;--terminal-bg:#05101a;--terminal-border:#edf7fb1a;--primary-contrast:#05131b;--body-bg:linear-gradient(145deg, #63c7d51a 0%, transparent 34%), linear-gradient(315deg, #90a8ff14 0%, transparent 28%), repeating-linear-gradient(90deg, #edf7fb05 0 1px, transparent 1px 24px), linear-gradient(180deg, #071018 0%, #0b2233 58%, #071018 100%);--selection-text:#05131b;--selection-bg:#67c6d4e0}:root[data-theme=warm-paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f7efe4;--bg-surface:#fffaf2d6;--bg-surface-solid:#fffaf1;--bg-elevated:#f3e6d3c7;--primary:#9b663f;--primary-glow:#9b663f29;--primary-hover:#8f5f39;--accent:#6f8d76;--accent-glow:#6f8d7626;--success:#5d9473;--success-glow:#5d947326;--warning:#bd8544;--warning-glow:#bd854424;--danger:#b95f5c;--danger-glow:#b95f5c24;--text-main:#2a231d;--text-muted:#756a5f;--text-dim:#9b8f82;--border-color:#2a231d1a;--border-highlight:#2a231d2e;--shadow-soft:0 20px 55px #664c3029;--shadow-subtle:0 12px 32px #664c301c;--glass-blur:18px;--glass-saturation:1.02;--panel-sheen:linear-gradient(145deg, #ffffff80, transparent 46%);--edge-light:#ffffffbd;--control-surface:#2a231d0b;--control-surface-hover:#2a231d13;--input-bg:#fffaf2c7;--input-focus-bg:#fffaf2f5;--table-header-bg:#2a231d0b;--table-row-border:#2a231d0f;--table-row-hover:#a9714512;--scroll-thumb:#2a231d29;--scroll-thumb-hover:#2a231d42;--button-shadow:0 12px 30px #9b663f2e;--button-shadow-hover:0 16px 36px #9b663f3d;--terminal-bg:#2d241e;--terminal-border:#2a231d24;--primary-contrast:#fffaf2;--body-bg:linear-gradient(145deg, #9b663f1a 0%, transparent 34%), linear-gradient(315deg, #6f8f7a1a 0%, transparent 30%), repeating-linear-gradient(0deg, #2a231d05 0 1px, transparent 1px 24px), linear-gradient(180deg, #f7efe4 0%, #f2e5d5 55%, #fbf5ec 100%);--selection-text:#fffaf2;--selection-bg:#a97145e0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background-image:var(--body-bg);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}#root{z-index:1;position:relative}body:before,body:after{content:"";pointer-events:none;opacity:0;position:fixed;inset:0}:root[data-theme=liquid-glass] body:before{z-index:0;opacity:1;background:radial-gradient(circle at var(--liquid-screen-x) var(--liquid-screen-y), #d8f6ff38, transparent 18%), radial-gradient(circle at calc(100% - var(--liquid-screen-x)) calc(100% - var(--liquid-screen-y)), #b8a9ff29, transparent 24%);filter:blur(34px);mix-blend-mode:screen}:root[data-theme=liquid-glass] body:after{z-index:0;opacity:.42;-webkit-mask-image:radial-gradient(circle at var(--liquid-screen-x) var(--liquid-screen-y), black 0%, transparent 42%);mask-image:radial-gradient(circle at var(--liquid-screen-x) var(--liquid-screen-y), black 0%, transparent 42%);-webkit-mask-image:radial-gradient(circle at var(--liquid-screen-x) var(--liquid-screen-y), black 0%, transparent 42%);background:linear-gradient(90deg,#0000 0%,#ffffff0b 50%,#0000 100%) 0 0/220px 100%,repeating-linear-gradient(115deg,#0000 0 18px,#ffffff09 18px 19px) 0 0/42px 42px}::selection{color:var(--selection-text);background:var(--selection-bg)}h1,h2,h3,h4{color:var(--text-main);letter-spacing:0;line-height:1.18}h1{font-weight:650}h2,h3{font-weight:620}p{color:inherit}button,input,textarea,select,a{font:inherit}.liquid-filter-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.glass-panel{isolation:isolate;background:var(--panel-sheen), var(--bg-surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:transform .18s,box-shadow .22s,border-color .22s,background .22s;position:relative;overflow:hidden}.glass-panel>*{z-index:1;position:relative}.glass-panel:before,.glass-panel:after{content:"";pointer-events:none;opacity:0;transition:opacity .22s;position:absolute}.glass-panel:before{z-index:0;background:linear-gradient(120deg, var(--edge-light), transparent 26%), linear-gradient(300deg, transparent 44%, var(--accent-glow) 56%, transparent 78%);inset:0}.glass-panel:after{z-index:0;border:1px solid var(--edge-light);border-radius:inherit;inset:1px;box-shadow:inset 0 1px 1px #ffffff29,inset 0 -20px 38px #ffffff06}.glass-panel:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-soft)}:root[data-theme=liquid-glass] .glass-panel{transform-style:preserve-3d;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(1.08) brightness(1.04);box-shadow:inset 0 1px 1px #ffffff52, inset 0 -1px 1px #ffffff1f, inset 22px 0 38px #d8f6ff08, inset -22px 0 38px #b8a9ff09, var(--shadow-subtle);border-color:#e8f9ff2e;transition:transform .42s cubic-bezier(.18,.92,.22,1),box-shadow .26s,border-color .22s,background .26s}:root[data-theme=liquid-glass] .glass-panel:before{opacity:.86;background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff57, transparent 24%), linear-gradient(115deg, #ffffff42, transparent 18%), linear-gradient(292deg, transparent 48%, #b8a9ff2e, transparent 74%);filter:url(#liquid-glass-ripple)saturate(1.2);mix-blend-mode:screen}:root[data-theme=liquid-glass] .glass-panel:after{opacity:1;filter:url(#liquid-glass-edge);border-color:#e8f9ff6b;box-shadow:inset 0 1px 1px #ffffff61,inset 1px 0 1px #d8f6ff2e,inset -1px 0 1px #b8a9ff2e,inset 0 -24px 46px #ffffff0a}:root[data-theme=liquid-glass] .glass-panel:hover{transform:perspective(1100px) rotateX(var(--liquid-tilt-x)) rotateY(var(--liquid-tilt-y)) translateY(-2px) scale(1.004);box-shadow:inset 0 1px 1px #ffffff61, inset 0 -1px 1px #ffffff24, inset 24px 0 42px #d8f6ff0b, inset -24px 0 42px #b8a9ff0d, var(--shadow-soft)}:root[data-theme=liquid-glass] .glass-panel:active{transform:perspective(1100px)rotateX(0)rotateY(0)translateY(0)scale(.998)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--primary-contrast);border:1px solid var(--border-highlight);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--button-shadow);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:transform .16s,box-shadow .18s,border-color .18s,background .18s,opacity .18s;display:inline-flex}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), var(--primary));box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--control-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:transform .16s,background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--control-surface-hover);border-color:var(--border-highlight);transform:translateY(-1px)}:root[data-theme=liquid-glass] .btn-primary,:root[data-theme=liquid-glass] .btn-secondary{isolation:isolate;background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff61, transparent 32%), linear-gradient(135deg, #d8f6ffd1, #b8a9ff7a);-webkit-backdrop-filter:blur(16px)saturate(1.36);box-shadow:inset 0 1px 1px #ffffff38, inset 0 -1px 1px #06131d29, var(--button-shadow);border-color:#e8f9ff47;transition:transform .34s cubic-bezier(.18,.92,.22,1),box-shadow .22s,border-color .18s,background .18s,opacity .18s;position:relative;overflow:hidden}:root[data-theme=liquid-glass] .btn-secondary{color:var(--text-main);background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff42, transparent 34%), linear-gradient(135deg, #e8f9ff29, #b8a9ff14), #e8f9ff13}:root[data-theme=liquid-glass] .btn-primary{color:var(--primary-contrast)}:root[data-theme=liquid-glass] .btn-primary:before,:root[data-theme=liquid-glass] .btn-secondary:before,:root[data-theme=liquid-glass] .theme-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff75, transparent 34%), linear-gradient(115deg, #fff3, transparent 38%);filter:url(#liquid-glass-edge);transition:opacity .18s;position:absolute;inset:0}:root[data-theme=liquid-glass] .btn-primary>*,:root[data-theme=liquid-glass] .btn-secondary>*,:root[data-theme=liquid-glass] .theme-card>*{z-index:1;position:relative}:root[data-theme=liquid-glass] .btn-primary:hover:not(:disabled),:root[data-theme=liquid-glass] .btn-secondary:hover:not(:disabled){transform:perspective(700px) rotateX(var(--liquid-tilt-x)) rotateY(var(--liquid-tilt-y)) translateY(-2px) scale(1.014);box-shadow:inset 0 1px 1px #ffffff47, inset 0 -1px 1px #06131d2e, var(--button-shadow-hover)}:root[data-theme=liquid-glass] .btn-primary:hover:not(:disabled):before,:root[data-theme=liquid-glass] .btn-secondary:hover:not(:disabled):before,:root[data-theme=liquid-glass] .theme-card:hover:not(:disabled):before{opacity:.76}:root[data-theme=liquid-glass] .btn-primary:active:not(:disabled),:root[data-theme=liquid-glass] .btn-secondary:active:not(:disabled){transform:translateY(0)scale(.985)}.btn-danger{background:var(--danger-glow);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:transform .16s,background .18s,border-color .18s,opacity .18s;display:inline-flex}.btn-danger:hover:not(:disabled){background:var(--danger-glow);border-color:var(--danger);transform:translateY(-1px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.terminal-window{background:var(--terminal-bg);border-radius:var(--radius-md);border:1px solid var(--terminal-border);box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-subtle);font-family:JetBrains Mono,monospace;overflow:hidden}.terminal-header{background:var(--control-surface);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.input-field{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);padding:12px 16px;font-family:Inter,sans-serif;transition:border-color .18s,box-shadow .18s,background .18s}.input-field::placeholder{color:var(--placeholder-color)}.input-field:focus{border-color:var(--primary);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input-field:disabled{opacity:.65;cursor:not-allowed}:root[data-theme=liquid-glass] .input-field{-webkit-backdrop-filter:blur(18px)saturate(1.34);background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff1f, transparent 36%), #07142257;border-color:#e8f9ff2e;box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #06131d33}:root[data-theme=liquid-glass] .input-field:hover:not(:disabled),:root[data-theme=liquid-glass] .input-field:focus{border-color:#e8f9ff61;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -1px 1px #06131d38,0 0 0 3px #73d9ff29}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{border-bottom:1px solid var(--border-color);background:var(--table-header-bg);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px;font-size:.78rem;font-weight:620}.data-table td{border-bottom:1px solid var(--table-row-border);color:var(--text-main);padding:15px 16px;font-size:.93rem}.data-table tr:hover td{background:var(--table-row-hover)}.badge{letter-spacing:0;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:var(--primary);background:var(--primary-glow);border:1px solid var(--border-highlight)}.badge-purple{color:var(--accent);background:var(--accent-glow);border:1px solid var(--border-highlight)}.badge-green{color:var(--success);background:var(--success-glow);border:1px solid var(--border-highlight)}.badge-orange{color:var(--warning);background:var(--warning-glow);border:1px solid var(--border-highlight)}.drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04060a94;justify-content:flex-end;animation:.18s forwards fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background:var(--bg-surface-solid);border-left:1px solid var(--border-color);width:min(420px,100vw);height:100%;padding:32px;animation:.22s ease-out forwards slideInRight;overflow-y:auto;box-shadow:-18px 0 70px #00000061}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flow-data{0%{background-position:200% 0}to{background-position:-200% 0}}.data-pipeline{background:#edf1f60e;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.data-pipeline.active-green{background:linear-gradient(90deg, transparent 0%, var(--success) 50%, transparent 100%);box-shadow:0 0 10px var(--success-glow);background-size:200% 100%;animation:1.5s linear infinite flow-data}.data-pipeline.active-red{background:linear-gradient(90deg, transparent 0%, var(--danger) 50%, transparent 100%);box-shadow:0 0 10px var(--danger-glow);background-size:200% 100%;animation:1.5s linear infinite flow-data}@keyframes pulse-red{0%{box-shadow:0 0 0 0 var(--danger-glow)}70%{box-shadow:0 0 0 15px #dc7f8600}to{box-shadow:0 0 #dc7f8600}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 var(--success-glow)}70%{box-shadow:0 0 0 15px #8bcdb400}to{box-shadow:0 0 #8bcdb400}}.node-blocked{animation:2s infinite pulse-red;border-color:var(--danger)!important;color:var(--danger)!important}.node-active{animation:2s infinite pulse-green;border-color:var(--success)!important;color:var(--success)!important}.node-idle{opacity:.5;border-color:var(--border-color)!important;color:var(--text-muted)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.34s ease-out forwards fadeInUp}.theme-grid{grid-template-columns:1fr;gap:8px;display:grid}.theme-card{isolation:isolate;min-height:60px;color:var(--text-main);text-align:left;background:linear-gradient(145deg, #ffffff09, transparent 46%), var(--control-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;transition:transform .16s,border-color .18s,background .18s,box-shadow .18s,opacity .18s;display:grid;position:relative;overflow:hidden}.theme-preview{background:linear-gradient(135deg, var(--preview-a), transparent 42%), linear-gradient(315deg, var(--preview-b), transparent 38%), var(--preview-bg);border:1px solid #ffffff24;border-radius:10px;width:76px;height:42px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29}.theme-preview span{border-radius:999px;display:block;position:absolute}.theme-preview span:first-child{background:var(--preview-side);border-radius:7px;width:22%;height:26px;top:8px;left:8px}.theme-preview span:nth-child(2){background:var(--preview-line);width:42%;height:7px;top:10px;left:42%}.theme-preview span:nth-child(3){background:var(--preview-pill);border-radius:6px;width:30%;height:11px;bottom:9px;left:42%}.theme-preview-default{--preview-bg:#0b0d12;--preview-a:#8fb7e833;--preview-b:#d5bd8a2e;--preview-side:#edf1f61c;--preview-line:#8fb7e8;--preview-pill:#d5bd8a}.theme-preview-liquid-glass{--preview-bg:#071321;--preview-a:#d8f6ff47;--preview-b:#b8a9ff3d;--preview-side:#e8f9ff2e;--preview-line:#d8f6ff;--preview-pill:#b8a9ff;-webkit-backdrop-filter:blur(14px)saturate(1.35)}.theme-preview-liquid-glass:after{content:"";border-radius:inherit;border:1px solid #e8f9ff57;position:absolute;inset:1px;box-shadow:inset 0 1px 1px #ffffff47}.theme-preview-morning-mist{--preview-bg:#f7f8f6;--preview-a:#3f83952e;--preview-b:#c6a15f2e;--preview-side:#17212b14;--preview-line:#3f8395;--preview-pill:#c6a15f}.theme-preview-midnight-blue{--preview-bg:#071018;--preview-a:#63c7d533;--preview-b:#90a8ff29;--preview-side:#edf7fb14;--preview-line:#63c7d5;--preview-pill:#90a8ff}.theme-preview-warm-paper{--preview-bg:#f7efe4;--preview-a:#9b663f2e;--preview-b:#6f8d762e;--preview-side:#2a231d14;--preview-line:#9b663f;--preview-pill:#6f8d76}.theme-card:hover:not(:disabled){border-color:var(--border-highlight);background:linear-gradient(145deg, #ffffff0e, transparent 46%), var(--control-surface-hover);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}:root[data-theme=liquid-glass] .theme-card{background:radial-gradient(circle at var(--liquid-local-x) var(--liquid-local-y), #ffffff2b, transparent 34%), linear-gradient(128deg, #ffffff1f, transparent 44%), #e8f9ff13;-webkit-backdrop-filter:blur(18px)saturate(1.28);box-shadow:inset 0 1px 1px #ffffff2e, var(--shadow-subtle);border-color:#e8f9ff2e}:root[data-theme=liquid-glass] .theme-card:hover:not(:disabled){transform:perspective(900px) rotateX(var(--liquid-tilt-x)) rotateY(var(--liquid-tilt-y)) translateY(-2px) scale(1.008);border-color:#e8f9ff5c}.theme-card:disabled{opacity:.62;cursor:not-allowed}.theme-card-active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-subtle)}.theme-card-content{gap:4px;min-width:0;display:grid}.theme-card-title{align-items:center;gap:10px;min-width:0;display:flex}.theme-card-state{justify-content:flex-end;min-width:44px;display:flex}.theme-active-mark{color:var(--primary);background:var(--primary-glow);white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.theme-card-title span:first-child{font-size:.95rem;font-weight:700}.theme-card-title span:last-child{color:var(--text-dim);font-size:.74rem;font-weight:650}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (width<=720px){.theme-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.theme-preview{width:64px;height:38px}.theme-card-state{justify-content:flex-end;min-width:0}}@media (height<=560px){.theme-card{min-height:52px;padding:7px 9px}.theme-preview{height:34px}}@media (prefers-reduced-motion:reduce){:root[data-theme=liquid-glass] .glass-panel:hover,:root[data-theme=liquid-glass] .btn-primary:hover:not(:disabled),:root[data-theme=liquid-glass] .btn-secondary:hover:not(:disabled),:root[data-theme=liquid-glass] .theme-card:hover:not(:disabled){transform:none}}
