:root{--font-body: "Manrope", "Segoe UI", "Helvetica Neue", sans-serif;--font-display: "Space Grotesk", "Manrope", sans-serif;--m3-surface: #040506;--m3-surface-1: #070a0e;--m3-surface-2: #0a0f14;--m3-surface-3: #0e141b;--m3-surface-variant: #0b1117;--m3-outline: #1a2330;--m3-outline-variant: #121a24;--m3-primary: #5ef2c6;--m3-on-surface: #dce4e2;--m3-on-surface-variant: #8a9793;--m3-shadow: rgba(0, 0, 0, .65);--m3-elev-1: 0 1px 3px rgba(0, 0, 0, .45);--m3-elev-2: 0 12px 30px rgba(0, 0, 0, .55);--m3-elev-3: 0 22px 46px rgba(0, 0, 0, .65);--m3-radius-lg: 22px;--m3-radius-md: 16px;--m3-radius-sm: 12px;--bg: var(--m3-surface);--panel-bg: color-mix(in srgb, var(--m3-surface-2) 92%, transparent);--workspace-bg: var(--m3-surface-1);--accent: var(--m3-primary);--text: var(--m3-on-surface);--border: var(--m3-outline-variant);--input-bg: color-mix(in srgb, var(--m3-surface-1) 92%, transparent);--input-border: var(--m3-outline);--node-text: var(--m3-on-surface-variant);--inputs-color: #5ef2c6;--snake-color: #9d6bff;--io-color: #5fa8ff;--drivers-color: #f0c05a;--snackbar-success-bg: #103629;--snackbar-success-text: #d8fff0;--snackbar-success-border: #1d6d56;--snackbar-error-bg: #3a1520;--snackbar-error-text: #ffd9e2;--snackbar-error-border: #7b2c43;--bg-gradient: radial-gradient(1200px 600px at 12% 0%, rgba(94, 242, 198, .12), transparent 64%), radial-gradient(900px 520px at 90% 8%, rgba(95, 168, 255, .12), transparent 60%), radial-gradient(900px 520px at 30% 100%, rgba(157, 107, 255, .1), transparent 62%);--panel-gradient: linear-gradient(140deg, rgba(94, 242, 198, .04), transparent 62%);--workspace-grid: linear-gradient(transparent 24px, rgba(94, 242, 198, .06) 25px), linear-gradient(90deg, transparent 24px, rgba(94, 242, 198, .06) 25px);--header-height: 56px;--footer-height: 60px;--content-padding: 1.25rem;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}body.light{--m3-surface: #edf5f1;--m3-surface-1: #f8fffb;--m3-surface-2: #e3efe9;--m3-surface-3: #d6e6df;--m3-surface-variant: #dfeae5;--m3-outline: #a8b9b3;--m3-outline-variant: #c0d0c8;--m3-primary: #16f4b0;--m3-on-surface: #0c1412;--m3-on-surface-variant: #2a3a36;--m3-shadow: rgba(8, 24, 18, .18);--m3-elev-1: 0 1px 2px rgba(8, 24, 18, .1);--m3-elev-2: 0 12px 26px rgba(8, 24, 18, .16);--m3-elev-3: 0 24px 38px rgba(8, 24, 18, .2);--bg: var(--m3-surface);--panel-bg: color-mix(in srgb, var(--m3-surface-2) 88%, transparent);--workspace-bg: var(--m3-surface-2);--accent: var(--m3-primary);--text: var(--m3-on-surface);--border: var(--m3-outline-variant);--input-bg: color-mix(in srgb, var(--m3-surface-1) 88%, transparent);--input-border: var(--m3-outline);--node-text: var(--m3-on-surface-variant);--inputs-color: #12d6a6;--snake-color: #6c63ff;--io-color: #19b9ff;--drivers-color: #ff5fa5;--snackbar-success-bg: #e6fbf3;--snackbar-success-text: #0a3b2d;--snackbar-success-border: #7fe8c9;--snackbar-error-bg: #ffe8ee;--snackbar-error-text: #521724;--snackbar-error-border: #f1a7bb;--bg-gradient: radial-gradient(1200px 680px at 12% 0%, rgba(22, 244, 176, .22), transparent 62%), radial-gradient(900px 600px at 90% 12%, rgba(25, 185, 255, .18), transparent 58%), radial-gradient(900px 600px at 30% 100%, rgba(108, 99, 255, .18), transparent 62%);--panel-gradient: linear-gradient(140deg, rgba(255, 255, 255, .7), rgba(22, 244, 176, .08) 35%, transparent 70%);--workspace-grid: linear-gradient(transparent 24px, rgba(16, 185, 129, .16) 25px), linear-gradient(90deg, transparent 24px, rgba(16, 185, 129, .16) 25px)}body{margin:0;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.app-body,.page-content,.panel,.app-toolbar,.bottom-app-bar{opacity:0;transform:translateY(8px);animation:sr-fade-in .52s ease forwards}.app-toolbar{animation-delay:80ms}.app-body{animation-delay:.14s}.bottom-app-bar{animation-delay:.22s}.app-body,.page-content{animation:sr-fade-in-opacity .52s ease forwards;transform:none}@keyframes sr-fade-in{to{opacity:1;transform:translateY(0)}}@keyframes sr-fade-in-opacity{to{opacity:1}}@keyframes sr-stagger{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4{font-family:var(--font-display);letter-spacing:-.02em}body.android-app{min-height:100dvh;--header-height: calc(52px + var(--safe-top));--footer-height: var(--safe-bottom);--content-padding: .5rem;--content-gap: 8px}body.desktop-win,body.desktop-mac{--content-padding: 2rem;--footer-height: 48px}body.desktop-win .panel,body.desktop-mac .panel{max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 1024px){body:not(.android-app):not(.ios-app) .panel{max-width:1200px;margin-left:auto;margin-right:auto}}body.desktop-win,body.desktop-mac{scrollbar-width:none;scrollbar-color:var(--accent) var(--workspace-bg)}body.desktop-win *,body.desktop-mac *{scrollbar-width:none}body.desktop-win *:hover,body.desktop-mac *:hover,body.desktop-win *:focus,body.desktop-mac *:focus{scrollbar-width:thin}body.desktop-win ::-webkit-scrollbar,body.desktop-mac ::-webkit-scrollbar,body.desktop-win *::-webkit-scrollbar,body.desktop-mac *::-webkit-scrollbar{width:8px;height:8px}body.desktop-win ::-webkit-scrollbar-track,body.desktop-mac ::-webkit-scrollbar-track,body.desktop-win *::-webkit-scrollbar-track,body.desktop-mac *::-webkit-scrollbar-track{background:var(--workspace-bg)}body.desktop-win ::-webkit-scrollbar-thumb,body.desktop-mac ::-webkit-scrollbar-thumb,body.desktop-win *::-webkit-scrollbar-thumb,body.desktop-mac *::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:8px}body.desktop-win ::-webkit-scrollbar-track,body.desktop-mac ::-webkit-scrollbar-track,body.desktop-win *::-webkit-scrollbar-track,body.desktop-mac *::-webkit-scrollbar-track,body.desktop-win ::-webkit-scrollbar-thumb,body.desktop-mac ::-webkit-scrollbar-thumb,body.desktop-win *::-webkit-scrollbar-thumb,body.desktop-mac *::-webkit-scrollbar-thumb{opacity:0;transition:opacity .2s}body.desktop-win ::-webkit-scrollbar-track:hover,body.desktop-mac ::-webkit-scrollbar-track:hover,body.desktop-win *:hover::-webkit-scrollbar-track,body.desktop-mac *:hover::-webkit-scrollbar-track,body.desktop-win ::-webkit-scrollbar-thumb:hover,body.desktop-mac ::-webkit-scrollbar-thumb:hover,body.desktop-win *:hover::-webkit-scrollbar-thumb,body.desktop-mac *:hover::-webkit-scrollbar-thumb,body.desktop-win ::-webkit-scrollbar-track:active,body.desktop-mac ::-webkit-scrollbar-track:active,body.desktop-win *:active::-webkit-scrollbar-track,body.desktop-mac *:active::-webkit-scrollbar-track,body.desktop-win ::-webkit-scrollbar-thumb:active,body.desktop-mac ::-webkit-scrollbar-thumb:active,body.desktop-win *:active::-webkit-scrollbar-thumb,body.desktop-mac *:active::-webkit-scrollbar-thumb{opacity:1}body.ios-app{min-height:100dvh;--header-height: calc(68px + env(safe-area-inset-top)) ;--footer-height: var(--safe-bottom)}.ios-only{display:none}body.ios-app .ios-only{display:inline-block}.android-only{display:none}body.android-app .android-only{display:inline-block}.page-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) + var(--footer-height))}.view-action-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:var(--m3-radius-md);background:color-mix(in srgb,var(--panel-bg) 80%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--m3-elev-1)}.view-action-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.view-action-search{min-width:220px}.view-action-menu{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:10px;width:36px;height:36px}.app-body{display:flex;flex:1 1 auto;min-height:0;gap:0}.side-nav{display:none}.side-nav-inner{display:flex;flex-direction:column;height:100%;background:var(--m3-surface-2);border-radius:0;border:none;box-shadow:none;padding:20px 16px;transition:width .2s ease}.side-nav-inner .spacer{flex:1 1 auto}.side-nav-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.side-nav-brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.side-nav-brand-mark{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:transparent;color:var(--accent)}.side-nav-brand-logo{width:36px;height:36px;display:block}.side-nav-brand-text{font-family:var(--font-display);font-weight:600;font-size:1rem}.side-nav-toggle{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--m3-surface-2) 70%,transparent);color:var(--text);width:32px;height:32px;border-radius:10px;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--m3-elev-1)}.side-nav.collapsed .side-nav-toggle{margin-left:auto}.side-nav-profile{margin-top:0;padding:0 12px;border-top:none;display:flex;flex-direction:column;gap:6px}.side-nav-user{width:100%}.side-nav-user-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.side-nav-user-name{font-size:.9rem;font-weight:600}.side-nav.collapsed .side-nav-brand-text,.side-nav.collapsed .side-nav-user-name,.side-nav.collapsed .side-nav-login,.side-nav.collapsed .MuiListItemText-root{display:none}.side-nav.collapsed .react-nav{padding:0}.side-nav.collapsed .nav-item{justify-content:center}.side-nav.collapsed .nav-icon{margin:0}.side-nav.collapsed .nav-label{position:absolute;left:72px;top:50%;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;white-space:nowrap;background:color-mix(in srgb,var(--m3-surface-2) 92%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:8px;padding:6px 10px;box-shadow:var(--m3-elev-1);z-index:2;transition:opacity .15s ease,transform .15s ease}.side-nav.collapsed .nav-item:hover .nav-label{opacity:1;transform:translateY(-50%) translate(0)}body.android-app .side-nav,body.ios-app .side-nav{display:none}body.android-app .mobile-nav-toggle,body.ios-app .mobile-nav-toggle{position:fixed;top:calc(8px + var(--safe-top));left:8px;z-index:1400;width:40px;height:40px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--m3-surface-2) 85%,transparent);color:var(--text);box-shadow:var(--m3-elev-1)}body.android-app .mobile-nav-toggle:hover,body.ios-app .mobile-nav-toggle:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.topbar-nav-toggle{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:10px;width:36px;height:36px;background:color-mix(in srgb,var(--m3-surface-2) 70%,transparent)}body.android-app .nav-drawer-paper,body.ios-app .nav-drawer-paper{width:240px;background:var(--m3-surface-2);color:var(--text);border-right:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none}body.android-app .nav-drawer-inner,body.ios-app .nav-drawer-inner{display:flex;flex-direction:column;height:100%;padding:20px 16px}@media (min-width: 1024px){body.desktop-win .side-nav,body.desktop-mac .side-nav{display:flex;width:240px;position:sticky;top:0;height:100vh;padding:0;border-right:none}body.desktop-win .side-nav.collapsed,body.desktop-mac .side-nav.collapsed{width:88px}body.desktop-win .react-nav,body.desktop-mac .react-nav{width:100%;padding:0}body.desktop-win .bottom-nav,body.desktop-mac .bottom-nav{display:none}body.desktop-win .bottom-app-bar,body.desktop-mac .bottom-app-bar{justify-content:flex-end;padding-right:16px}}.app-toolbar{flex:0 0 auto;height:var(--header-height);display:flex;align-items:center;padding:0;background:color-mix(in srgb,var(--m3-surface-2) 80%,transparent);color:var(--text);gap:12px;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:var(--m3-elev-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1200}.session-status{display:flex;align-items:center;gap:8px;margin-right:10px;padding:6px 10px;border-radius:999px;font-size:.72rem;letter-spacing:.02em;color:var(--m3-on-surface-variant);background:color-mix(in srgb,var(--m3-surface-3) 70%,transparent);border:1px solid color-mix(in srgb,var(--m3-outline-variant) 70%,transparent);white-space:nowrap}.session-status-label{font-weight:600;color:var(--m3-on-surface)}.session-status-sub{opacity:.75}body.android-app .app-toolbar{position:fixed;top:0;left:0;right:0;padding-top:var(--safe-top);height:var(--header-height)}body.android-app .app-toolbar .MuiToolbar-root{padding-left:8px;padding-right:8px}body.ios-app .app-toolbar{position:fixed;top:0;left:0;right:0;padding-top:env(safe-area-inset-top);height:var(--header-height)}.react-nav{display:flex;flex-direction:column;width:240px;padding:12px;gap:6px}.side-nav-inner .react-nav,.nav-drawer-inner .react-nav{margin-top:24px}.nav-item{position:relative;border-radius:10px;margin-bottom:2px;font-weight:600;gap:12px;padding:10px 12px;background:transparent;border:none;box-shadow:none;color:var(--text);transition:background .2s ease,color .2s ease}.nav-item.Mui-selected,.nav-item.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 70%,transparent)}.side-nav-user[aria-expanded=true]{color:inherit;background:transparent;box-shadow:none}.nav-item:hover,.nav-item.MuiListItemButton-root:hover,.nav-footer .nav-footer-btn.nav-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.nav-item:active{background:color-mix(in srgb,var(--accent) 14%,transparent)}.nav-item:focus-visible{outline:none}.nav-item.Mui-focusVisible{outline:none;box-shadow:none}.nav-item:before,.nav-item:after{content:none}.react-nav .MuiListItemButton-root:before,.react-nav .MuiListItemButton-root:after,.side-nav-profile .MuiListItemButton-root:before,.side-nav-profile .MuiListItemButton-root:after{content:none}.nav-item{border-left:none}.react-nav .MuiListItemText-root{margin:0}.react-nav .nav-label{display:block;font-size:.95rem;letter-spacing:.01em}.nav-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;flex-shrink:0}.nav-icon-img,.nav-icon-text{width:22px;height:22px;object-fit:contain;filter:grayscale(1) brightness(1.1);opacity:.85;transition:filter .2s ease,opacity .2s ease}.nav-icon-svg{width:22px;height:22px;font-size:22px;color:var(--m3-on-surface-variant)}.nav-icon-file{width:10px;height:10px;font-size:10px}.nav-icon-text{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--m3-on-surface-variant)}.Mui-selected .nav-icon-img,.Mui-selected .nav-icon-text,.Mui-selected .nav-icon-svg{filter:none;opacity:1}.Mui-selected .nav-icon-svg{color:var(--accent)}.light .nav-icon-img{filter:invert(1) grayscale(1) brightness(1.1)}.light .nav-icon-text{color:var(--text)}.light .Mui-selected .nav-icon-img{filter:invert(1)}.nav-footer{padding:12px;display:flex;flex-direction:column;gap:10px;margin-top:auto}.nav-footer .nav-footer-btn{width:100%;display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;justify-content:flex-start;color:inherit;text-transform:none;opacity:1;min-width:0}#nav-toggle{display:none}h1{margin:0 8px 0 auto;font-size:1.6em;text-align:right;display:flex;align-items:center;gap:8px}.panel h1{margin:0;text-align:left;justify-content:flex-start}#header-icon{height:48px;width:48px}#history-buttons{display:flex;gap:4px}#history-buttons button{background:none;border:none;color:var(--text);font-size:16px;padding:4px;cursor:pointer}.settings-drawer-paper{width:320px;max-width:90vw;background-color:var(--m3-surface-2);background-image:none;color:var(--text);border-left:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none}.settings-drawer-paper.MuiPaper-root{background-color:var(--m3-surface-2);background-image:none;box-shadow:none}.sr-modal-backdrop{background-color:#030506a6}.sr-modal-paper{background-color:var(--m3-surface-2);background-image:none;color:var(--text);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--m3-radius-md);box-shadow:none}.sr-modal .MuiDialog-paper,.sr-modal .MuiPaper-root.sr-modal-paper,.sr-modal .MuiPaper-root.MuiPaper-elevation{background-color:var(--m3-surface-2);background-image:none;box-shadow:none}.sr-modal .MuiDialogTitle-root{font-family:var(--font-display);font-weight:600;color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.sr-modal .MuiDialogContent-root{color:var(--text)}.sr-modal .MuiDialogActions-root{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.sr-modal .MuiTypography-root{color:var(--text)}.sr-modal .MuiTypography-subtitle1,.sr-modal .MuiTypography-subtitle2,.sr-modal .MuiInputLabel-root,.sr-modal .MuiFormLabel-root{color:var(--m3-on-surface-variant)}.sr-modal .MuiInputLabel-root.Mui-focused{color:var(--accent)}.sr-modal .MuiInputBase-root{background:color-mix(in srgb,var(--m3-surface-2) 78%,transparent);color:var(--text);border-radius:18px;box-shadow:inset 0 1px 1px #0003,var(--m3-elev-1)}.sr-modal .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb,var(--border) 70%,transparent)}.sr-modal .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.sr-modal .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)}.sr-modal .MuiInputBase-input,.sr-modal .MuiSelect-select{color:var(--text)}.sr-modal .MuiSelect-icon,.sr-modal .MuiCheckbox-root{color:var(--m3-on-surface-variant)}.sr-modal .MuiCheckbox-root.Mui-checked{color:var(--accent)}.sr-modal .MuiTableContainer-root{border-radius:20px;background:color-mix(in srgb,var(--m3-surface-2) 78%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:inset 0 1px 1px #0003}.sr-modal .MuiTable-root{background:transparent}.sr-modal .MuiTableCell-root{color:var(--text);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.sr-modal .MuiTableHead .MuiTableCell-root{color:var(--m3-on-surface-variant);font-weight:600}.sr-modal .MuiIconButton-root{color:var(--m3-on-surface-variant)}.sr-modal .MuiButton-root{background:transparent;color:var(--m3-on-surface-variant);border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none}.sr-modal .MuiButton-root:hover{opacity:.95;filter:none}.sr-snackbar{background:var(--m3-surface-3);color:var(--text);border-radius:12px;border:1px solid var(--border);box-shadow:var(--m3-elev-2);font-family:var(--font-body)}.sr-snackbar-host .MuiSnackbarContent-root{background-color:var(--m3-surface-3)!important;color:var(--text)!important;border-radius:12px;border:1px solid var(--border);box-shadow:var(--m3-elev-2);font-family:var(--font-body)}.sr-snackbar-success{background:var(--snackbar-success-bg);color:var(--snackbar-success-text);border-color:var(--snackbar-success-border)}.MuiSnackbarContent-root.sr-snackbar-success,.sr-snackbar-host.sr-snackbar-success .MuiSnackbarContent-root{background-color:var(--snackbar-success-bg)!important;color:var(--snackbar-success-text)!important;border-color:var(--snackbar-success-border)!important}.sr-snackbar-error{background:var(--snackbar-error-bg);color:var(--snackbar-error-text);border-color:var(--snackbar-error-border)}.MuiSnackbarContent-root.sr-snackbar-error,.sr-snackbar-host.sr-snackbar-error .MuiSnackbarContent-root{background-color:var(--snackbar-error-bg)!important;color:var(--snackbar-error-text)!important;border-color:var(--snackbar-error-border)!important}.MuiMenu-paper,.MuiPopover-paper,.MuiPaper-root.MuiMenu-paper,.MuiPaper-root.MuiPopover-paper,.MuiPaper-root.MuiPaper-elevation{background-color:var(--m3-surface-2);background-image:none;color:var(--text);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--m3-radius-md);box-shadow:none}.MuiMenu-list{padding:8px}.MuiMenuItem-root{border-radius:12px;color:var(--text);transition:background .2s ease,transform .15s ease}.MuiMenuItem-root:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.MuiMenuItem-root.Mui-selected{background:color-mix(in srgb,var(--accent) 22%,transparent)}.MuiMenuItem-root.Mui-selected:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.io-wizard-actions .MuiIconButton-root{width:36px;height:36px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);background:transparent;color:var(--m3-on-surface-variant);box-shadow:none}.io-wizard-actions .MuiIconButton-root:hover{opacity:.95;filter:none}.settings-drawer-inner{display:flex;flex-direction:column;height:100%}.settings-header{display:flex;align-items:center;gap:12px;padding:18px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.settings-title{margin:0 auto 0 0;font-family:var(--font-display);font-weight:600;font-size:1rem}.settings-close{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--m3-surface-2) 70%,transparent);color:var(--text);width:32px;height:32px;border-radius:10px;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--m3-elev-1)}.settings-close:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.settings-content{flex:1;overflow-y:auto;padding:10px 16px 16px;display:flex;flex-direction:column;gap:12px}.settings-footer{padding:12px 16px 16px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);display:flex;justify-content:flex-end}.settings-footer .settings-save{background:transparent;color:var(--m3-on-surface-variant);border:1px dashed color-mix(in srgb,var(--border) 60%,transparent);box-shadow:none}.settings-footer .settings-save:hover{opacity:.95;filter:none}.settings-drawer .MuiTypography-root{color:var(--text)}.settings-drawer .MuiTypography-subtitle1,.settings-drawer .MuiTypography-subtitle2,.settings-drawer .MuiInputLabel-root,.settings-drawer .MuiFormLabel-root{color:var(--m3-on-surface-variant)}.settings-drawer .MuiInputLabel-root.Mui-focused{color:var(--accent)}.settings-drawer .MuiInputBase-root{background:color-mix(in srgb,var(--m3-surface-2) 78%,transparent);color:var(--text);border-radius:18px;box-shadow:inset 0 1px 1px #0003,var(--m3-elev-1)}.settings-drawer .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb,var(--border) 70%,transparent)}.settings-drawer .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.settings-drawer .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)}.settings-drawer .MuiInputBase-input,.settings-drawer .MuiSelect-select{color:var(--text)}.settings-drawer .MuiSelect-icon,.settings-drawer .MuiCheckbox-root{color:var(--m3-on-surface-variant)}.settings-drawer .MuiCheckbox-root.Mui-checked{color:var(--accent)}.settings-drawer .MuiTableContainer-root{border-radius:20px;background:color-mix(in srgb,var(--m3-surface-2) 78%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:inset 0 1px 1px #0003}.settings-drawer .MuiTable-root{background:transparent}.settings-drawer .MuiTableCell-root{color:var(--text);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.settings-drawer .MuiTableHead .MuiTableCell-root{color:var(--m3-on-surface-variant);font-weight:600}.settings-drawer .MuiIconButton-root{color:var(--m3-on-surface-variant)}.settings-drawer .MuiButton-root{background:transparent;color:var(--m3-on-surface-variant);border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none}.settings-drawer .MuiButton-root:hover{opacity:.95;filter:none}.settings-mobile{gap:16px}.settings-drawer--mobile .settings-drawer-paper--mobile{width:100%;max-width:100%;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.settings-mobile .settings-table-container{max-height:none}.settings-mobile .settings-table thead{display:none}.settings-mobile .settings-table tr{display:grid;grid-template-columns:1fr auto;gap:8px 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;margin-bottom:10px;background:color-mix(in srgb,var(--panel-bg) 85%,transparent)}.settings-mobile .settings-table td{border-bottom:none;padding:0}.settings-mobile .settings-table td:nth-child(1),.settings-mobile .settings-table td:nth-child(2){grid-column:1 / -1}.settings-mobile .settings-table .MuiInputBase-root{width:100%}.settings-mobile-list{display:flex;flex-direction:column;gap:12px}.settings-mobile-card{border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 85%,transparent)}.settings-mobile-card__body{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}.settings-mobile-card__header{display:flex;align-items:center;justify-content:space-between}.settings-mobile-card__title{font-weight:600;font-size:.95rem}.settings-mobile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-mobile-field{display:flex;flex-direction:column;gap:6px}.settings-mobile-label{font-size:.75rem;text-transform:none;letter-spacing:.02em;color:var(--m3-on-surface-variant)}.settings-mobile-delete{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:10px;width:36px;height:36px}.settings-section{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;background:var(--panel-bg);background-image:var(--panel-gradient)}.settings-section summary{list-style:none;background:none;border:none;color:var(--text);padding:6px 12px;cursor:pointer;border-radius:10px;font:inherit;font-size:14px;display:flex;align-items:center;box-shadow:var(--m3-elev-1);transition:filter .2s ease,transform .1s ease,background .2s ease}.settings-section summary:hover{filter:brightness(110%)}.settings-section summary:active{transform:scale(.97)}.settings-section summary::-webkit-details-marker{display:none}.settings-section[open]>summary{background:var(--accent);color:#fff}.settings-section .section-body{padding:8px}.react-inventory{display:flex;flex-direction:column;gap:12px}.react-inventory>.panel{margin-bottom:16px}.view{display:none;width:100%;flex:1;overflow:auto}.view.active{display:flex;flex-direction:column}#inputs-view{padding:12px;overflow-y:auto;background:var(--panel-bg);flex:1;display:flex;flex-direction:column}#inputs-view ul{list-style:none;margin:0;padding:0}#inputs-view li{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:4px}#inputs-view li span{flex:1}.inputs-page{padding:24px 24px 32px;display:flex;flex-direction:column;gap:18px}.inputs-hero{border-radius:20px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#5ef2c61f,#0f141a33);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--m3-elev-1)}.inputs-hero__text{display:flex;flex-direction:column;gap:6px;min-width:240px}.inputs-hero__title{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.inputs-hero__subtitle{color:var(--node-text);max-width:560px}.inputs-hero__actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.inputs-stats{display:flex;flex-wrap:wrap;gap:8px}.inputs-stat{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:color-mix(in srgb,var(--panel-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.inputs-stat--accent{background:color-mix(in srgb,var(--inputs-color) 22%,var(--panel-bg));border-color:color-mix(in srgb,var(--inputs-color) 45%,var(--border));color:color-mix(in srgb,var(--inputs-color) 85%,var(--text))}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.inputs-card{border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--panel-bg);box-shadow:var(--m3-elev-1)}.inputs-card__content{display:flex;flex-direction:column;gap:14px}.inputs-card__label{font-size:1.05rem;font-weight:600}.inputs-card__meta{font-size:.85rem;color:var(--node-text)}.inputs-card__actions .MuiIconButton-root{background:color-mix(in srgb,var(--panel-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.inputs-card__footer{display:flex;justify-content:space-between;align-items:center}.inputs-chip{font-weight:600;background:color-mix(in srgb,var(--inputs-color) 18%,transparent)}.inputs-chip--empty{background:transparent;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);color:var(--node-text)}.inputs-empty{padding:28px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 70%,transparent);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.inputs-empty__body{color:var(--node-text);max-width:480px}.inputs-mobile{display:flex;flex-direction:column;gap:16px}.inputs-mobile-hero{padding:16px;display:flex;flex-direction:column;gap:12px}.inputs-mobile-hero__subtitle{color:var(--node-text)}.inputs-mobile-stats{display:flex;flex-wrap:wrap;gap:8px}.inputs-mobile .inputs-grid{grid-template-columns:1fr}.inputs-mobile .inputs-card__actions .MuiIconButton-root{width:36px;height:36px}@media (max-width: 720px){.inputs-page{padding:18px 16px 24px}.inputs-hero,.inputs-hero__actions{align-items:flex-start}}#diagram-view,#stage-view{background:var(--workspace-bg);background-image:var(--workspace-grid);background-size:25px 25px}#diagram-view.active,#stage-view.active{align-items:stretch;justify-content:stretch}#diagram-legend{font-size:14px;display:flex;justify-content:space-around;margin-bottom:4px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 80%,transparent);gap:8px}#diagram-legend .entry{display:flex;align-items:center;gap:4px}#diagram-legend .color{width:12px;height:12px;border-radius:6px;display:inline-block}#diagram-legend .input{background:var(--inputs-color)}#diagram-legend .snake{background:var(--snake-color)}#diagram-legend .io{background:var(--io-color)}#diagram-legend .drivers{background:var(--drivers-color)}.diagram-mobile .diagram-panel{padding:12px}.diagram-mobile-controls{display:flex;align-items:center;gap:6px}.diagram-mobile-control{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-bg) 70%,transparent);width:34px;height:34px}.diagram-legend-mobile{font-size:12px;gap:6px}#diagram-wrapper{flex:1;overflow:auto;position:relative}#stage-plot{flex:1;overflow:hidden;position:relative;touch-action:none}#diagram{width:100%}#diagram .diagram-edge{stroke:color-mix(in srgb,var(--accent) 40%,var(--border));stroke-width:2;stroke-linecap:round;opacity:.7}#diagram .diagram-edge--active{stroke:var(--accent);stroke-width:3;opacity:.95}#diagram .node{cursor:grab}#diagram .node:active{cursor:grabbing}#diagram .node-halo{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:color-mix(in srgb,var(--border) 70%,transparent);stroke-width:1}#diagram .node--highlight .node-halo{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent)}#diagram .node-core{filter:url(#diagram-node-shadow);stroke:color-mix(in srgb,var(--bg) 30%,transparent);stroke-width:1}#diagram .node-label{font-size:12px;font-weight:600;paint-order:stroke;stroke:color-mix(in srgb,var(--bg) 60%,transparent);stroke-width:3}#stage-svg{width:100%;height:100%}#stage-view .grid{pointer-events:none}#stage-view .grid line{stroke:var(--border);stroke-width:.5;stroke-dasharray:2 2}#stage-view .item rect{fill:var(--accent);cursor:move}#stage-view .item text{pointer-events:none}#stage-view .item .icon{font-size:18px}#stage-view .item .label{font-size:12px}#stage-view .item .input{font-size:10px}#table-view{padding:10px;overflow-y:auto;overflow-x:auto;background:var(--panel-bg)}.table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.table-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;cursor:grab;touch-action:auto}.table-scroll table,.table-scroll-container table{width:100%}@media (max-width: 600px){#routing-table{font-size:12px}}#inventory-view{padding:12px;overflow-y:auto;background:var(--panel-bg)}#inventory-panels{display:flex;flex-direction:column;gap:12px;padding-bottom:0;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;cursor:grab;touch-action:auto}.inventory-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:12px;align-items:start}.inventory-rail{position:sticky;top:12px;align-self:start}.inventory-main{min-width:0}.inventory-table thead th{position:sticky;top:0;background:var(--panel-bg);z-index:1;box-shadow:inset 0 -1px color-mix(in srgb,var(--border) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#routing-table thead th{position:sticky;top:0;background:var(--panel-bg);z-index:1}.inventory-table th.sortable{cursor:pointer}.panel{margin-bottom:16px;background:var(--panel-bg);background-image:var(--panel-gradient);padding:12px;border-radius:var(--m3-radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--m3-elev-2);flex:0 0 auto;width:100%;animation:sr-stagger .42s ease forwards}#inventory-filters .chip-row{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0;width:100%}#inventory-filters{margin-bottom:0;width:100%;touch-action:pan-y}.inventory-active-filters{margin-top:8px;display:flex;flex-direction:column;gap:6px}.inventory-filter-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--m3-on-surface-variant)}.inventory-active-chips{display:flex;flex-wrap:wrap;gap:6px}.inventory-active-chip{border-radius:999px;font-size:.74rem}.inventory-type-menu{display:flex;width:100%}.inventory-type-trigger{justify-content:space-between;width:100%;text-transform:none}.inventory-type-group{display:flex;justify-content:space-between;gap:12px}.inventory-type-submenu-arrow{opacity:.6}.inventory-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inventory-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inventory-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inventory-pill{border-radius:999px;text-transform:none;font-size:.78rem;height:30px;padding:0 12px}.inventory-search-pill{min-width:220px;flex:0 0 260px}.inventory-search-pill .MuiInputBase-root{height:34px;border-radius:999px}.inventory-search-pill .MuiInputBase-input{padding:6px 12px;font-size:.8rem}.inventory-pill-select .MuiInputBase-root{height:34px;border-radius:999px;font-size:.78rem}.inventory-pill-select .MuiSelect-select{padding-right:26px;padding-left:12px}.inventory-filter-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.inventory-icon-button{border-radius:10px;width:30px;height:30px}@media (max-width: 1100px){.inventory-layout{grid-template-columns:1fr}.inventory-rail{position:static}}.inventory-rail .inventory-filter-bar{flex-direction:column;align-items:stretch;overflow:visible;padding:6px 0 4px}.inventory-rail .inventory-filter-bar>*{width:100%}.inventory-rail .inventory-filter-actions{margin-left:0;justify-content:flex-start;flex-wrap:wrap}.inventory-rail .inventory-search-pill{min-width:0;flex:0 0 auto}.panel h3{margin:6px 0 8px;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--m3-on-surface-variant);display:flex;align-items:center;gap:4px}.empty-state{padding:18px;border-radius:var(--m3-radius-md);border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 70%,transparent);box-shadow:none;text-align:left}.empty-state-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);margin-bottom:10px}.empty-state-actions{padding:12px 0 0;display:flex;flex-wrap:wrap;gap:10px}.home-mobile{display:flex;flex-direction:column;gap:18px}.home-mobile-hero{display:flex;flex-direction:column;gap:16px;padding:18px}.home-mobile-hero__title h1{margin:0 0 6px}.home-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-mobile-section h3{margin:0 0 10px}.home-mobile-section__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-mobile-list{display:flex;flex-direction:column;gap:12px}.home-mobile-card{padding:16px;border-radius:var(--m3-radius-md);background:var(--panel-bg)}.home-mobile-card .MuiCardContent-root{padding:0}.home-mobile-card__actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 0}.home-mobile-meta{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--m3-on-surface-variant)}.table-mobile .panel{padding:12px}.table-mobile-list{display:flex;flex-direction:column;gap:12px}.table-mobile-card{padding:12px;border-radius:16px;background:color-mix(in srgb,var(--panel-bg) 90%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.table-mobile-card__head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.table-mobile-card__title{font-size:1rem;font-weight:600}.table-mobile-card__subtitle{color:var(--m3-on-surface-variant);font-size:.85rem}.table-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-mobile-field{display:flex;flex-direction:column;gap:4px}.table-mobile-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--m3-on-surface-variant)}.table-mobile-value{font-size:.85rem}.table-mobile-note{margin-top:10px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--m3-surface-2) 85%,transparent);color:var(--m3-on-surface-variant);font-size:.85rem}.table-mobile-actions{display:flex;gap:8px;margin-top:10px}.inventory-mobile #inventory-panels{padding:0}.inventory-mobile-header h1{margin:0}.inventory-mobile-filters{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.inventory-mobile-search-actions{display:inline-flex;align-items:center;gap:4px}.inventory-mobile-filters .MuiInputBase-root{flex:1}.inventory-mobile-filters__icon{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:10px;width:28px;height:28px;background:color-mix(in srgb,var(--m3-surface-2) 70%,transparent)}.inventory-mobile-filters__count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:.65rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--accent) 35%,transparent)}.inventory-mobile-filters__clear{color:var(--m3-on-surface-variant);width:24px;height:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:transparent}.inventory-mobile-list{display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}.inventory-mobile-group__head{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:10px 12px;border-radius:16px 16px 0 0;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-bottom:none;background:color-mix(in srgb,var(--panel-bg) 85%,transparent);color:var(--m3-on-surface-variant);font-size:.85rem;cursor:pointer;width:100%}.inventory-mobile-group__toggle{border:none;background:transparent;color:inherit;font-size:1rem;cursor:pointer}.inventory-mobile-group__label{font-weight:600;color:var(--text)}.inventory-mobile-group__paper{padding:10px;border-radius:0 0 16px 16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-top:none;background:color-mix(in srgb,var(--panel-bg) 85%,transparent);display:flex;flex-direction:column;gap:10px}.inventory-mobile-card{padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 90%,transparent);display:flex;flex-direction:column;gap:8px}.inventory-mobile-card.is-sub{margin-left:8px;border-style:dashed;padding:10px}.inventory-mobile-card__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.inventory-mobile-select{margin-right:2px;color:var(--m3-on-surface-variant)}.inventory-mobile-select.Mui-checked{color:var(--accent)}.inventory-mobile-card__title{font-weight:600;text-align:left}.inventory-mobile-card__meta{display:flex;gap:10px;color:var(--m3-on-surface-variant);font-size:.85rem}.inventory-mobile-meta{display:inline-flex;align-items:center;gap:4px}.inventory-mobile-tags{font-size:.8rem;color:var(--m3-on-surface-variant)}.inventory-mobile-notes{font-size:.8rem;color:var(--m3-on-surface-variant);padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--m3-surface-2) 85%,transparent)}.inventory-mobile-actions{display:flex;gap:6px;flex-wrap:wrap}.inventory-mobile-actions .MuiButton-root{padding:4px 10px;min-width:0;border-radius:999px;font-size:.78rem}.inventory-mobile-group__expand{border:1px dashed color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;padding:4px 10px;background:transparent;color:var(--m3-on-surface-variant);font-size:.78rem;align-self:flex-start;cursor:pointer}.inventory-mobile-drawer__paper{border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom);background:var(--m3-surface-2)}.inventory-mobile-drawer__inner{padding:12px 12px 20px;display:flex;flex-direction:column;gap:12px}.inventory-mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inventory-mobile-drawer__head span{font-size:1.1rem;font-weight:600}.inventory-mobile-drawer__head .MuiButton-root{border-radius:999px;padding:6px 14px}.inventory-mobile-drawer__paper #inventory-filters{padding:12px;border-radius:16px;background:color-mix(in srgb,var(--panel-bg) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.inventory-mobile-drawer__paper .inventory-filter-bar{display:grid;grid-template-columns:1fr;gap:10px}.inventory-mobile-drawer__paper .inventory-search-pill{flex:1 1 100%;min-width:100%}.inventory-mobile-drawer__paper .inventory-filter-group,.inventory-mobile-drawer__paper .inventory-filter-pills{width:100%}.inventory-mobile-drawer__paper .inventory-filter-pills{gap:8px}.inventory-mobile-drawer__paper .inventory-pill{height:34px;padding:0 14px;font-size:.8rem}.inventory-mobile-drawer__paper .inventory-pill-select,.inventory-mobile-drawer__paper .inventory-pill-select .MuiInputBase-root{width:100%}.inventory-mobile-drawer__paper .inventory-filter-actions{width:100%;justify-content:space-between;align-items:center}.inventory-mobile-drawer__paper .inventory-filter-actions .inventory-icon-button{width:32px;height:32px}.inventory-mobile-drawer__paper .inventory-reset-button{border-radius:999px;padding:4px 12px}.inventory-mobile-header{padding:14px 14px 10px}.inventory-mobile-header .MuiButton-root{border-radius:999px;padding:6px 14px}.inventory-mobile-header__search{margin-top:10px}.inventory-mobile-header__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.inventory-mobile-header__actions .MuiButton-root{border-radius:999px;padding:6px 12px}.panel h3 .collapse{background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.panel.collapsed ul,.panel.collapsed table{display:none}button{background:var(--accent);border:none;padding:8px 16px;color:#fff;cursor:pointer;border-radius:12px;box-shadow:var(--m3-elev-1);transition:filter .2s ease,transform .15s ease,box-shadow .2s ease;font-family:var(--font-body);font-weight:600}select,input{background:var(--input-bg);color:var(--text);border:1px solid color-mix(in srgb,var(--input-border) 80%,transparent);padding:10px 12px;border-radius:10px;width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body)}button:hover{filter:brightness(110%);box-shadow:var(--m3-elev-2)}button:active{transform:scale(.97)}button:focus-visible,.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible,.MuiListItemButton-root:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}body.desktop-win .resizable,body.desktop-mac .resizable{resize:both;overflow:auto}#routing-table,.inventory-table{border-collapse:collapse;table-layout:auto}#routing-table,.inventory-table{width:100%}@media (max-width: 600px){.inventory-table th,.inventory-table td{font-size:12px}}@media (orientation: landscape) and (max-height: 500px){.view-menu{flex-wrap:nowrap;overflow-x:auto}}#app-search{margin:0}#routing-table th,#routing-table td,.inventory-table th,.inventory-table td{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:10px 14px;text-align:left;white-space:nowrap}#routing-table th,.inventory-table th{white-space:normal;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--m3-on-surface-variant);background:color-mix(in srgb,var(--panel-bg) 85%,transparent)}.inventory-table tr:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}#routing-table tbody tr:nth-child(odd),.inventory-table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--m3-surface-2) 35%,transparent)}#routing-table tbody tr:hover,.inventory-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}#routing-table tbody tr,.inventory-table tbody tr{transition:background .15s ease}.inventory-table tbody tr.subrow{background:color-mix(in srgb,var(--m3-surface-2) 20%,transparent)}#routing-table td,.inventory-table td{font-size:.95rem}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:#fff}.status-storage{background:#4f545c}.status-use{background:#0ea5e9}.status-gig{background:#faa61a}.warn{color:#faa61a}.arrow{cursor:pointer;display:inline-block;width:14px}.count-badge{background:#faa61a;color:#fff;border-radius:8px;padding:0 6px;font-size:11px;margin-left:4px}.subrow td:nth-child(2){padding-left:24px}.inventory-quick-edit{margin-top:8px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--panel-bg) 85%,transparent)}.bulk-actions{padding:8px;gap:8px;display:flex;flex-wrap:wrap;background:var(--panel-bg);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;box-shadow:var(--m3-elev-2);transform-origin:bottom center;transition:transform .2s ease,opacity .2s ease;opacity:1;transform:scale(1)}.bulk-actions.hidden{opacity:0;transform:scale(.8);pointer-events:none}.bulk-actions #bulk-status{min-width:120px}.inventory-bulk-count{align-self:center;font-size:.82rem;color:var(--m3-on-surface-variant);margin-right:4px}#inventory-bulk{position:fixed;bottom:12px;left:12px;right:12px;z-index:1400;margin:0 auto;max-width:1200px;pointer-events:none}#inventory-bulk>*{pointer-events:auto}#routing-table .num-col{width:1%;text-align:center}#routing-table td:nth-child(3),#routing-table td:nth-child(5),#routing-table td:nth-child(7){text-align:center}#routing-table th:first-child,#routing-table td:first-child{position:sticky;left:0;background:var(--panel-bg);z-index:1}#routing-table thead th:first-child{z-index:2}.inventory-table th:first-child,.inventory-table td:first-child{position:sticky;left:0;background:var(--panel-bg);z-index:1}.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){position:sticky;left:24px;background:var(--panel-bg);z-index:1}.inventory-table thead th:first-child,.inventory-table thead th:nth-child(2){z-index:2}.inventory-table th:first-child,.inventory-table td:first-child,.inventory-table th:last-child,.inventory-table td:last-child{width:1%;white-space:nowrap}.inventory-table th:first-child,.inventory-table td:first-child{padding:0;text-align:center;width:24px}.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){white-space:nowrap;padding-left:4px;width:1%}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:1%;white-space:nowrap}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3),.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:1%;white-space:nowrap}.inv-select.MuiCheckbox-root,.inv-select-all.MuiCheckbox-root{padding:2px}.inv-select .MuiSvgIcon-root,.inv-select-all .MuiSvgIcon-root{font-size:18px}.view-menu{display:flex;gap:8px;flex-wrap:wrap}.view-menu button{font-size:14px}#layout-select{min-width:200px}.small{padding:4px;font-size:12px;min-width:32px}@media print{body{background:#fff;color:#000}.view-menu button{display:none}#table-view{border:none}}.settings-section{margin-bottom:16px}.settings-section h3{margin:0 0 6px}.settings-section table{width:100%;border-collapse:collapse;margin-bottom:6px}.settings-section th,.settings-section td{border:1px solid var(--border);padding:4px}.settings-section input{width:100%;box-sizing:border-box}.settings-toggle{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;transition:background .2s}.toggle-switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;top:2px;background:var(--text);border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.slider{background:var(--accent)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.bottom-app-bar{animation:sr-fade-in-opacity .52s ease forwards;transform:none;flex:0 0 auto;min-height:var(--footer-height);display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--text);border-top:none;box-shadow:none;overflow-x:auto;z-index:900;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav{width:100%;display:flex;padding:6px 12px;height:100%;box-sizing:border-box;padding-bottom:var(--safe-bottom);background:transparent;gap:6px}.bottom-nav-action{flex:1;min-width:0;padding:4px 6px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--m3-surface-2) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:transform .2s ease,background .2s ease}.bottom-nav-action:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 12%,transparent)}.bottom-nav-action img{width:24px;height:24px}.bottom-nav-action .nav-icon-img{filter:grayscale(1) brightness(1.1);opacity:.8}.bottom-nav-action.Mui-selected .nav-icon-img{filter:none;opacity:1}.light .bottom-nav-action img{filter:invert(1)}.bottom-nav-action:not(:last-child){border-right:none!important}.bottom-nav-action.Mui-selected{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}body.android-app .diagram-panel{padding-bottom:var(--content-gap)}.bottom-app-bar::-webkit-scrollbar{display:none}.bottom-app-bar .view-menu{flex-wrap:nowrap;gap:0;justify-content:center}body.android-app .bottom-app-bar,body.ios-app .bottom-app-bar{position:fixed;bottom:0;left:0;right:0;width:100%}body.ios-app .page-content{height:calc(100dvh - var(--header-height) - var(--footer-height));margin-top:var(--header-height);margin-bottom:var(--footer-height);overflow-y:auto;overflow-x:hidden}body.android-app .page-content{height:calc(100dvh - var(--header-height) - var(--footer-height) - var(--content-gap));margin-top:calc(var(--header-height) + var(--content-gap));margin-bottom:var(--footer-height);padding-bottom:var(--content-padding);overflow-y:auto;overflow-x:hidden}body.portrait .view-menu{flex-wrap:wrap}body.portrait .bottom-app-bar .view-menu,body.landscape .bottom-app-bar .view-menu{flex-wrap:nowrap}body.landscape .view-menu{flex-wrap:nowrap;overflow-x:auto}.return-section{list-style:none;padding-left:0;margin:0 0 1rem}.return-packed-label{text-decoration:line-through}.return-item-enter{opacity:0;transform:translate(-10px)}.return-item-enter-active{opacity:1;transform:translate(0);transition:opacity .2s ease,transform .2s ease}.return-item-exit{opacity:1;transform:translate(0)}.return-item-exit-active{opacity:0;transform:translate(10px);transition:opacity .2s ease,transform .2s ease}body.landing{font-family:var(--font-body);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;text-align:center;background:var(--bg) url(./background-CaOV7xv1.png) no-repeat center/cover fixed;--bg: #0b1017;--panel-bg: rgba(17, 24, 39, .78);--border: rgba(148, 163, 184, .24);--accent: #22d3ee;--text: #eef2f7}body.landing h1,body.landing h2,body.landing h3{font-family:var(--font-display)}.hero-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:var(--bg)}.hero-video video{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scaleY(1.333333);transform-origin:top center}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--panel-bg);border:1px solid var(--border);border-left:none;border-right:none;position:sticky;top:0;z-index:100;transition:transform .3s ease,opacity .3s ease}.nav-links{display:flex;gap:1rem;align-items:center}.nav-btn,.nav-link{padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;background:color-mix(in srgb,var(--panel-bg) 80%,transparent);color:var(--text);text-decoration:none;cursor:pointer;font-size:.95rem}.nav-btn{background:var(--accent);color:#fff}.reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease,transform .6s ease}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.landing-hero{padding:4rem 1rem;max-width:1100px;margin-left:auto;margin-right:auto}.hero-logo{width:200px;display:block;margin:0 auto 1rem}.landing-hero h1{margin:0 0 .5rem;font-size:2.5rem;text-align:center;display:block}.landing-hero p{margin:0 0 1.5rem;font-size:1.2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;margin-top:2rem}.cta-btn{font-size:1.1rem;padding:.95rem 1.8rem;border-radius:999px;box-shadow:0 12px 26px #00000059;transition:filter .2s ease,transform .2s ease}.cta-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.cta-btn.secondary{background:color-mix(in srgb,var(--panel-bg) 85%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}.intro{max-width:720px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6;padding:0 1rem}.features-section{max-width:720px;margin:2rem auto 3rem;text-align:left;font-size:1.1rem;line-height:1.6;padding:0 1rem}.features-section h2{text-align:center;margin-bottom:1rem;font-size:1.75rem}.features-section ul{list-style:none;padding:0}.features-section li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.features-section li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:var(--accent)}.download-links{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.downloads{padding:4rem 1rem;background:var(--panel-bg);border-radius:20px;border:1px solid var(--border);box-shadow:0 18px 36px #00000059;margin:4rem auto;max-width:900px}.downloads h2{margin-top:0;font-size:2rem}.btn{padding:.75rem 1.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--panel-bg) 85%,transparent);color:var(--text);text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.screenshots{padding:3rem 1rem;max-width:1200px;margin-left:auto;margin-right:auto;overflow-x:hidden}.screenshot-row{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:4rem auto;max-width:1100px}.screenshot-row.reverse{flex-direction:column}.screenshot-row img{width:90%;max-width:480px;border-radius:18px;border:1px solid var(--border);box-shadow:0 10px 24px #00000059;transition:transform .3s ease}.screenshot-row img.large-img{max-width:540px}.screenshot-row img:hover{transform:translateY(-4px)}.section-divider{width:60%;max-width:500px;height:1px;background:color-mix(in srgb,var(--border) 80%,transparent);margin:2rem auto}.scroll-arrow{background:none;border:none;color:var(--accent);font-size:1.75rem;cursor:pointer;margin:.5rem auto 2rem}.mobile-only{display:inline-block}@media (min-width: 768px){.mobile-only{display:none}}.screenshot-text{max-width:400px;text-align:center}.landing-footer{margin-top:auto;padding:1rem;background:var(--panel-bg);border-top:1px solid var(--border)}.privacy-link{color:var(--text);opacity:.6;text-decoration:none;margin-left:.5rem;font-size:.85rem}@media (max-width: 767px){.top-nav{transform:translateY(0);opacity:1}}@media (min-width: 768px){.cta-buttons{flex-direction:row}.download-links{flex-direction:row;justify-content:center;align-items:center}.screenshot-row{flex-direction:row}.screenshot-row.reverse{flex-direction:row-reverse}.screenshot-row img{width:45%;max-width:420px}.screenshot-row img.large-img{width:50%;max-width:460px}.screenshot-text{text-align:left}.nav-btn,.nav-link{font-size:1rem}}.drive-browser{display:flex;flex-direction:column;gap:12px;min-height:480px;color:#f0f5ffeb}.drive-browser__content{display:flex;gap:14px;align-items:stretch}.drive-browser__breadcrumb{opacity:.8}.drive-browser__columns{flex:1 1 auto;display:flex;gap:12px;overflow-x:auto;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0a101a59}.drive-browser__column{flex:0 0 auto;min-width:240px;max-width:280px;height:430px;overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#090e1699;padding:6px 6px 8px;box-shadow:inset 0 0 0 1px #ffffff05}.drive-browser__column-header{display:flex;justify-content:space-between;gap:8px;padding:6px 8px 8px;position:sticky;top:0;z-index:1;background:#090e16fa;border-bottom:1px solid rgba(255,255,255,.06)}.drive-browser__column .MuiListItemButton-root{border-radius:8px;margin:2px 0;transition:background .12s ease,border-color .12s ease}.drive-browser__column .MuiListItemButton-root.Mui-selected{background:#44a3db38;border:1px solid rgba(68,163,219,.35)}.drive-browser__column .MuiListItemText-primary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-browser__column .MuiList-root{padding:2px 0 6px}.drive-browser__details{flex:0 0 240px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#090e1699;padding:10px}.drive-browser__details-header{gap:8px;align-items:center}.drive-browser__details-text{min-width:0}.drive-browser__details-row{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.drive-browser__details-row:last-of-type{border-bottom:none}.drive-browser__toolbar,.drive-browser__top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.drive-browser__top-right,.drive-browser__top-left{display:flex;align-items:center;gap:8px}.drive-browser__footer{display:flex;justify-content:flex-end}.drive-browser__search .MuiInputBase-root{border-radius:10px;background:#0c121c99;border:1px solid rgba(255,255,255,.08)}