/* Appearance Manager 2.0.9.17 — application chrome only; model SVG colors are untouched. */
:root{
 --ui-bg:#0b1729;--ui-panel:#12263c;--ui-panel-alt:#19354f;--ui-text:#e6f4ff;--ui-muted:#afc6dc;--ui-border:#355a76;--ui-accent:#35b9e6;--ui-hover:#24516e;--ui-input:#0b2034;--canvas-bg:#f3f8fe;--canvas-grid:#d8e8f6;--ui-shadow:rgba(0,0,0,.28)
}
html[data-ui-theme="light"]{--ui-bg:#eaf1f8;--ui-panel:#ffffff;--ui-panel-alt:#e8f1fb;--ui-text:#193752;--ui-muted:#4f6880;--ui-border:#b5cde1;--ui-accent:#146fad;--ui-hover:#d7eaf9;--ui-input:#f7fbff;--canvas-bg:#ffffff;--canvas-grid:#d9e5f1;--ui-shadow:rgba(35,64,92,.15)}
html[data-ui-theme="purple"]{--ui-bg:#141c30;--ui-panel:#242b47;--ui-panel-alt:#343c60;--ui-text:#eee9ff;--ui-muted:#c0b9dd;--ui-border:#5e628f;--ui-accent:#b9a3ff;--ui-hover:#454a70;--ui-input:#1a2340;--canvas-bg:#edf0fa;--canvas-grid:#d8dded;--ui-shadow:rgba(5,5,25,.34)}
html[data-ui-theme="emerald"]{--ui-bg:#082923;--ui-panel:#123b34;--ui-panel-alt:#1a4c45;--ui-text:#e0fff3;--ui-muted:#aed8c9;--ui-border:#3c7869;--ui-accent:#53dcb9;--ui-hover:#245f53;--ui-input:#0b302b;--canvas-bg:#f0faf6;--canvas-grid:#d8eee6;--ui-shadow:rgba(0,26,20,.32)}
html[data-canvas-scheme="white"]{--canvas-bg:#ffffff;--canvas-grid:#d9e5f1}
html[data-canvas-scheme="soft"]{--canvas-bg:#f3f8fe;--canvas-grid:#d8e8f6}
body,.app{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.top,.top-row,.top .menu-row,.top .tool-row,.bottom,.panel,.left,.right,.sidebar-resizer,.inspector-resizer{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.top .top-row{box-shadow:0 2px 10px var(--ui-shadow)!important}
.top-row .row-label,.top .row-label,.top-group button,.top button,.left button,.right button,.bottom button,.workshop-menus summary,.menu-entries,.menu-entries button,.sheets-bar,.sheets-bar button,.sheet-tab,.left-tab-button,.project-tree button,.project-explorer,.up-phase,.up-diagram,.up-tools .tool,.device-network-library,.network-device-tool,.network-mode-toggle button,.inspector-mark,.inspector-section,.tip,.inspector-help,.up-uml-reference,.site-metrics{background-color:var(--ui-panel-alt)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.top button.active,.top button[aria-pressed="true"],.left button.active,.left button[aria-selected="true"],.network-mode-toggle button.active{background:var(--ui-accent)!important;color:var(--ui-bg)!important}
.top button:hover,.left button:hover,.right button:hover,.menu-entries button:hover,.sheets-bar button:hover{filter:none!important;background:var(--ui-hover)!important;color:var(--ui-text)!important}
.right input:not([type=color]),.right textarea,.right select,.top input,.top select,.project-search-wrap input,.field input,.field select{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.panel h3,.inspector-heading h3,.inspector-section,.right label,.left strong,.up-phase summary strong,.project-explorer strong,.top .brand,.welcome-header h1{color:var(--ui-text)!important}
.panel small,.panel p,.field,.inspector-sub,.size-hint,.up-phase p,.dev-credit,.bottom,.site-metrics small,.up-uml-reference p{color:var(--ui-muted)!important}
.menu-entries,.edge-floating,.editor-context,.sheet-menu,.popover{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:0 12px 36px var(--ui-shadow)!important}
.edge-floating button,.editor-context button{background:var(--ui-panel-alt)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
/* Dialog content inherits the chosen theme; no overrides to SVG diagram elements */
dialog:not(.s2d-welcome),dialog:not(.s2d-welcome) > div,dialog:not(.s2d-welcome) .layout-preview-content{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
dialog:not(.s2d-welcome) h2,dialog:not(.s2d-welcome) h3,dialog:not(.s2d-welcome) p{color:var(--ui-text)!important}
dialog:not(.s2d-welcome) input,dialog:not(.s2d-welcome) select,dialog:not(.s2d-welcome) textarea{background:var(--ui-input)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.s2d-welcome .welcome-shell,.s2d-welcome .welcome-header,.s2d-welcome .welcome-content,.s2d-welcome .welcome-footer{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.s2d-welcome button,.s2d-welcome .welcome-tile,.s2d-welcome .welcome-case-list button,.s2d-welcome .welcome-recents>*{background:var(--ui-panel-alt)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.work{background:var(--canvas-bg)!important;scrollbar-color:var(--ui-border) var(--canvas-bg)}
.canvas-scroll-hint,.canvas-context-label{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.minimap{background:var(--canvas-bg)!important;border-color:var(--ui-border)!important}
/* Where the grid is drawn by SVG, change only the dedicated grid group. */
html[data-ui-theme] .workspace #grid line,html[data-ui-theme] #grid line{stroke:var(--canvas-grid)!important}
html[data-canvas-grid="off"] .workspace #grid,html[data-canvas-grid="off"] #grid{visibility:hidden!important}
/* Dedicated appearance controls */
#appearanceOpenBtn{white-space:nowrap}
.appearance-dialog{width:min(500px,calc(100vw - 24px));max-height:min(78vh,760px);overflow:auto;padding:0;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-panel);color:var(--ui-text);box-shadow:0 20px 65px var(--ui-shadow)}
.appearance-dialog::backdrop{background:rgba(2,10,20,.58)}
.appearance-shell{padding:22px;display:grid;gap:16px;background:var(--ui-panel)!important;color:var(--ui-text)!important}
.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-head h2{margin:0;font-size:19px}.appearance-head button{width:38px;height:38px}
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.appearance-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid var(--ui-border);background:var(--ui-panel-alt);color:var(--ui-text);border-radius:11px;cursor:pointer;min-width:0}
.appearance-choice[aria-pressed="true"]{outline:2px solid var(--ui-accent);outline-offset:-2px}
.appearance-swatches{display:flex;gap:2px;flex-shrink:0}.appearance-swatches i{display:block;width:15px;height:26px;border:1px solid #8aa5bb66}
.appearance-opts{display:grid;gap:12px}.appearance-opts label{display:grid;gap:5px;font-size:13px}.appearance-opts select{padding:10px;border-radius:9px;border:1px solid var(--ui-border);background:var(--ui-input);color:var(--ui-text)}
.appearance-grid-ctrl{display:flex;align-items:center;gap:8px}.appearance-grid-ctrl input{accent-color:var(--ui-accent)}
.appearance-help{font-size:12px;color:var(--ui-muted);line-height:1.6}
@media(max-width:560px){.appearance-shell{padding:14px}.appearance-grid{grid-template-columns:1fr}.appearance-dialog{max-height:88dvh}}