:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#667085;--line:#dde2ea;--surface:#fff;--surface-soft:#f6f7f9;--brand:#2563eb;--brand-dark:#1749b3;--accent:#2563eb;--danger:#b23b4c;--shadow:0 10px 34px #19332f1c;background:#f3f5f8;font-family:Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,.button{cursor:pointer}.app{min-height:100vh}.app-header{border-bottom:1px solid var(--line);height:60px;color:var(--ink);background:#fff;grid-template-columns:170px auto minmax(190px,320px) 1fr;align-items:center;gap:22px;padding:0 24px;display:grid}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{filter:drop-shadow(0 4px 7px #2563eb33);flex:none;width:38px;height:38px;display:block}.brand-mark svg{width:100%;height:100%;display:block;overflow:visible}.brand-mark-bg{fill:var(--brand)}.brand-mark-plan{fill:none;stroke:#fff;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:#b9e84c;stroke:var(--brand-dark);stroke-width:1px}.brand strong{letter-spacing:.06em;font:800 17px/1 Segoe UI,system-ui,sans-serif;display:block}.brand small{color:var(--muted);font-size:11px}.app-header nav{align-items:center;gap:26px;height:100%;display:flex}.app-header nav button{height:100%;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;font-size:13px;font-weight:600;display:grid;position:relative}.app-header nav button.active{color:var(--ink)}.app-header nav button.active:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.app-header nav button:disabled{cursor:default;opacity:.42}.header-floor-picker{align-items:center;gap:5px;min-width:0;display:flex;position:relative}.header-floor-picker>select{color:#173f75;background:#f7faff;border:1px solid #b9c9dc;border-radius:8px;width:100%;min-width:130px;height:36px;padding:0 32px 0 10px;font-size:12px;font-weight:750}.header-add-floor,.header-floor-settings>summary{width:36px;height:36px;color:var(--brand-dark);background:#fff;border:1px solid #b9c9dc;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.header-add-floor{font-size:20px}.header-floor-settings{position:relative}.header-floor-settings>summary{cursor:pointer;letter-spacing:1px;font-size:11px;list-style:none}.header-floor-settings>summary::-webkit-details-marker{display:none}.header-floor-settings[open]>summary{background:#eaf3ff;border-color:#79a8e6}.header-floor-settings>div{z-index:80;background:#fff;border:1px solid #c9d5e3;border-radius:10px;gap:10px;width:250px;padding:12px;display:grid;position:absolute;top:43px;right:0;box-shadow:0 12px 34px #152a4838}.header-floor-settings label{color:var(--muted);gap:5px;font-size:10px;font-weight:700;display:grid}.header-floor-settings input{border:1px solid var(--line);width:100%;height:36px;color:var(--ink);background:var(--surface-soft);border-radius:7px;padding:0 9px}.header-floor-settings .danger-link{min-height:34px;color:var(--danger);background:#fff7f8;border:1px solid #edc6cc;border-radius:7px;font-size:11px;font-weight:700}.header-meta{justify-content:flex-end;align-items:center;gap:18px;display:flex}.admin-menu-button{width:34px;height:34px;color:var(--brand-dark);background:#f7faff;border:1px solid #b9c9dc;border-radius:9px;place-items:center;padding:0;font-size:17px;display:grid}.save-state{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.save-state i{background:#5cdb9b;border-radius:50%;width:8px;height:8px}.save-state.saving i{background:#f0c65c}.save-state.error i{background:#f2737f}.avatar{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:#f1f4f8;border-radius:50%;font-weight:700}.project-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;height:70px;padding:0 30px;display:flex}.project-bar div{gap:2px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.project-bar strong{font-size:15px}.divider{background:var(--line);width:1px;height:30px}.phase-badge{color:var(--brand-dark);background:#e7f3ef;border-radius:999px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:700}.notice{color:var(--brand-dark);background:#edf9f5;border:1px solid #b9d9cf;border-radius:12px;justify-content:space-between;margin:12px 20px 0;padding:10px 14px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:20px}.admin-settings-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d182a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-settings-dialog{background:#fff;border:1px solid #c8d5e5;border-radius:15px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 70px #0a1a325c}.admin-settings-dialog.wide{width:min(980px,100%)}.admin-settings-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:14px 18px;display:flex}.admin-settings-dialog>header small{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.admin-settings-dialog h2{margin:3px 0 0;font-size:18px}.admin-settings-dialog>header button{border:1px solid var(--line);background:var(--surface-soft);width:34px;height:34px;color:var(--muted);border-radius:8px;font-size:21px}.admin-settings-body{gap:15px;padding:18px;display:grid}.room-style-preview{background-image:linear-gradient(45deg,#ffffff73 25%,#0000 25%),linear-gradient(-45deg,#ffffff73 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff73 75%),linear-gradient(-45deg,#0000 75%,#ffffff73 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:2px solid;border-radius:10px;place-items:center;height:112px;display:grid}.room-style-preview span{background:#ffffffe6;border:1px solid;border-radius:7px;padding:7px 13px;font-weight:800}.admin-color-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.admin-color-grid label,.admin-field,.admin-range{color:#536479;gap:6px;font-size:10px;font-weight:750;display:grid}.admin-color-grid input[type=color]{background:#fff;border:1px solid #c8d4e1;border-radius:7px;width:100%;height:42px;padding:3px}.admin-field select{height:38px;color:var(--ink);background:#fff;border:1px solid #c8d4e1;border-radius:7px;padding:0 9px}.admin-range>span{justify-content:space-between;gap:12px;display:flex}.admin-range output{color:var(--brand-dark);font-weight:800}.admin-range input{width:100%;accent-color:var(--brand)}.admin-settings-body>footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.admin-settings-body>footer button{min-height:38px;color:var(--ink);background:#fff;border:1px solid #c8d4e1;border-radius:8px;padding:0 13px;font-size:11px;font-weight:750}.admin-settings-body>footer button.primary{border-color:var(--brand);color:#fff;background:var(--brand)}.admin-global-room-style{background:#f7faff;border:1px solid #d4deea;border-radius:10px;gap:12px;padding:13px;display:grid}.admin-user-permissions{background:#f7faff;border:1px solid #bfcfe2;border-radius:10px;gap:11px;padding:13px;display:grid}.admin-user-permissions>header{gap:3px;display:grid}.admin-user-permissions>header strong{font-size:13px}.admin-user-permissions>header small{color:var(--muted);font-size:9px}.admin-user-permissions>p{color:var(--danger);background:#fff0f2;border-radius:6px;margin:0;padding:8px;font-size:10px}.admin-user-permissions>div{gap:6px;display:grid}.admin-user-permissions article{background:#fff;border:1px solid #d8e1ec;border-radius:8px;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.admin-user-permissions article>span{gap:2px;min-width:0;display:grid}.admin-user-permissions article>span strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.admin-user-permissions article>span small{color:var(--muted);font-size:8px}.admin-user-permissions article>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-user-permissions article label{color:#3f536b;background:#f8fafc;border:1px solid #d3deea;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:700;display:flex}.admin-user-permissions article input{accent-color:var(--brand)}.admin-light-label-style>div{grid-template-columns:minmax(110px,.65fr) 1fr 1fr}.admin-light-label-style input[type=color]{background:#fff;border:1px solid #ccd8e5;border-radius:7px;width:100%;min-height:34px;padding:2px}.admin-global-room-style>header{gap:3px;display:grid}.admin-global-room-style>header strong{font-size:13px}.admin-global-room-style>header small{color:var(--muted);font-size:9px}.admin-global-room-style>div{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}.admin-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-mode-card{background:#fff;border:1px solid #d4deea;border-radius:10px;gap:11px;min-width:0;padding:12px;display:grid}.admin-mode-card>header{align-content:start;gap:3px;min-height:43px;display:grid}.admin-mode-card>header strong{font-size:11px}.admin-mode-card>header small{color:var(--muted);font-size:8px;line-height:1.35}.room-mode-preview{border:2px solid;border-radius:8px;place-items:center;height:72px;display:grid}.room-mode-preview span{background:#ffffffe6;border-radius:5px;padding:5px 8px;font-weight:800}.empty-dashboard{grid-template-columns:1.15fr .85fr;gap:30px;width:min(1180px,100% - 40px);margin:58px auto;display:grid}.welcome-card,.upload-card{min-height:460px;box-shadow:var(--shadow);border-radius:24px}.welcome-card{color:#fff;background:linear-gradient(135deg,#103a34,#0d766e);padding:54px;position:relative;overflow:hidden}.welcome-card:after{content:"";border:70px solid #d9f16c29;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-170px;right:-110px}.overline{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.welcome-card h1{letter-spacing:-.04em;max-width:630px;margin:26px 0 18px;font:800 clamp(34px,4vw,56px)/1.08 Segoe UI,system-ui,sans-serif}.welcome-card p{color:#d4e1de;max-width:620px;font-size:17px;line-height:1.65}.capabilities{flex-wrap:wrap;gap:9px;margin-top:46px;display:flex}.capabilities span{background:#ffffff12;border:1px solid #ffffff38;border-radius:999px;padding:8px 11px;font-size:12px}.upload-card{text-align:center;background:#fff;border:2px dashed #9bbcb4;flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex}.upload-card:hover{border-color:var(--brand);background:#fbfdfc}.upload-icon{width:62px;height:62px;color:var(--brand);background:#e8f4f0;border-radius:18px;place-items:center;font-size:30px;font-weight:700;display:grid}.upload-card h2{margin:23px 0 8px;font:800 24px Segoe UI,system-ui,sans-serif}.upload-card p{color:var(--muted);margin:0 0 24px}.upload-card small{color:#83918e;margin-top:16px}.button,.toolbar button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.button.primary,button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.button.primary{padding:12px 18px}.loading{min-height:55vh;color:var(--muted);align-content:center;place-items:center;display:grid}.spinner{border:3px solid #cfe0db;border-top-color:var(--brand);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-shell{grid-template-rows:56px 1fr;height:calc(100vh - 60px);min-height:610px;display:grid}.toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:14px;padding:8px 18px;display:flex}.tool-group,.edit-actions,.plan-actions,.zoom-control,.toolbar-actions,.inspector-actions{align-items:center;gap:6px;display:flex}.toolbar button,.toolbar .button{min-height:38px;padding:0 13px}.toolbar button.active{color:var(--brand-dark);background:#e8f4f0;border-color:#9dcfc4}.workflow-steps{align-items:center;gap:5px;display:flex}.workflow-steps button{color:#647182;white-space:nowrap;gap:6px}.workflow-steps button b{color:#526171;background:#e8edf3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.workflow-steps button.active{color:#123e79;background:#e7f1ff;border-color:#3478d3}.workflow-steps button.active b{color:#fff;background:#3478d3}.toolbar-icon,.tablet-workflow-steps{display:none}.toolbar button:disabled{cursor:not-allowed;opacity:.42}.edit-actions{border-left:1px solid var(--line);padding-left:8px}.edit-actions button{padding:0 9px;font-size:11px}.edit-actions button.danger{color:var(--danger)}.plan-actions{border-left:1px solid var(--line);padding-left:8px}.plan-actions button{padding:0 9px;font-size:11px}.zoom-control{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;padding:3px}.zoom-control button{background:0 0;border:0;min-width:32px;min-height:30px;padding:0 8px}.zoom-control span{text-align:center;min-width:54px;font-size:12px;font-weight:700}.global-symbol-scale{border:1px solid var(--line);background:var(--surface-soft);min-width:196px;color:var(--muted);border-radius:9px;grid-template-columns:auto 76px 38px;align-items:center;gap:7px;margin-left:auto;padding:4px 9px;font-size:10px;font-weight:700;display:grid}.global-symbol-scale input{width:76px;margin:0;padding:0}.global-symbol-scale output{color:var(--brand-dark);text-align:right;font-size:10px}.toolbar-actions button,.toolbar-actions .button{padding:0 15px}.room-actions{background:#eef6ff;border:1px solid #93b9ee;border-radius:11px;align-items:center;gap:5px;padding:3px 4px 3px 10px;display:flex}.room-actions>span{color:#174ea6;margin-right:3px;font-size:11px;font-weight:800}.room-actions button{color:#174ea6;background:#fff;border-color:#b9cfec;min-height:30px;padding:0 9px;font-size:11px}.room-actions button.primary{color:#fff;background:#1d5fc4;border-color:#1d5fc4}.room-actions button:disabled{cursor:not-allowed;opacity:.45}.editor-grid{grid-template-columns:260px minmax(420px,1fr) 286px;min-height:0;display:grid}.panel{background:#fff;min-width:0;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;padding:0 18px;font:800 15px Segoe UI,system-ui,sans-serif;display:flex}.status-dot{color:#287a4d;background:#e9f7ef;border-radius:999px;padding:4px 8px;font:700 10px Segoe UI,system-ui,sans-serif}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:16px 16px 6px;font-size:11px;font-weight:700;display:block}.panel input{border:1px solid var(--line);width:calc(100% - 32px);height:38px;color:var(--ink);background:var(--surface-soft);border-radius:8px;margin:0 16px;padding:0 10px}.panel input:focus{border-color:#0000;outline:2px solid #86beb3}.list-heading{color:var(--muted);background:var(--surface-soft);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;margin-top:20px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.room-list,.element-list{margin:0;padding:0;list-style:none}.room-list li{cursor:pointer;border-bottom:1px solid #edf1ef;border-left:3px solid #0000;gap:3px;padding:12px 16px;font-weight:600;display:grid}.room-list li:hover,.room-list li.selected{background:#eef6ff;border-left-color:#1d5fc4}.room-list small{color:var(--muted);font-weight:400}.room-list li.empty-list,.empty-state{color:var(--muted);padding:18px 16px;font-size:13px;font-weight:400;line-height:1.5}.element-list li{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:9px;padding:8px 12px;font-size:13px;display:flex}.element-list li:hover,.element-list li.selected{border-left-color:var(--brand);background:#eef7f4}.element-group{border-bottom:1px solid #e7ecf2}.element-group>header{color:#536174;background:#f8fafc;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:0 12px 0 15px;font-size:10px;font-weight:800;display:flex}.element-group>header small{text-align:center;background:#e7edf5;border-radius:999px;min-width:20px;padding:2px 6px}.element-group ul{margin:0;padding:0;list-style:none}.element-list>.empty-list{color:var(--muted);margin:0;padding:18px 16px;font-size:12px}.mini-icon{width:28px;height:28px;display:inline-flex}.component-location{background:#eef3f8;border-radius:7px;grid-template-columns:1fr 1fr;gap:8px;margin:10px 16px 4px;padding:9px 10px;display:grid}.component-location span{gap:2px;min-width:0;display:grid}.component-location small{color:var(--muted);text-transform:uppercase;font-size:8px}.component-location strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.plan-region{background-color:#dfe7e3;background-image:radial-gradient(#b7c5c0 1px,#0000 1px);background-size:18px 18px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.plan-stage{transform-origin:50%;background:#fff;width:min(92%,1400px);max-height:91%;transition:transform 80ms ease-out;position:relative;box-shadow:0 18px 50px #18312e38}.pdf-canvas{object-fit:contain;width:100%;height:100%;display:block}.pdf-error{color:#8f2432;text-align:center;background:#fff7f8;align-content:center;place-items:center;gap:6px;padding:24px;display:grid;position:absolute;inset:0}.pdf-error span{max-width:520px;color:var(--muted);font-size:12px}.overlay{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.overlay.tool-pan{cursor:grab}.overlay.tool-pan:active{cursor:grabbing}.overlay.tool-room,.overlay.tool-place,.overlay.tool-marquee{cursor:crosshair}.room-polygon{fill:#60a5fa3d;stroke:#174ea6;stroke-width:.0035px;vector-effect:non-scaling-stroke}.room-polygon.selected{fill:#3b82f652;stroke:#064cab;stroke-width:.005px}.room-draft{fill:#93c5fd4d;stroke:#145dcc;stroke-width:.004px;stroke-dasharray:.012 .007;vector-effect:non-scaling-stroke}.room-point-marker{pointer-events:none}.room-point{fill:#edf6ff;stroke:#1769d2;stroke-width:.0024px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #00235a6b);pointer-events:visiblePainted}.room-point-center{fill:#1769d2}.room-close-marker{cursor:pointer;pointer-events:all}.room-close-marker .room-point{fill:#dbeafe;stroke:#0754ba;stroke-width:.003px;filter:drop-shadow(0 0 4px #004bbe8c)}.room-close-marker .room-point-center{fill:#0754ba}.room-point-hit{fill:#0000;stroke:none;pointer-events:all}.room-edit-point{cursor:move;fill:#0754ba;stroke:#fff;stroke-width:.004px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 3px #00235abf)}.room-label-group rect{fill:#ffffffe6;stroke:#93b9ee;stroke-width:.0015px;vector-effect:non-scaling-stroke}.room-label-group text{fill:#063b80;font-family:Segoe UI,system-ui,sans-serif;font-weight:800}.plan-symbol{cursor:grab}.overlay{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.plan-symbol:active{cursor:grabbing}.symbol-hit{fill:#fff;stroke:#c6d2cf;stroke-width:1.5px;filter:drop-shadow(0 2px 2px #14302c33)}.svg-symbol{transform-origin:50%;width:32px;height:32px;display:block;overflow:visible}.svg-symbol>svg{width:100%;height:100%;display:block;overflow:visible}.socket-vertical-symbol>svg{transform-origin:50%;transform:none}.technical-socket-symbol>svg{transform-origin:50%}.socket-vertical-symbol.technical-socket-symbol>svg{transform:none}.socket-station-frame{stroke:#20262d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.socket-empty-slot{fill:#ffffff2e;stroke:#7d8995;stroke-width:1.2px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.selection-ring{fill:none;stroke:#0d766e;stroke-width:2.2px;stroke-dasharray:4 2}.light-group-badge{fill:#0e4f9b;stroke:#fff;stroke-width:2px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:9px;font-weight:800}.symbol-comment{opacity:0;transition:opacity .14s;overflow:visible}.symbol-comment-always,.plan-symbol:hover .symbol-comment-hover,.plan-symbol.selected .symbol-comment-hover{opacity:1}.symbol-comment>div{color:#173c68;overflow-wrap:anywhere;background:#fffffff5;border:1px solid #8ba8c8;border-radius:5px;width:108px;max-height:38px;padding:4px 6px;font:700 7px/1.3 Segoe UI,system-ui,sans-serif;overflow:hidden;box-shadow:0 2px 7px #122d4c33}.symbol-comment-input{resize:vertical;border:1px solid var(--line);width:calc(100% - 28px);min-height:72px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;margin:0 14px 10px;padding:9px 10px}.comment-display-field{margin:0 14px 12px}.comment-scale-field{color:var(--muted);gap:6px;margin:0 14px 14px;font-size:10px;font-weight:700;display:grid}.comment-scale-field span{justify-content:space-between;gap:8px;display:flex}.comment-scale-field output{color:var(--brand)}.comment-scale-field input{width:100%;accent-color:var(--brand)}.socket-frame-configurator{border:5px solid var(--socket-frame-finish,#3d4145);background:color-mix(in srgb,var(--socket-frame-finish,#3d4145) 54%,#f3f5f7);border-radius:11px;justify-content:center;gap:4px;margin:4px 12px 10px;padding:9px;display:flex;overflow:auto;box-shadow:inset 0 0 0 2px #fff3,0 4px 12px #1823302e}.socket-frame-configurator.vertical{flex-direction:column;width:min(124px,100% - 24px);margin-inline:auto}.socket-frame-configurator button{color:#34485c;background:#f7f7f4;border:2px solid #b7c2cc;border-radius:5px;grid-template-rows:1fr auto;place-items:center;gap:2px;min-width:76px;min-height:82px;padding:5px;display:grid;position:relative}.socket-frame-configurator button.active{outline-offset:-3px;background:#eaf4ff;border-color:#1971d4;outline:3px solid #6aacf4}.socket-frame-configurator button b{color:#24384d;background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.socket-frame-configurator button>span{color:#202832;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.socket-frame-configurator button svg{width:100%;height:100%}.socket-frame-configurator button small{font-size:9px;font-weight:800}.socket-slot-editor{background:#f5f9fd;border:1px solid #b9cadc;border-radius:8px;gap:8px;margin:0 12px 10px;padding:10px;display:grid}.socket-slot-editor>header{gap:2px;display:grid}.socket-slot-editor>header small{color:var(--brand);text-transform:uppercase;font-size:9px;font-weight:800}.socket-slot-editor>header strong{font-size:12px}.selection-marquee{fill:#1d5fc421;stroke:#1d5fc4;stroke-width:.0025px;stroke-dasharray:.008 .005;vector-effect:non-scaling-stroke;pointer-events:none}.crop-shade{fill:var(--crop-fill,#0c172894);fill-opacity:var(--crop-opacity,.58);pointer-events:none}.crop-frame{fill:#0000;stroke:var(--crop-outline,#1671e8);stroke-width:.006px;stroke-dasharray:.012 .006;vector-effect:non-scaling-stroke;cursor:ew-resize;pointer-events:stroke;filter:drop-shadow(0 0 3px #ffffffe6)}.crop-handle{fill:var(--crop-outline,#1671e8);stroke:#fff;stroke-width:.004px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 3px #001e50a6)}.crop-handle-n,.crop-handle-s{cursor:ns-resize}.crop-handle-e,.crop-handle-w{cursor:ew-resize}.crop-handle-nw,.crop-handle-se{cursor:nwse-resize}.crop-handle-ne,.crop-handle-sw{cursor:nesw-resize}.crop-toolbar{z-index:4;box-shadow:var(--shadow);background:#f6fafff7;border:1px solid #7da9e9;border-radius:11px;align-items:center;gap:7px;padding:9px 10px 9px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.crop-toolbar>span{color:#123e79;gap:2px;min-width:300px;display:grid}.crop-toolbar small{color:#527095;font-size:10px}.crop-toolbar button{color:#174ea6;white-space:nowrap;background:#fff;border:1px solid #b6c9e5;border-radius:7px;min-height:34px;padding:0 10px;font-size:11px;font-weight:750}.crop-toolbar button.primary{color:#fff;background:#1d5fc4}.editor-hint{box-shadow:var(--shadow);text-align:center;pointer-events:none;background:#fffffff0;border:1px solid #c4d7d2;border-radius:12px;gap:2px;padding:12px 16px;font-size:13px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.editor-hint span{color:var(--muted)}.editor-hint small{color:#315f99;font-size:11px}.editor-hint.room-hint{color:#123e79;pointer-events:auto;background:#eff7fff7;border-color:#7ca9e8;min-width:440px}.finish-room-button{color:#fff;background:#135fc4;border-color:#135fc4;min-height:38px;margin-top:7px;padding:0 16px;font-weight:800}.finish-room-button:hover:not(:disabled){background:#0b4fae}.finish-room-button:disabled{color:#50677f;cursor:not-allowed;background:#dce7f2;border-color:#aabdd2}.panel-copy{color:var(--muted);margin:14px 16px;font-size:13px;line-height:1.5}.workflow-help{background:#f1f6fc;border:1px solid #b9cbe0;border-radius:9px;gap:5px;margin:14px;padding:13px;display:grid}.workflow-help strong{color:#123e79;font-size:12px}.workflow-help span{color:#5c6e82;font-size:10px;line-height:1.5}.symbol-library{gap:7px;padding:0 12px 14px;display:grid}.symbol-view-toggle{background:var(--surface-soft);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;margin:12px 12px 5px;padding:3px;display:grid}.symbol-view-toggle button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-size:11px;font-weight:800}.symbol-view-toggle button.active{color:#174ea6;background:#fff;box-shadow:0 1px 4px #1428461f}.symbol-view-note{color:var(--muted);margin:0 16px;font-size:9px;line-height:1.35;display:block}.symbol-library button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.symbol-library button:hover,.symbol-library button.selected{background:#edf8f4;border-color:#8fc8bc}.symbol-library button>span:nth-child(2){font-size:13px;font-weight:700}.symbol-library button small{color:var(--brand);text-transform:uppercase;font-size:10px;font-weight:700}.library-icon{width:34px;height:34px;display:inline-flex}.inspector{border-top:1px solid var(--line)}.inspector.has-symbol:not(.config-open) .configuration-block,.inspector.has-symbol:not(.config-open) label[for=symbol-scale],.inspector.has-symbol:not(.config-open) .scale-control,.inspector.has-symbol:not(.config-open) .coordinate-grid{display:none}.open-config-button{color:#174ea6;background:#eef5ff;border:1px solid #9ab7df;border-radius:8px;width:calc(100% - 32px);min-height:38px;margin:12px 16px;font-weight:800}.multi-selection-note{color:#17457f;background:#eef5ff;border:1px solid #a9c3e9;border-radius:8px;gap:3px;margin:12px 16px;padding:10px;font-size:11px;line-height:1.35;display:grid}.multi-delete-button{min-height:34px;color:var(--danger);background:#fff;border:1px solid #d99aa2;border-radius:7px;margin-top:6px;font-weight:800}.multi-selection-note span{color:#496887;font-size:10px}.light-group-editor{background:#fff;border:1px solid #bfd2ec;border-radius:7px;gap:7px;margin-top:7px;padding:9px;display:grid}.light-group-editor>label{gap:3px;display:grid}.light-group-editor input,.light-group-editor select{width:100%;min-height:34px;color:var(--ink);background:#fff;border:1px solid #b8c9dc;border-radius:6px;margin:0;padding:0 8px}.light-group-editor>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.light-group-editor button{color:#174ea6;background:#eef5ff;border:1px solid #8fafda;border-radius:6px;min-height:34px;font-weight:800}.light-group-editor button:disabled{opacity:.45;cursor:not-allowed}.modal-backdrop{z-index:50;cursor:default;background:#0e17267a;border:0;position:fixed;inset:0}.inspector.config-open,.inspector.room-open{z-index:60;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(720px,100vw - 32px);max-height:88vh;position:fixed;top:6vh;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 80px #0a182d59}.inspector.config-open>.panel-heading,.inspector.room-open>.panel-heading{z-index:2;background:#fff;position:sticky;top:0}.dialog-close{width:32px;height:32px;color:var(--ink);background:var(--surface-soft);border:0;border-radius:7px;place-items:center;font-size:22px;line-height:1;display:grid}.component-context-menu{z-index:80;border:1px solid var(--line);background:#fff;border-radius:10px;gap:2px;min-width:176px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 42px #0d1f343d}.context-menu-dismiss{z-index:79;cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.component-context-menu button{min-height:34px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:650}.component-context-menu button:hover{background:var(--surface-soft)}.component-context-menu button.danger{color:var(--danger)}.crop-dialog{z-index:60;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(560px,100vw - 32px);position:fixed;top:10vh;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #0a182d59}.crop-dialog>p{color:var(--muted);margin:16px 18px;font-size:12px;line-height:1.5}.crop-dialog>label{color:var(--ink);grid-template-columns:58px 1fr 48px;align-items:center;gap:10px;margin:11px 18px;font-size:12px;font-weight:700;display:grid}.crop-dialog input[type=range]{width:100%}.crop-dialog output{color:#174ea6;text-align:right;font-size:11px;font-weight:800}.crop-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 18px 18px;display:flex}.crop-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px;font-weight:750}.account-dialog{z-index:70;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(720px,100vw - 32px);max-height:88vh;position:fixed;top:6vh;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 80px #0a182d61}.account-auth{gap:14px;width:min(420px,100%);margin:0 auto;padding:22px;display:grid}.account-login-copy{color:var(--muted);margin:0 0 4px;line-height:1.5}.auth-gate{background:linear-gradient(145deg,#edf4ff,#f8fafc 48%,#e8f3f1);place-items:center;min-height:100vh;display:grid}.auth-gate .modal-backdrop{background:#1120362e}.auth-gate .account-dialog{max-width:480px;max-height:calc(100vh - 104px);top:80px}.auth-brand{z-index:61;color:#14223a;align-items:center;gap:10px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.auth-brand>span:last-child{display:grid}.auth-brand strong{letter-spacing:.04em;font-size:20px}.auth-brand small{color:var(--muted)}.auth-loading{min-height:100vh;color:var(--muted);background:#f4f7fa;place-content:center;justify-items:center;gap:12px;display:grid}.account-tabs{background:var(--surface-soft);border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.account-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:750}.account-tabs button.active{color:#174ea6;background:#fff;box-shadow:0 1px 4px #1428461f}.account-auth label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.account-auth input{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;width:100%;height:40px;padding:0 10px}.account-submit{border-radius:8px;min-height:42px;font-weight:800}.account-submit:disabled{opacity:.45}.account-projects{padding:18px}.server-save-actions{flex-wrap:wrap;gap:8px;display:flex}.server-save-actions button,.account-projects li button,.logout-button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:7px;padding:0 11px;font-size:11px;font-weight:750}.project-list-heading{border-bottom:1px solid var(--line);justify-content:space-between;margin-top:18px;padding:10px 0;display:flex}.project-list-heading span{color:var(--muted);font-size:11px}.account-projects ul{margin:0;padding:0;list-style:none}.account-projects li{border-bottom:1px solid #edf1ef;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:10px 6px;display:grid}.account-projects li.active{background:#eef5ff}.account-projects li>span{gap:2px;min-width:0;display:grid}.account-projects li strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-projects li small{color:var(--muted)}.account-projects li button.danger,.logout-button{color:var(--danger)}.account-projects li.empty-projects{color:var(--muted);text-align:center;padding:24px 6px;font-size:12px;display:block}.logout-button{margin-top:18px}.account-error{color:#8f2432;background:#fff0f2;border-radius:7px;margin:0 18px 18px;padding:10px;font-size:12px}.account-busy{color:#174ea6;text-align:center;background:#eef5fff2;padding:10px 18px;font-size:11px;font-weight:800;position:sticky;bottom:0}.coordinate-grid{grid-template-columns:1fr 1fr;gap:8px;margin:15px 16px;display:grid}.coordinate-grid span{color:var(--muted);background:var(--surface-soft);text-transform:uppercase;border-radius:8px;gap:2px;padding:9px;font-size:10px;display:grid}.coordinate-grid strong{color:var(--ink);font-size:12px}.inspector-actions{flex-wrap:wrap;padding:0 16px 18px}.inspector-actions button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px;font-size:11px;font-weight:700}.inspector-actions button.danger{color:var(--danger)}.scale-control{grid-template-columns:1fr 54px;align-items:center;gap:8px;margin:0 16px 8px;display:grid}.scale-control input{width:100%;margin:0;padding:0}.scale-control output{color:#174ea6;text-align:right;font-size:12px;font-weight:800}.floor-bar{gap:18px;height:56px;min-height:56px;padding:6px 24px}.project-bar .project-identity{min-width:190px}.project-bar .floor-picker{flex:1;align-items:end;gap:7px;min-width:230px;display:flex}.floor-picker label,.floor-meta label{gap:3px;min-width:0;display:grid}.floor-picker label{width:min(390px,100%)}.floor-picker select{color:#173f75;background:#f8fbff;border:1px solid #b9c9dc;border-radius:8px;width:100%;height:34px;padding:0 34px 0 10px;font-size:12px;font-weight:750}.floor-picker .add-floor{width:34px;height:34px;color:var(--brand-dark);background:#eef5ff;border:1px dashed #78a1d7;border-radius:8px;flex:none;font-size:20px;font-weight:700}.project-bar .floor-meta{align-items:end;gap:7px;width:230px;display:flex}.floor-meta label{flex:1}.floor-meta input{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;width:100%;min-width:0;height:30px;padding:0 8px;font-size:12px;font-weight:600}.floor-meta .floor-delete{width:30px;height:30px;color:var(--danger);background:#fff7f8;border:1px solid #edc6cc;border-radius:7px;flex:none;place-items:center;padding:0;font-size:19px;line-height:1;display:grid}.danger-link{color:var(--danger);text-align:right;background:0 0;border:0;padding:0;font-size:10px}.compact-empty{margin-top:36px}.compact-empty .welcome-card,.compact-empty .upload-card{border-radius:12px;min-height:350px;box-shadow:0 6px 20px #14203714}.compact-empty .welcome-card{background:#172033;padding:42px}.compact-empty .welcome-card:after{display:none}.compact-empty .welcome-card h1{font-size:clamp(30px,3vw,44px)}.editor-shell{height:calc(100vh - 60px)}.editor-grid{grid-template-columns:230px minmax(420px,1fr) 310px}.plan-region{background:#e9edf2}.plan-stage{box-shadow:0 8px 28px #14203724}.panel-heading{min-height:44px;font-size:13px}.symbol-library{gap:4px}.symbol-library button{box-shadow:none;border-radius:7px}.element-info{gap:2px;min-width:0;display:grid}.element-info strong,.element-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-info small{color:var(--muted);font-size:10px;font-weight:400}.configuration-block{border:1px solid var(--line);background:#fafbfc;border-radius:8px;gap:10px;margin:14px 12px;padding:12px;display:grid}.configuration-title{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.configuration-title>span{color:var(--brand-dark);font-size:11px;font-weight:800}.configuration-title label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.configuration-title select{border:1px solid var(--line);background:#fff;border-radius:5px;height:28px}.configuration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.configuration-grid label{color:var(--muted);gap:4px;font-size:10px;display:grid}.configuration-grid label input,.configuration-block .control-list input{background:#fff;width:100%;height:32px;margin:0;padding:0 7px}.socket-orientation{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.socket-orientation>div{background:#edf2f7;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.socket-orientation button{color:#526171;background:0 0;border:1px solid #0000;border-radius:6px;min-height:34px;font-size:10px;font-weight:750}.socket-orientation button.active{color:var(--brand-dark);background:#fff;border-color:#8fb4e4;box-shadow:0 1px 4px #142b4b1f}.manufacturer-restricted{background:#fff7f8;border:1px dashed #d4a7ae;border-radius:6px;padding:8px;color:#8f3442!important}.configuration-block .check-field{color:var(--ink);align-items:center;gap:7px;font-size:11px;display:flex}.configuration-block .check-field input{width:15px;height:15px;margin:0;padding:0}.configuration-block>small{color:var(--muted);font-size:10px;line-height:1.4}.light-group-status{background:#f0faf7;border:1px solid #b9d6cf;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;display:flex}.light-group-status span{gap:1px;display:grid}.light-group-status small{color:#55736c;font-size:9px}.light-group-status strong{color:#145f54;font-size:11px}.light-group-status button{color:#145f54;background:#fff;border:1px solid #9dbeb7;border-radius:6px;min-height:30px;padding:0 9px;font-size:10px;font-weight:700}.light-number-status{background:#edf5ff;border:1px solid #b8cce5;border-radius:7px;gap:2px;padding:8px 10px;display:grid}.light-number-status small{color:#60758e;font-size:9px}.light-number-status strong{color:#164f91;letter-spacing:.06em;font-size:13px}.control-list{gap:8px;display:grid}.control-list fieldset{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:8px;display:grid}.control-list legend{color:var(--brand-dark);padding:0 4px;font-size:10px;font-weight:800}.control-list select{border:1px solid var(--line);min-width:0;height:32px;color:var(--ink);background:#fff;border-radius:5px;padding:0 5px;font-size:10px}.station-selection-hint{text-align:center;background:#f7f9fc;border:1px dashed #aebdce;border-radius:8px;gap:4px;padding:18px;display:grid}.station-selection-hint strong{color:var(--brand-dark);font-size:11px}.station-selection-hint span{color:var(--muted);font-size:9px}.apply-hardware-all{color:#174e91;background:#eaf3ff;border:1px solid #8fb4df;border-radius:7px;grid-column:1/-1;min-height:34px;font-size:10px;font-weight:800}.station-slot-picker{flex-wrap:wrap;gap:6px;display:flex}.station-slot-picker button{min-height:34px;color:var(--ink);background:#fff;border:1px solid #b8c8da;border-radius:7px;padding:0 10px;font-size:10px;font-weight:700}.station-slot-picker button.active{color:var(--brand-dark);background:#e7f1ff;border-color:#3478d3;box-shadow:inset 0 0 0 1px #3478d3}.standalone-display-picker button{width:100%}.standalone-display-note{color:#46637f;grid-column:1/-1;font-size:9px}.catalog-section{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.catalog-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog-heading strong{font-size:11px}.catalog-heading span{color:var(--muted);font-size:9px}.catalog-field{color:var(--muted);gap:4px;font-size:10px;display:grid}.catalog-field select{border:1px solid var(--line);width:100%;min-width:0;height:34px;color:var(--ink);background:#fff;border-radius:5px;padding:0 6px;font-size:10px}.catalog-selection{border-left:3px solid var(--brand);background:#eef4ff;border-radius:4px;gap:2px;padding:8px;display:grid}.catalog-selection strong{color:var(--brand-dark);font-size:11px}.catalog-selection span{color:var(--ink);font-size:10px;line-height:1.35}.catalog-selection small{color:var(--muted);font-size:9px}.control-field{min-width:0;color:var(--muted);gap:4px;font-size:9px;display:grid}.control-field input,.control-field select{width:100%;min-width:0}.control-product{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;gap:8px;padding:8px 0;display:grid}.control-product:empty{display:none}.control-product>small{color:var(--danger);font-size:9px;line-height:1.35}.control-operation{grid-column:1/-1}.switch-frame-options{background:#fff;border:1px solid #dce4ec;border-radius:7px;gap:8px;padding:9px;display:grid}.button-assignments{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;display:grid}.button-assignment{background:#f6f9fc;border:1px solid #d4deea;border-radius:7px;gap:7px;min-width:0;padding:8px;display:grid}.button-assignment.left{border-left:3px solid #3878ca}.button-assignment.right{border-right:3px solid #3878ca}.button-assignment>strong{color:#285d9f;font-size:10px}.button-assignment label{min-width:0;color:var(--muted);gap:3px;font-size:9px;display:grid}.button-assignment select{border:1px solid var(--line);width:100%;min-width:0;height:31px;color:var(--ink);background:#fff;border-radius:5px;padding:0 5px;font-size:9px}.assignment-hint{grid-column:1/-1;color:#8a641a!important}.switch-station-frame{fill:#fffffff0;stroke:#56616f;stroke-width:1.4px;vector-effect:non-scaling-stroke}.switch-frame-symbol{transform-origin:50%;width:100%;height:100%;display:block}.plan-touch-display>rect:first-child{fill:#08090a;stroke:#32373b;stroke-width:1px;vector-effect:non-scaling-stroke}.plan-touch-display>rect:nth-child(2){fill:#101a22}.plan-touch-display path{fill:none;stroke:#ffffff3d;stroke-width:.7px;stroke-linecap:round}.plan-touch-display text{fill:#fff;text-anchor:middle;font-size:7px;font-weight:700}.station-device-selection{background:#f7faff;border:1px solid #cbd9e8;border-radius:8px;padding:10px}.frame-selection-final{background:#f2f7fd;border-color:#aebfd3;margin-top:4px}.display-configurator{background:#edf3f8;border:1px solid #8fa9c4;border-radius:10px;gap:12px;padding:12px;display:grid}.display-configurator>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.display-configurator>header div{gap:2px;display:grid}.display-configurator>header strong{color:#183b5d;font-size:12px}.display-configurator>header small{color:#60758a;font-size:9px}.display-configurator>header>span{color:#174e78;white-space:nowrap;background:#d9e8f5;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.display-configurator-layout{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:12px;display:grid}.display-device-preview{color:#fff;box-shadow:none;background:0 0;border:0;gap:6px;padding:0;display:grid}.display-device-preview>.display-screen{border:8px solid #090b0d;border-radius:11px;box-shadow:inset 0 0 12px #53bee51f,inset 0 0 0 1px #ffffff14,0 7px 16px #16232f40}.display-screen{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 50% 58%,#2591bb33,#0000 36%),linear-gradient(145deg,#172630,#080d12 72%);border:2px solid #10191f;border-radius:3px;grid-template-rows:auto minmax(0,1fr) auto;width:100%;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #43b5e224}.display-screen.swipe-enabled{touch-action:none;-webkit-user-select:none;user-select:none}.display-screen input[type=range]{touch-action:none}.display-screen>header{justify-content:space-between;align-items:center;gap:6px;min-height:12px;display:flex}.display-screen>header small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.display-screen>header span{font-size:8px}.display-screen>footer{justify-content:center;align-items:center;gap:3px;min-height:5px;display:flex}.display-screen>footer i,.display-screen>footer button{background:#8295a5;border:0;border-radius:50%;width:3px;height:3px;min-height:0;padding:0}.display-screen>footer i.active,.display-screen>footer button.active{background:#fff;box-shadow:0 0 4px #65d7ff}.simulation-launch{color:#174e78;background:#ecf6ff;border:1px solid #71899d;border-radius:5px;min-height:26px;padding:0 6px;font-size:8px;font-weight:800}.display-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.display-page-grid button{color:#25435f;background:#fff;border:1px solid #b8c7d6;border-radius:7px;place-items:center;gap:2px;min-width:0;min-height:58px;padding:5px;display:grid;position:relative}.display-page-grid button.active{background:#e2f1ff;border-color:#2f7cc2;box-shadow:inset 0 0 0 1px #2f7cc2}.display-page-grid button b{color:#708397;font-size:8px;position:absolute;top:4px;left:5px}.display-page-grid button i{font-size:17px;font-style:normal}.display-page-grid button span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:700;overflow:hidden}.display-page-grid button.add{background:#f8fafc;border-style:dashed}.display-page-editor{background:#fff;border:1px solid #c2d0dd;border-radius:8px;grid-template-columns:1fr 1fr;gap:9px;padding:10px;display:grid}.display-page-editor-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.display-page-editor-heading strong{font-size:11px}.display-page-editor-heading button{color:#9b3434;background:#fff4f4;border:1px solid #ddb7b7;border-radius:5px;min-height:28px;font-size:8px;font-weight:700}.display-page-editor>small{color:var(--muted);grid-column:1/-1;font-size:9px}.display-page-empty{text-align:center;background:#fff;border:1px dashed #adbdcd;border-radius:8px;gap:3px;padding:14px;display:grid}.display-page-empty strong{font-size:10px}.display-page-empty span{color:var(--muted);font-size:9px}.display-page-editor>.display-function-list,.display-page-editor>.display-function-editor{grid-column:1/-1}.display-function-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.display-function-list>button{color:#28455f;text-align:left;background:#f8fafc;border:1px solid #bbc9d7;border-radius:6px;grid-template-columns:auto auto 1fr;align-items:center;gap:5px;min-height:46px;padding:5px;font-size:8px;display:grid}.display-function-list>button.active{background:#e4f2ff;border-color:#2f7cc2;box-shadow:inset 0 0 0 1px #2f7cc2}.display-function-list>button i{font-size:14px;font-style:normal}.display-function-list>button.add{text-align:center;border-style:dashed;grid-template-columns:1fr}.display-function-editor{background:#f5f8fb;border:1px solid #b7c8d7;border-radius:7px;grid-template-columns:1fr 1fr;gap:8px;padding:9px;display:grid}.display-function-editor>header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.display-function-editor>header strong{font-size:10px}.display-function-editor>header button{color:#9b3434;background:#fff4f4;border:1px solid #ddb7b7;border-radius:5px;min-height:27px;font-size:8px;font-weight:700}.display-function-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center;gap:3px;min-height:0;display:grid}.display-function-grid.count-1{grid-template-columns:1fr}.display-function-grid button{color:#fff;background:#ffffff12;border:0;border-radius:3px;place-items:center;gap:2px;min-height:0;padding:4px;display:grid}.display-function-grid button i{color:#54eb7d;font-size:11px;font-style:normal}.display-function-grid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.display-cct-wheel{aspect-ratio:1;background:conic-gradient(#ff9a3d,#ffeab8,#eef8ff,#75c9ff,#ff9a3d);border:11px solid #111a20;border-radius:50%;width:70px;max-width:75%;box-shadow:0 0 0 8px #5b6570}.display-info-page{text-align:center;place-content:center;place-items:center;gap:5px;min-height:0;display:grid}.display-info-page strong{color:#5be783;font-size:25px;font-weight:400}.display-info-page span{font-size:11px}.display-info-page small{color:#9caeba;font-size:7px}.display-welcome{text-align:center;place-content:center;gap:2px;display:grid}.display-welcome strong{font-size:24px;font-weight:300}.display-welcome span{font-size:7px}.display-overview-page{align-content:center;gap:5px;min-height:0;display:grid}.display-scene-grid{grid-template-columns:1fr 1fr;gap:3px;display:grid}.display-scene-grid button{color:#fff;background:#ffffff14;border:0;border-radius:3px;place-items:center;gap:1px;min-height:29px;padding:3px;display:grid}.display-scene-grid button.active{color:#65e48c;background:#53da7829}.display-scene-grid button i{font-size:10px;font-style:normal}.display-scene-grid button span{font-size:6px}.display-blind-strip{grid-template-columns:1fr repeat(3,24px);align-items:center;gap:4px;display:grid}.display-blind-strip span{font-size:7px}.display-blind-strip button{color:#fff;background:#6f7d8b;border:0;border-radius:50%;width:22px;height:22px;min-height:0;padding:0;font-size:8px}.display-climate-page{grid-template-columns:22px 1fr 22px;place-items:center;gap:4px;min-height:0;display:grid;position:relative}.display-climate-page>button{color:#fff;background:0 0;border:0;width:22px;height:22px;min-height:0;padding:0;font-size:17px}.display-climate-page>i{font-size:11px;font-style:normal;position:absolute;bottom:2px}.display-temperature-ring{aspect-ratio:1;background:radial-gradient(circle,#10171d 55%,#0000 57%),conic-gradient(from 205deg,#ff9137,#f2e967 31%,#71d9ff 72%,#0000 73%);border-radius:50%;grid-template-columns:1fr auto;place-content:center;place-items:center;width:76px;max-width:100%;display:grid}.display-temperature-ring span{grid-column:1/-1;font-size:6px}.display-temperature-ring strong{font-size:16px;font-weight:400}.display-temperature-ring small{font-size:7px}.display-color-page{grid-template-rows:1fr auto;place-items:center;gap:6px;min-height:0;display:grid;position:relative}.display-color-page>button{color:#fff;background:0 0;border:0;width:20px;height:20px;min-height:0;padding:0;position:absolute;top:0;right:0}.display-color-page>button.on{color:#55e878}.display-color-wheel{aspect-ratio:1;background:conic-gradient(#f44,#ff0,#0f7,#0ff,#05f,#d0f,#f44);border:11px solid #111a20;border-radius:50%;width:70px;max-width:75%;box-shadow:0 0 0 8px #5b6570}.display-color-page label{grid-template-columns:auto 1fr auto;align-items:center;gap:4px;width:100%;display:grid}.display-color-page label span{color:#69e98a;font-size:8px}.display-color-page input,.display-light-page input{accent-color:#50e673;width:100%}.display-blind-page{grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:1fr 1fr;gap:5px 12px;min-height:0;padding:2px 5px;display:grid;overflow:hidden}.display-blind-channel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.display-blind-channel span{grid-column:1/-1;font-size:9px}.display-blind-channel input{writing-mode:vertical-lr;appearance:slider-vertical;accent-color:#50e673;direction:rtl;width:6px;height:62px;margin:0}.display-blind-channel b{align-self:center;font-size:9px;font-weight:500}.display-blind-page footer{grid-column:1/-1;grid-template-columns:repeat(3,25px);justify-content:space-between;align-items:center;display:grid}.display-blind-page footer button{color:#fff;background:#697888;border:0;border-radius:50%;width:25px;height:25px;min-height:0;padding:0}.display-media-page{grid-template-columns:repeat(3,1fr);place-items:center;gap:10px;min-height:0;display:grid}.display-media-page button{color:#fff;background:0 0;border:0;border-radius:50%;width:30px;height:30px;min-height:0;padding:0;font-size:12px}.display-media-page button:nth-child(2),.display-media-page button.active{color:#61e784;background:#647382}.display-light-page{place-content:center;place-items:center;gap:10px;min-height:0;display:grid}.display-light-page button{color:#fff;background:#3b4650;border:1px solid #72818d;border-radius:50%;width:42px;height:42px;min-height:0;padding:0;font-size:18px}.display-light-page button.on{color:#5deb7d;box-shadow:0 0 16px #5deb7d4d}.display-light-page strong{font-size:15px;font-weight:400}.display-simulator-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081119ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.display-simulator{background:#eef3f7;border:1px solid #91a5b7;border-radius:14px;gap:14px;width:min(520px,96vw);max-height:94vh;padding:16px;display:grid;overflow:auto;box-shadow:0 24px 70px #0000007a}.display-simulator>header{justify-content:space-between;align-items:center;display:flex}.display-simulator>header div{gap:2px;display:grid}.display-simulator>header strong{font-size:15px}.display-simulator>header small{color:var(--muted);font-size:10px}.display-simulator>header button{color:#30475a;background:#dce5ed;border:0;border-radius:50%;width:34px;height:34px;min-height:0;padding:0;font-size:22px}.display-simulator-device{background:linear-gradient(145deg,#4c5154,#1c2023);border-radius:18px;width:min(390px,82vw);margin:auto;padding:24px;box-shadow:inset 0 0 0 4px #ffffff14,0 14px 30px #0000004d}.display-simulator-device .display-screen{border-width:4px;padding:18px}.display-simulator-device .display-screen>header{min-height:22px}.display-simulator-device .display-screen>header small{font-size:11px}.display-simulator-device .display-screen>header span{font-size:16px}.display-simulator-device .display-screen>footer{gap:6px;min-height:12px}.display-simulator-device .display-screen>footer button{width:6px;height:6px}.display-simulator-device .display-scene-grid button{min-height:72px}.display-simulator-device .display-scene-grid button i{font-size:24px}.display-simulator-device .display-scene-grid button span{font-size:13px}.display-simulator-device .display-temperature-ring{width:190px}.display-simulator-device .display-temperature-ring strong{font-size:40px}.display-simulator-device .display-temperature-ring span,.display-simulator-device .display-temperature-ring small{font-size:14px}.display-simulator-device .display-climate-page{grid-template-columns:45px 1fr 45px}.display-simulator-device .display-climate-page>button{width:45px;height:45px;font-size:34px}.display-simulator-device .display-color-wheel{width:170px}.display-simulator-device .display-color-page label span{font-size:20px}.display-simulator-device .display-blind-page>div input{width:150px}.display-simulator-device .display-blind-page>div b{font-size:20px}.display-simulator-device .display-media-page button{width:62px;height:62px;font-size:24px}.display-simulator-device .display-light-page button{width:84px;height:84px;font-size:32px}.display-simulator-device .display-light-page strong{font-size:32px}.display-simulator>nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.display-simulator>nav button{color:#1b4f78;background:#fff;border:1px solid #b4c5d4;border-radius:7px;min-height:38px;font-weight:800}.display-simulator>nav button:last-child{justify-self:stretch}.display-simulator>nav span{color:#546a7d;font-size:10px;font-weight:700}.display-simulator-device .display-function-grid{gap:8px}.display-simulator-device .display-function-grid button{border-radius:8px}.display-simulator-device .display-function-grid button i{font-size:29px}.display-simulator-device .display-function-grid button span{font-size:14px}.display-simulator-device .display-cct-wheel{width:170px}.display-simulator-device .display-info-page strong{font-size:62px}.display-simulator-device .display-info-page span{font-size:24px}.display-simulator-device .display-info-page small{font-size:12px}.display-simulator-device .display-blind-page{grid-template-rows:minmax(0,1fr) 58px;gap:10px 34px}.display-simulator-device .display-blind-page>.display-blind-channel input{width:7px;height:150px}.display-simulator-device .display-blind-channel span{font-size:18px}.display-simulator-device .display-blind-channel b{font-size:20px}.display-simulator-device .display-blind-page footer{grid-template-columns:repeat(3,54px)}.display-simulator-device .display-blind-page footer button{width:54px;height:54px;font-size:18px}.display-simulator-device{background:linear-gradient(145deg,#171a1c,#050607 70%);border:1px solid #303438;border-radius:16px;padding:11px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0e,0 14px 30px #0000006b}.display-simulator-device:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff29,#0000 25% 70%,#ffffff09);border-radius:14px;position:absolute;inset:1px}.display-simulator-device .display-screen{z-index:1;border:0;border-radius:7px;position:relative}.rocker-config-list{grid-column:1/-1;gap:10px;display:grid}.rocker-config{background:#f7faff;border:1px solid #cfd9e5;border-radius:8px;gap:9px;padding:10px;display:grid}.rocker-config>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.rocker-config>header strong{color:var(--brand-dark);font-size:11px}.rocker-config>header select{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:132px;height:34px;padding:0 7px;font-size:10px}.rocker-config .control-field{margin:0}.rocker-config .control-field input{width:100%;margin:0}.station-configurator{background:#eef4fa;border:1px solid #b9c9dc;border-radius:10px;gap:12px;padding:12px;display:grid}.station-configurator>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.station-configurator>header div{gap:2px;display:grid}.station-configurator>header strong{font-size:12px}.station-configurator>header small{color:var(--muted);font-size:9px}.station-configurator>header>span{color:var(--brand-dark);background:#dce8f5;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.station-configurator-layout{grid-template-columns:minmax(128px,1fr) 132px minmax(128px,1fr);align-items:stretch;gap:10px;min-width:0;display:grid}.station-builder-frame,.station-function-column{grid-auto-rows:104px;gap:3px;display:grid}.station-builder-frame{background:color-mix(in srgb,var(--station-frame-finish,#3d4145) 82%,#202326);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--station-frame-finish,#3d4145) 70%,#1d2023),inset 0 0 0 9px #ffffff14,0 6px 18px #111b2733;border:0;border-radius:16px;padding:14px}.station-function-column{gap:3px;padding:14px 0}.station-function-slot{gap:3px;min-height:0;display:grid}.station-builder-frame.frame-metal{background:linear-gradient(135deg,color-mix(in srgb,var(--station-frame-finish) 75%,#f5f1e8),var(--station-frame-finish) 48%,color-mix(in srgb,var(--station-frame-finish) 82%,#292b2d))}.station-builder-frame.frame-glass{background:linear-gradient(135deg,#ffffff80,transparent 38%),color-mix(in srgb,var(--station-frame-finish) 88%,#111);border-radius:7px;box-shadow:inset 0 0 0 3px #ffffff7a,inset 0 0 0 8px #14171933,0 8px 22px #0e19264d}.station-builder-frame.frame-stone{background:repeating-linear-gradient(165deg,#ffffff12 0 1px,#00000012 1px 3px),var(--station-frame-finish);border-radius:5px;box-shadow:inset 0 0 0 5px #14171947,inset 0 0 0 8px #ffffff0f,0 7px 18px #111b274d}.station-builder-frame.frame-antique{background:radial-gradient(circle at 8px 8px,#ffffff4d 0 2px,transparent 3px),linear-gradient(135deg,color-mix(in srgb,var(--station-frame-finish) 72%,#fff),var(--station-frame-finish) 54%,color-mix(in srgb,var(--station-frame-finish) 80%,#211b14));border-radius:28px 13px;padding:16px;box-shadow:inset 0 0 0 3px #ffffff2e,inset 0 0 0 8px #271f1633,0 8px 22px #14120e52}.station-function-slot button{min-width:0;color:var(--ink);text-align:left;background:#fff;border:1px solid #c8d4e1;border-radius:6px;align-content:center;gap:2px;padding:4px 7px;display:grid}.station-function-column.right button{text-align:right}.station-function-slot button.selected{background:#e7f1ff;border-color:#3478d3;box-shadow:inset 0 0 0 1px #3478d3}.station-function-slot button small{color:#6f7d8d;text-transform:uppercase;font-size:7px;font-weight:800}.station-function-slot button span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;line-height:1.2;overflow:hidden}.station-builder-device{background:0 0;border:0;border-radius:3px;place-items:center;min-height:0;padding:0;display:grid;position:relative}.station-slot-number{z-index:2;color:#1d2732;background:#ffffffeb;border-radius:50%;place-items:center;width:15px;height:15px;font-size:7px;font-weight:900;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000038}.station-builder-device>b{display:none}.station-device-face{background:#26292c;border:1px solid #17191b;min-height:0;display:grid}.station-device-face>button{color:#dce0e2;background:0 0;border:0;border-bottom:1px solid #121416;grid-template-columns:16px minmax(0,1fr) 16px;align-items:stretch;min-height:0;padding:0;display:grid}.station-device-face>button:last-child{border-bottom:0}.station-device-face>button i{background:#383c40;border-right:1px solid #111;box-shadow:inset 0 0 0 1px #ffffff0d}.station-device-face>button i:last-child{border-left:1px solid #111;border-right:0}.station-device-face>button span{text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:7px;overflow:hidden}.station-device-face>button.selected{outline-offset:-2px;background:#174d73;outline:2px solid #65a8f1}.station-device-face.touch>button{background:linear-gradient(145deg,#174d73,#2b8d9f);grid-template-columns:1fr}.station-device-face.touch>button i{display:none}.empty-hardware{background:color-mix(in srgb,var(--station-frame-finish,#3d4145) 72%,#303438);color:#e3e6e8;border:1px dashed #8d969e;border-radius:3px;width:104px;height:104px;font-size:9px;line-height:1.35}.station-socket-device{color:#252b31;background:#f4f3ee;border:2px solid #20252a;border-radius:4px;grid-template-rows:1fr auto;place-items:center;gap:5px;width:104px;height:104px;padding:10px;display:grid}.station-socket-device.selected{outline-offset:-4px;border-color:#4b9aeb;outline:3px solid #65a8f1}.station-socket-device svg{width:58px;height:58px}.station-socket-device span{font-size:8px;font-weight:800}.station-function-slot.passive{background:#edf2f6;border:1px dashed #aab6c2;border-radius:5px;place-items:center}.station-no-functions{color:#77899a;font-size:8px;font-weight:700}.station-builder-device .merten-device-visual{align-self:center;min-height:0}.station-builder-device .flex-frame,.station-builder-device .pro-t-frame{border-radius:3px;width:104px;height:104px;padding:7px;box-shadow:inset 0 0 0 2px #ffffff14}.station-builder-device .mini-touch-screen{width:104px;height:104px;box-shadow:none}.active-rocker-editor{background:#fff;border:2px solid #3478d3;border-radius:9px;gap:10px;padding:12px;display:grid}.active-rocker-editor>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.active-rocker-editor>header div{gap:2px;display:grid}.active-rocker-editor>header small{color:var(--muted);font-size:8px}.active-rocker-editor>header strong{font-size:12px}.active-rocker-editor>header select{background:#fff;border:1px solid #bfcbd9;border-radius:6px;min-width:150px;height:36px}.active-rocker-editor .control-field input{width:100%;margin:0}.select-rocker-button{min-height:34px;color:var(--brand-dark);background:#eef5ff;border:1px solid #a9c2e1;border-radius:6px;grid-column:1/-1;font-size:9px;font-weight:800}.split-rocker-toggle{color:#294b70;background:#f3f7fc;border:1px solid #b8c9dc;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.split-rocker-toggle input{width:17px;height:17px;accent-color:var(--brand);margin:0}.paired-rocker-assignment{background:#f6f9fd;border:1px solid #bfd0e2;border-radius:8px;grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);align-items:stretch;gap:10px;padding:10px;display:grid}.paired-rocker-assignment>label{color:var(--muted);gap:5px;font-size:10px;display:grid}.paired-rocker-assignment select{background:#fff;border:1px solid #b8c8da;border-radius:7px;width:100%;min-height:38px}.automatic-rocker-function{background:#eaf4ff;border:1px solid #a9c8ec;border-radius:7px;align-content:center;gap:2px;padding:8px 10px;display:grid}.automatic-rocker-function small{color:#55728f;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.automatic-rocker-function strong{color:#164f91;font-size:12px}.automatic-rocker-function span{color:#4f657c;font-size:9px}.simplified-rocker-editor .button-assignment{gap:8px}.simplified-rocker-editor .button-assignment>label{gap:4px;display:grid}.simplified-rocker-editor .button-assignment select{width:100%;min-height:38px}.common-rocker-function{gap:3px;display:grid}.common-rocker-function>span{color:var(--muted);font-size:8px}.merten-assembly{background:#fff;border:1px solid #d9e1ea;border-radius:9px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.merten-device-visual{place-items:center;min-height:116px;display:grid}.flex-frame{background:color-mix(in srgb, var(--device-finish) 72%, #25282b);border-radius:5px;width:104px;height:104px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #ffffff1a,0 5px 16px #0a142338}.flex-device{background:#25282b;border:1px solid #000000b8;border-radius:2px;grid-template-columns:17px minmax(0,1fr) 17px;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.flex-device.flex-count-3 .flex-rocker-rail,.flex-device.flex-count-3 .flex-display{grid-template-rows:2fr 1fr 1fr}.flex-rocker-rail{grid-template-rows:repeat(var(--flex-count,1),minmax(0,1fr));background:color-mix(in srgb, var(--device-finish) 62%, #202326);min-height:0;display:grid}.flex-rocker-rail button{appearance:none;background:0 0;border:0;border-bottom:1px solid #00000094;border-radius:0;min-width:0;min-height:0;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff0e}.flex-rocker-rail button:last-child{border-bottom:0}.flex-rocker-rail.left button:after,.flex-rocker-rail.right button:after{content:"";background:#fff6;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.flex-rocker-rail.left button:after{right:3px}.flex-rocker-rail.right button:after{left:3px}.flex-rocker-rail button.selected{outline-offset:-1px;background:#2c86dd6b;outline:1px solid #76b6f2}.flex-display{grid-template-rows:repeat(var(--flex-count,1),minmax(0,1fr));color:#d9dde0;background:linear-gradient(150deg,#292d30,#171a1c);border-left:1px solid #000000bf;border-right:1px solid #000000bf;align-items:stretch;min-width:0;padding:7px 3px;display:grid;box-shadow:inset 0 0 16px #00000057}.flex-display>button{appearance:none;color:#d5d8da;text-align:center;white-space:nowrap;background:0 0;border:0;grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;gap:1px;min-width:0;padding:0 2px;font-size:4px;line-height:1;display:grid;overflow:hidden}.flex-display>button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.flex-display>button i{color:#f1f3f4;font-size:5px;font-style:normal;font-weight:700}.flex-display>button.selected{background:#2571b52e;border-radius:2px;outline:1px solid #6aafea}.flex-display .display-center{place-items:center;display:grid;overflow:visible}.flex-display .display-center svg{fill:none;stroke:#dce4df;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.flex-device .flex-rocker-rail.left{grid-template-rows:repeat(var(--flex-left-count,1),minmax(0,1fr))}.flex-device .flex-rocker-rail.right{grid-template-rows:repeat(var(--flex-right-count,1),minmax(0,1fr))}.flex-device .flex-rocker-rail.flex-side-count-3{grid-template-rows:2fr 1fr 1fr}.flex-asymmetric-config{background:#f3f8fd;border:1px solid #b9cde3;border-radius:9px;gap:10px;margin-top:10px;padding:10px;display:grid}.flex-side-counts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flex-side-counts label{gap:4px;display:grid}.flex-side-counts span{color:#536a82;font-size:9px;font-weight:800}.flex-side-counts select{background:#fff;border:1px solid #b9c9d9;border-radius:7px;min-height:36px;padding:6px 8px}.pro-t-frame{background:color-mix(in srgb,var(--device-finish) 72%,#25282b);border-radius:5px;width:104px;height:104px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #ffffff1a,0 5px 16px #0a142338}.pro-t-device{border:1px solid color-mix(in srgb,var(--device-finish) 45%,#101214);background:linear-gradient(145deg,color-mix(in srgb,var(--device-finish) 92%,#fff),color-mix(in srgb,var(--device-finish) 78%,#151719));border-radius:5px;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff14,inset 0 -8px 18px #00000014}.pro-t-row{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.pro-t-row button{appearance:none;min-width:0;min-height:0;color:color-mix(in srgb,var(--device-finish) 15%,#f7f7f4);background:0 0;border:0;place-items:center;padding:4px;font-size:10px;font-weight:800;display:grid;position:relative}.pro-t-row button span{z-index:1;color:#eef8ef;text-shadow:0 0 3px #d2ffdee6,0 0 7px #67d690a6;position:relative}.pro-t-row button.selected{outline-offset:-2px;background:#2c86dd38;outline:1px solid #76b6f2}.pro-t-temperature{color:#ffffff7a;font-size:5px;font-weight:800;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pro-t-proximity{border:1px solid #ffffff6b;border-bottom:0;border-radius:9px 9px 0 0;width:9px;height:4px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mini-touch-screen{appearance:none;background:radial-gradient(circle at 50% 55%,#17303d,#090e12 67%);border:1px solid #303437;border-radius:10px;grid-template-rows:1fr 18px;grid-template-columns:repeat(3,1fr);gap:5px;width:98px;height:98px;padding:13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #08090a,inset 0 0 0 6px #ffffff12,0 5px 16px #0a14234d}.mini-touch-screen:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff2b,#0000 28% 72%,#ffffff06);border-radius:9px;position:absolute;inset:1px}.mini-touch-screen>span{z-index:1;color:#fff;text-align:center;grid-column:1/-1;align-self:center;font-size:23px;font-weight:300}.mini-touch-screen i{z-index:1;background:#ffffffb8;border-radius:3px}.mini-touch-screen.selected{outline-offset:2px;outline:2px solid #65a8f1}.merten-assembly-details{gap:8px;min-width:0;margin:0;display:grid}.merten-assembly-details div{grid-template-columns:52px minmax(0,1fr);gap:7px;display:grid}.merten-assembly-details dt{color:var(--muted);font-size:9px}.merten-assembly-details dd{min-width:0;color:var(--ink);gap:2px;margin:0;font-size:9px;line-height:1.35;display:grid}.merten-assembly-details strong{color:var(--brand-dark);font-size:10px}.merten-assembly-details em{color:#9a6c16}.grouped-product-fields{gap:8px;display:grid}.product-image{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;gap:5px;min-height:118px;padding:8px;display:grid}.product-image img{object-fit:contain;width:auto;max-width:100%;height:104px}.product-image span{color:var(--muted);font-size:8px}.view-customer .element-info small,.view-customer .configuration-block,.view-customer .inspector label[for=symbol-scale],.view-customer .inspector .scale-control,.view-customer .inspector .coordinate-grid{display:none}.view-customer .customer-symbol{transform-origin:50%;transform:scale(1.06)}.view-customer .library-icon,.view-customer .mini-icon{color:#626262}.view-customer .plan-symbol .symbol-hit{fill:#ffffffd6;stroke:none;filter:none}.view-technical .plan-symbol .symbol-hit{fill:#0000;stroke:none;filter:none}.room-book-component-comment{background:#eef5ff;border-left:3px solid #2f6fbf;border-radius:4px;gap:3px;padding:9px 10px;display:grid}.room-book-component-comment small{color:#4c6d93;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.room-book-component-comment p{color:#183c65;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.45}.upload-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.upload-actions .button{min-height:42px;padding:0 18px}.cad-wizard-layer{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1726a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cad-wizard{background:#f7f9fc;border:1px solid #cad5e2;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1240px,100%);height:min(820px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 90px #040d1e70}.cad-wizard>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:15px 20px;display:flex}.cad-wizard>header small{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800}.cad-wizard>header h2{max-width:min(720px,70vw);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:18px;overflow:hidden}.cad-wizard>header button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#fff;border-radius:9px;font-size:24px}.cad-steps{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:6px;min-height:58px;margin:0;padding:0 20px;list-style:none;display:flex}.cad-steps li{color:#84909e;flex:1;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.cad-steps li:not(:last-child):after{content:"";background:#dbe2ea;flex:1;height:1px}.cad-steps li span{background:#f7f9fc;border:1px solid #cbd5df;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.cad-steps li.active{color:var(--brand-dark)}.cad-steps li.active span,.cad-steps li.done span{border-color:var(--brand);background:var(--brand);color:#fff}.cad-wizard-body{grid-template-columns:minmax(0,1fr) 340px;min-height:0;display:grid}.cad-preview-column{background:#e9edf3;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;padding:18px;display:grid}.cad-preview{background:#fff;border:1px solid #bfc9d5;border-radius:8px;min-height:280px;position:relative;overflow:hidden;box-shadow:0 5px 18px #13233a17}.cad-preview canvas{touch-action:none;width:100%;height:100%;display:block}.cad-crop-surface{cursor:crosshair;touch-action:none;background:#0f234133;position:absolute;inset:0}.cad-crop-selection{background:#5ba5ff24;border:2px solid #2375e8;position:absolute;box-shadow:0 0 0 9999px #0f1a2b6b}.cad-crop-selection i{background:#2375e8;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 4px #00000047}.cad-crop-selection i:first-child{top:-6px;left:-6px}.cad-crop-selection i:nth-child(2){top:-6px;right:-6px}.cad-crop-selection i:nth-child(3){bottom:-6px;right:-6px}.cad-crop-selection i:nth-child(4){bottom:-6px;left:-6px}.cad-preview-loading{color:var(--ink);background:#ffffffdb;place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid;position:absolute;inset:0}.cad-preview-toolbar{align-items:center;gap:6px;min-height:38px;display:flex}.cad-preview-toolbar button,.cad-layer-actions button,.cad-reset-crop{min-height:34px;color:var(--ink);background:#fff;border:1px solid #c7d1dc;border-radius:7px;padding:0 11px;font-weight:700}.cad-preview-toolbar span{color:#647182;text-overflow:ellipsis;white-space:nowrap;margin-left:7px;font-size:11px;overflow:hidden}.cad-options{border-left:1px solid var(--line);background:#fff;min-height:0;padding:20px;overflow-y:auto}.cad-options h3{color:var(--ink);margin:0 0 8px;font-size:17px}.cad-options>p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.cad-choice-list{gap:9px;display:grid}.cad-choice-list button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fafbfd;border-radius:9px;gap:4px;padding:13px;display:grid}.cad-choice-list button.selected{background:#edf5ff;border-color:#3984ed;box-shadow:inset 0 0 0 1px #3984ed}.cad-choice-list strong{font-size:12px}.cad-choice-list span{color:var(--muted);font-size:10px;line-height:1.4}.cad-layer-actions{gap:7px;margin-bottom:10px;display:flex}.cad-layer-list{border:1px solid var(--line);border-radius:8px;max-height:390px;overflow-y:auto}.cad-layer-list label{border-bottom:1px solid #edf0f4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:11px;display:grid}.cad-layer-list label:last-child{border-bottom:0}.cad-layer-list label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cad-layer-list small{color:var(--muted)}.cad-crop-values{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cad-crop-values div{background:#f2f5f9;border-radius:8px;padding:12px}.cad-crop-values dt{color:var(--muted);font-size:10px}.cad-crop-values dd{margin:3px 0 0;font-size:18px;font-weight:800}.cad-field{color:var(--ink);gap:7px;margin:15px 0;font-size:11px;font-weight:700;display:grid}.cad-field span{justify-content:space-between;display:flex}.cad-field output{color:var(--brand)}.cad-field select{border:1px solid var(--line);background:#fff;border-radius:7px;height:40px;padding:0 9px}.cad-check{color:var(--ink);align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.cad-check input{margin-top:2px}.cad-output-summary{border-left:3px solid var(--brand);background:#eff6ff;border-radius:6px;gap:4px;margin-top:18px;padding:13px;display:grid}.cad-output-summary strong{font-size:13px}.cad-output-summary span{color:var(--muted);font-size:10px}.cad-warnings{color:#775b16;margin-top:16px;font-size:10px}.cad-warnings p{line-height:1.4}.cad-error{background:#fff0f0;border-radius:6px;padding:10px;color:var(--danger)!important;margin-top:15px!important}.cad-wizard>footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 20px;display:flex}.cad-wizard>footer button{border:1px solid var(--line);min-width:105px;min-height:39px;color:var(--ink);background:#fff;border-radius:8px;padding:0 15px;font-weight:700}.cad-wizard>footer button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.cad-wizard>footer button:disabled{cursor:not-allowed;opacity:.55}.cad-wizard>footer span{color:var(--muted);font-size:11px}.room-book{width:min(1480px,100% - 48px);color:var(--ink);margin:28px auto 64px}.room-book-header{background:linear-gradient(135deg,#fff,#f3f7fd);border:1px solid #dbe3ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 8px 28px #1d314f12}.room-book-header h1{margin:5px 0 4px;font-size:30px}.room-book-header p{color:var(--muted);margin:0;font-size:13px}.room-book-status{background:#edf8f2;border-left:3px solid #34a56f;border-radius:7px;gap:3px;max-width:260px;padding:12px 15px;display:grid}.room-book-status strong{color:#18613f;font-size:12px}.room-book-status span{color:#587065;font-size:10px;line-height:1.4}.room-book-floor{margin-top:24px}.room-book-floor>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:0 4px;display:flex}.room-book-floor>header>div{align-items:center;gap:11px;display:flex}.room-book-floor>header>div>span{background:var(--brand);color:#fff;border-radius:9px;place-items:center;min-width:40px;height:40px;padding:0 8px;font-weight:800;display:grid}.room-book-floor h2{margin:0;font-size:18px}.room-book-floor header small{color:var(--muted);font-size:10px}.room-book-floor>header button{min-height:36px;color:var(--brand-dark);background:#fff;border:1px solid #cbd7e5;border-radius:8px;padding:0 13px;font-size:11px;font-weight:700}.room-book-rooms{gap:14px;display:grid}.room-book-room{background:#fff;border:1px solid #dce3eb;border-radius:13px;padding:18px;box-shadow:0 5px 18px #1729440d}.room-book-room.unassigned{background:#fffdf7;border-style:dashed}.room-book-room-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.room-book-room-title small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.room-book-room-title h3{margin:2px 0 0;font-size:16px}.room-book-room-title>span{color:#516174;background:#eef3f9;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.room-book-components{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.room-book-component{background:#fbfcfe;border:1px solid #e1e6ed;border-radius:10px;min-width:0;padding:14px}.room-book-component-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.room-book-icon{width:38px;height:38px;color:var(--brand);flex:none;place-items:center;display:grid}.room-book-icon svg{width:32px;height:32px}.room-book-component-heading small{color:var(--muted);font-size:9px}.room-book-component-heading h4{margin:2px 0 0;font-size:13px}.room-book-component-summary,.room-book-empty{color:var(--muted);margin:0;font-size:11px}.room-book-light-group{background:#edf5ff;border-left:3px solid #2474c7;border-radius:4px;gap:2px;margin:-3px 0 12px;padding:7px 9px;display:grid}.room-book-light-group small{color:#56728f;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.room-book-light-group strong{color:#174e88;font-size:11px}.room-book-light-group span{color:#526b86;font-size:9px}.room-book-assignments{gap:6px;margin-top:12px;display:grid}.room-book-assignments>strong{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.room-book-assignments>div{background:#eef4fb;border-radius:6px;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto;align-items:center;gap:8px;padding:7px 9px;font-size:9px;display:grid}.room-book-assignments b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-book-assignments small{color:var(--brand-dark)}.room-book-switch-station{background:#fff;border:1px solid #d2dbe6;border-radius:9px;padding:10px}.room-book-station-heading{gap:3px;margin-bottom:10px;display:grid}.room-book-station-heading strong{font-size:11px}.room-book-station-heading span{color:var(--muted);font-size:8px}.room-book-station-devices{gap:8px;display:grid}.room-book-switch-station.horizontal .room-book-station-devices{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.room-book-station-devices .merten-assembly{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--device-finish,#555) 40%,transparent);grid-template-columns:108px minmax(0,1fr);padding:8px}.room-book-station-socket{background:#f4f3ee;border:3px solid #555d65;border-radius:8px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;min-height:88px;padding:9px;display:grid}.room-book-station-socket svg{width:64px;height:64px}.room-book-station-socket>span{gap:4px;min-width:0;display:grid}.room-book-station-socket strong{font-size:11px}.room-book-station-socket small{color:var(--muted);overflow-wrap:anywhere;font-size:8px}.room-book-station-empty{color:#738395;background:#f7f9fb;border:1px dashed #aab8c6;border-radius:7px;place-items:center;min-height:70px;padding:10px;font-size:9px;display:grid}.room-book-component.switch-component{grid-column:1/-1}.room-book-switch-station{padding:12px}.room-book-station-common-frame{--station-frame-finish:#3d4145;background:color-mix(in srgb,var(--station-frame-finish) 86%,#24272a);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--station-frame-finish) 70%,#202326),inset 0 0 0 9px #ffffff1a,0 6px 18px #131f2e2e;border-radius:18px;gap:5px;padding:18px;display:grid}.room-book-station-common-frame.frame-glass{box-shadow:inset 0 0 0 5px #ffffff73,inset 0 0 0 9px color-mix(in srgb,var(--station-frame-finish) 70%,transparent),0 7px 20px #1b2b3d38}.room-book-station-common-frame.frame-metal{background:linear-gradient(135deg,color-mix(in srgb,var(--station-frame-finish) 82%,white),color-mix(in srgb,var(--station-frame-finish) 88%,#333))}.room-book-station-common-frame.frame-antique{outline:2px solid color-mix(in srgb,var(--station-frame-finish) 68%,#3a3028);outline-offset:-9px;border-radius:22px}.room-book-station-common-frame.frame-stone{background:linear-gradient(120deg,color-mix(in srgb,var(--station-frame-finish) 78%,#777),var(--station-frame-finish),color-mix(in srgb,var(--station-frame-finish) 80%,#222))}.room-book-switch-station.horizontal .room-book-station-common-frame{grid-template-columns:repeat(var(--room-book-station-slots,1),minmax(430px,1fr));overflow-x:auto}.room-book-station-place{background:#fff;border:1px solid #121b238c;grid-template-columns:minmax(135px,1fr) 150px minmax(135px,1fr);align-items:start;gap:10px;min-width:0;min-height:154px;padding:10px;display:grid}.room-book-switch-station.vertical .room-book-station-place:first-child{border-radius:10px 10px 3px 3px}.room-book-switch-station.vertical .room-book-station-place:last-child{border-radius:3px 3px 10px 10px}.room-book-switch-station.vertical .room-book-station-place:only-child{border-radius:10px}.room-book-switch-station.horizontal .room-book-station-place{border-radius:8px}.room-book-station-device{justify-items:center;gap:5px;min-width:0;display:grid;position:relative}.room-book-station-device .merten-device-visual{width:118px;height:112px}.room-book-place-number{z-index:2;color:#183c65;background:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-5px;left:-3px;box-shadow:0 1px 5px #00000038}.room-book-device-caption{color:#445a71;text-align:center;gap:2px;min-width:0;font-size:8px;line-height:1.3;display:grid}.room-book-device-caption strong{color:#174e9b;font-size:9px}.room-book-device-caption small{color:#65778a;font-size:7px}.room-book-button-functions{gap:3px;min-height:112px;display:grid}.room-book-button-functions>div{background:#f5f9fe;border:1px solid #cbd8e5;border-radius:6px;align-content:center;gap:2px;min-height:0;padding:5px 7px;display:grid}.room-book-button-functions.right>div{text-align:right}.room-book-button-functions small{color:#2571c0;text-transform:uppercase;font-size:7px;font-weight:900}.room-book-button-functions strong{color:#163a62;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.2;overflow:hidden}.room-book-button-functions span{color:#64778c;font-size:7px;line-height:1.2}.room-book-button-functions.passive{color:#758596;background:#f4f6f8;border:1px dashed #c1ccd7;border-radius:7px;place-items:center;font-size:8px}.room-book-station-place .room-book-station-socket{text-align:center;grid-template-columns:1fr;justify-items:center;width:104px;min-height:104px;padding:5px}.room-book-station-place .room-book-station-socket svg{width:68px;height:68px}.room-book-switch-station.horizontal .room-book-station-common-frame{grid-template-columns:none;grid-auto-columns:minmax(430px,1fr);grid-auto-flow:column}@media (width<=720px){.room-book-station-place{grid-template-columns:minmax(90px,1fr) 112px minmax(90px,1fr);gap:6px;padding:7px}.room-book-station-device .merten-device-visual{transform-origin:top;margin-bottom:-18px;transform:scale(.82)}.room-book-button-functions strong{white-space:normal}.room-book-station-common-frame{padding:12px}}.room-book-station-combination{grid-template-columns:minmax(180px,1fr) 154px minmax(180px,1fr);align-items:start;gap:12px;display:grid}.room-book-function-stack{grid-auto-rows:112px;gap:5px;padding:18px 0;display:grid}.room-book-station-combination .room-book-station-common-frame{box-sizing:border-box;grid-auto-rows:112px;gap:5px;width:154px;padding:18px}.room-book-station-combination .room-book-station-device{place-items:center;height:112px;display:grid}.room-book-station-combination .room-book-station-device .merten-device-visual{width:118px;height:112px}.room-book-station-combination .room-book-station-empty{box-sizing:border-box;width:118px;min-height:112px}.room-book-station-products{background:#f7f9fc;border:1px solid #d7e0e9;border-radius:7px;gap:5px;margin:10px 0 0;padding:9px 11px;display:grid}.room-book-station-products>div{color:#52677e;grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;gap:8px;font-size:8px;display:grid}.room-book-station-products strong{color:#174e9b}.room-book-station-products small{color:#687c91}.room-book-switch-station.horizontal .room-book-station-combination{grid-template-columns:1fr}.room-book-switch-station.horizontal .room-book-function-stack{grid-template-rows:112px;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;padding:0 18px}.room-book-switch-station.horizontal .room-book-function-stack.left{order:1}.room-book-switch-station.horizontal .room-book-station-common-frame{order:2;grid-template-columns:none;grid-auto-columns:118px;grid-auto-flow:column;width:max-content;max-width:100%;overflow-x:auto}.room-book-switch-station.horizontal .room-book-function-stack.right{order:3}@media (width<=720px){.room-book-station-combination{grid-template-columns:minmax(92px,1fr) 118px minmax(92px,1fr);gap:6px}.room-book-function-stack{grid-auto-rows:96px;padding:12px 0}.room-book-station-combination .room-book-station-common-frame{grid-auto-rows:96px;width:118px;padding:12px}.room-book-station-combination .room-book-station-device{width:94px;height:96px}.room-book-station-combination .room-book-station-device .merten-device-visual{width:94px;height:96px;margin:0;transform:none}.room-book-station-products>div{grid-template-columns:1fr;gap:2px}}.room-book-display-overview{gap:14px;display:grid}.room-book-display-device{background:linear-gradient(135deg,#f7f9fc,#eef3f8);border:1px solid #cbd8e5;border-radius:10px;align-items:center;gap:18px;padding:16px;display:flex}.room-book-display-device .merten-assembly{background:0 0;border:0;padding:0;display:block}.room-book-display-device .merten-device-visual{width:132px;height:132px}.room-book-display-device>div:last-child{gap:4px;display:grid}.room-book-display-device>div:last-child strong{color:#174e9b;font-size:12px}.room-book-display-device>div:last-child span{color:#263e58;font-size:10px;line-height:1.35}.room-book-display-device>div:last-child small{color:#6c7e90;font-size:8px}.room-book-display-pages{background:#fff;border:1px solid #cbd8e5;border-radius:10px;overflow:hidden}.room-book-display-pages>header{background:#f4f8fc;border-bottom:1px solid #dbe4ed;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.room-book-display-pages>header div{gap:2px;display:grid}.room-book-display-pages>header strong{font-size:11px}.room-book-display-pages>header small,.room-book-display-pages>header span{color:#64788d;font-size:8px}.room-book-display-pages>header>span{background:#e3edf8;border-radius:999px;padding:4px 7px;font-weight:800}.room-book-display-page-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;padding:12px;display:grid}.room-book-display-page-grid>article{background:#fbfcfe;border:1px solid #d4dfe9;border-radius:8px;overflow:hidden}.room-book-display-page-grid>article>header{background:#edf4fb;border-bottom:1px solid #dce5ed;align-items:center;gap:8px;padding:8px 9px;display:flex}.room-book-display-page-grid>article>header>b{color:#fff;background:#206bc1;border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.room-book-display-page-grid>article>header>div{gap:1px;display:grid}.room-book-display-page-grid>article>header strong{font-size:10px}.room-book-display-page-grid>article>header small{color:#687b8e;font-size:7px}.room-book-display-page-grid>article>div{display:grid}.room-book-display-page-grid>article>p,.room-book-display-empty{color:#718397;margin:0;padding:13px;font-size:8px}.room-book-display-function{border-bottom:1px solid #e5ebf1;grid-template-columns:20px minmax(90px,1fr) minmax(100px,1fr);align-items:center;gap:7px;padding:7px 9px;display:grid}.room-book-display-function:last-child{border-bottom:0}.room-book-display-function>b{color:#2671bf;font-size:8px}.room-book-display-function>span{gap:2px;min-width:0;display:grid}.room-book-display-function strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.room-book-display-function small{color:#687c90;font-size:7px}.room-book-display-function em{color:#234f7d;text-align:right;font-size:7px;font-style:normal;line-height:1.3}@media (width<=600px){.room-book-display-device{align-items:flex-start}.room-book-display-device .merten-device-visual{width:105px;height:105px}.room-book-display-page-grid{grid-template-columns:1fr}.room-book-display-function{grid-template-columns:18px minmax(80px,1fr)}.room-book-display-function em{text-align:left;grid-column:2}}.station-builder-device .flex-frame,.station-builder-device .pro-t-frame,.room-book-station-combination .flex-frame,.room-book-station-combination .pro-t-frame{box-shadow:none;background:0 0;border-radius:2px;padding:0}.station-configurator-layout{grid-template-columns:minmax(128px,1fr) 136px minmax(128px,1fr)}.station-builder-frame,.station-function-column{gap:0}.room-book-station-combination{grid-template-columns:minmax(180px,1fr) 140px minmax(180px,1fr)}.room-book-function-stack{grid-auto-rows:104px;gap:0;padding:18px 0}.room-book-station-combination .room-book-station-common-frame{grid-auto-rows:104px;gap:0;width:140px;padding:18px}.room-book-station-combination .room-book-station-device,.room-book-station-combination .room-book-station-device .merten-device-visual{width:104px;height:104px}@media (width<=720px){.room-book-station-combination{grid-template-columns:minmax(92px,1fr) 120px minmax(92px,1fr)}.room-book-function-stack{grid-auto-rows:104px;gap:0;padding:8px 0}.room-book-station-combination .room-book-station-common-frame{grid-auto-rows:104px;gap:0;width:120px;padding:8px}.room-book-station-combination .room-book-station-device,.room-book-station-combination .room-book-station-device .merten-device-visual{width:104px;height:104px}}.station-builder-frame.frame-antique,.room-book-station-common-frame.frame-antique{clip-path:none;background-color:#0000;background-image:var(--station-frame-image);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:0;outline:0;box-shadow:0 7px 18px #14181d29}.frame-product-image{min-height:150px}.frame-product-illustration{--frame-preview-finish:#ecebe5;grid-template-rows:repeat(var(--frame-preview-slots),42px);background:var(--frame-preview-finish);border-radius:7px;gap:0;width:92px;padding:12px;display:grid;box-shadow:inset 0 0 0 3px #ffffff4d,inset 0 0 0 8px #23272b24,0 5px 13px #151f2a33}.frame-product-illustration i{border:1px solid color-mix(in srgb,var(--frame-preview-finish) 48%,#222);background:#f8fafc;min-height:0}.frame-product-illustration.frame-antique{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:linear-gradient(135deg,color-mix(in srgb,var(--frame-preview-finish) 90%,white),var(--frame-preview-finish) 58%,color-mix(in srgb,var(--frame-preview-finish) 76%,#777));border-radius:3px}.frame-product-illustration.frame-metal{background:linear-gradient(135deg,color-mix(in srgb,var(--frame-preview-finish) 82%,white),var(--frame-preview-finish),color-mix(in srgb,var(--frame-preview-finish) 82%,#333))}.frame-product-illustration.frame-glass{box-shadow:inset 0 0 0 3px #ffffff8c,inset 0 0 0 8px #191e232b,0 6px 16px #141e2a40}.frame-product-illustration.frame-stone{background:repeating-linear-gradient(165deg,#ffffff14 0 1px,#0000000f 1px 3px),var(--frame-preview-finish)}.project-output{background:#eef3f8;align-content:start;gap:20px;min-height:calc(100vh - 64px);padding:28px clamp(18px,4vw,58px) 56px;display:grid}.output-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.output-header h1{margin:5px 0;font-size:clamp(24px,3vw,36px)}.output-header p{color:var(--muted);margin:0}.output-header>button,.output-section>header button{color:#174f8e;background:#fff;border:1px solid #9eb5ce;border-radius:8px;min-height:38px;padding:0 14px;font-weight:800}.output-summary{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.output-summary article{background:#fff;border:1px solid #c9d7e5;border-radius:11px;align-content:center;gap:5px;min-height:90px;padding:14px;display:grid;box-shadow:0 3px 10px #1a34520f}.output-summary small{color:#63758a;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.output-summary strong{color:#123f75;font-size:28px}.output-section{background:#fff;border:1px solid #c9d7e5;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #1a34520f}.output-section>header{border-bottom:1px solid #d9e2eb;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 16px;display:flex}.output-section>header div{gap:3px;display:grid}.output-section h2{margin:0;font-size:17px}.output-section>header span{color:var(--muted);font-size:9px;font-weight:700}.output-table-wrap{overflow-x:auto}.output-section table{border-collapse:collapse;width:100%;font-size:10px}.output-section th{color:#546a80;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#f3f7fb;border-bottom:1px solid #cbd7e3;padding:9px 12px;font-size:8px}.output-section td{vertical-align:top;border-bottom:1px solid #e4eaf0;padding:10px 12px}.output-section tbody tr:last-child td{border-bottom:0}.output-section td strong,.output-section td small{display:block}.output-section td small{color:var(--muted);margin-top:3px;font-size:8px}.output-section .numeric{text-align:right}.switch-program-global{background:#f6f9fc;border-bottom:1px solid #d9e2eb;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr) auto;align-items:end;gap:14px;padding:15px 16px;display:grid}.switch-program-global>div,.switch-program-global label{gap:5px;display:grid}.switch-program-global small{color:var(--muted);font-size:9px;line-height:1.45}.switch-program-global label span{color:#536a82;font-size:9px;font-weight:800}.switch-program-global select,.station-program-select{color:#152c45;background:#fff;border:1px solid #b9c9d9;border-radius:8px;width:100%;min-height:38px;padding:7px 10px}.switch-program-global button{color:#fff;background:#1768c5;border:0;border-radius:8px;min-height:38px;padding:0 15px;font-weight:800}.switch-program-global button:disabled{opacity:.45;cursor:not-allowed}.switch-program-notice{color:#17613a;background:#edf9f1;border-bottom:1px solid #b9dfc6;margin:0;padding:9px 16px;font-size:10px;font-weight:700}.station-program-select+small{margin-top:5px}@media (width<=760px){.switch-program-global{grid-template-columns:1fr;align-items:stretch}}@media print{.app-header,.notice,.output-header>button,.output-section>header button,.switch-program-global,.switch-program-notice{display:none!important}.project-output{background:#fff;min-height:0;padding:0;display:block}.output-header,.output-summary,.output-section{box-shadow:none;break-inside:avoid;margin-bottom:14px}.output-section{break-inside:auto}.output-section tr{break-inside:avoid}}@media (width<=1100px){.app-header{grid-template-columns:150px auto minmax(180px,260px) 1fr;gap:14px}.app-header nav{gap:14px;overflow-x:auto}.app-header nav a:nth-last-child(-n+3){display:none}.editor-grid{grid-template-columns:220px minmax(400px,1fr) 240px}.toolbar .tool-group button{padding:0 9px}.global-symbol-scale{margin-left:0}}@media (width<=1500px){.app{max-width:100vw;overflow-x:hidden}.editor-shell{min-width:0}.toolbar{gap:6px;min-width:0;padding:7px 9px}.toolbar>.workflow-steps,.toolbar-label{display:none}.toolbar-icon{place-items:center;min-width:20px;min-height:20px;font-size:19px;line-height:1;display:inline-grid}.toolbar button,.toolbar .button{justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:0 9px;display:inline-flex}.tool-group,.edit-actions,.plan-actions,.toolbar-actions{flex:none;gap:3px;min-width:0}.edit-actions,.plan-actions{padding-left:5px}.zoom-control{flex:none;gap:1px}.zoom-control button{min-width:38px;padding:0 7px}.zoom-control span{min-width:48px}.global-symbol-scale{grid-template-columns:auto 54px 32px;gap:5px;min-width:154px}.global-symbol-scale input{width:54px}.editor-grid{grid-template-columns:200px minmax(0,1fr) 240px;min-width:0}.panel,.plan-region{min-width:0}.tablet-workflow-steps{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #8497aebf;border-radius:13px;gap:4px;padding:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #1a2b422e}.tablet-workflow-steps button{color:#536579;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:48px;height:44px;padding:0;display:grid;position:relative}.tablet-workflow-steps button>span{font-size:23px;line-height:1}.tablet-workflow-steps button>small{color:#526171;background:#e3eaf2;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:800;display:grid;position:absolute;top:2px;right:2px}.tablet-workflow-steps button.active{color:#123e79;background:#e7f1ff;border-color:#79a8e6}.tablet-workflow-steps button.active>small{color:#fff;background:#3478d3}}@media (width<=820px){.app-header{grid-template-columns:auto minmax(160px,1fr) auto;gap:8px 12px;height:auto;min-height:104px}.app-header nav{order:3;grid-column:1/-1;height:42px}.header-floor-picker{grid-area:1/2}.header-meta{grid-area:1/3}.header-meta .save-state{display:none}.project-bar{padding:0 16px}.project-bar .project-identity,.project-bar .floor-meta{display:none}.project-bar .floor-picker{width:100%;min-width:0;display:flex}.empty-dashboard{grid-template-columns:1fr;margin:28px auto}.welcome-card,.upload-card{min-height:380px}.editor-shell{height:auto;min-height:calc(100vh - 180px)}.toolbar{flex-wrap:wrap;height:auto}.edit-actions,.plan-actions{order:2}.room-actions{flex-wrap:wrap;order:3;width:100%}.zoom-control{margin-left:0}.global-symbol-scale{grid-template-columns:auto 64px 34px;min-width:180px}.global-symbol-scale input{width:64px}.editor-grid{flex-wrap:wrap;display:flex}.plan-region{order:1;width:100%;min-height:65vh}.panel{border-top:1px solid var(--line);order:2;width:50%;max-height:430px}.cad-wizard-layer{padding:8px}.cad-wizard{height:calc(100vh - 16px)}.cad-wizard-body{grid-template-rows:minmax(280px,1fr) minmax(180px,auto);grid-template-columns:1fr;overflow-y:auto}.cad-preview-column{min-height:360px}.cad-options{border-top:1px solid var(--line);border-left:0;max-height:310px}.room-book{width:min(100% - 24px,1480px);margin-top:16px}.room-book-header{align-items:flex-start;padding:20px}.room-book-components,.admin-mode-grid{grid-template-columns:1fr}}@media (width<=560px){.app-header{padding:0 14px}.brand>span:last-child{display:none}.header-floor-picker>select{min-width:0}.header-floor-settings>div{position:fixed;top:60px;right:12px}.admin-color-grid,.admin-user-permissions article{grid-template-columns:1fr}.admin-user-permissions article>div{justify-content:flex-start}.app-header nav a:nth-last-child(-n+5){display:none}.project-bar{height:auto;min-height:60px}.phase-badge{display:none}.welcome-card{padding:34px 26px}.upload-card{padding:30px 20px}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1}.panel{width:100%}.button-assignments{grid-template-columns:1fr}.cad-steps{padding:0 10px}.cad-steps li{font-size:0}.cad-steps li span{font-size:11px}.cad-preview-column{min-height:320px;padding:8px}.cad-options{padding:15px}.room-book-header{display:grid}.room-book-status{max-width:none}.room-book-room{padding:12px}.room-book-component{padding:11px}.room-book-component .merten-assembly{grid-template-columns:90px minmax(0,1fr);padding:8px}.room-book-component .merten-device-visual{transform:scale(.78)}.room-book-assignments>div{grid-template-columns:1fr;gap:2px}.station-configurator{overflow-x:auto}.station-configurator-layout{min-width:460px}.active-rocker-editor>header{align-items:stretch;display:grid}.active-rocker-editor>header select{width:100%}.active-rocker-editor .button-assignments{grid-template-columns:1fr}}.mini-touch-screen{background:linear-gradient(145deg,#181b1e,#050607 74%);border:0;border-radius:9px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;padding:12px 8px 16px;box-shadow:inset 0 0 0 1px #ffffff17,0 5px 16px #0a14234d}.mini-touch-screen>.mini-touch-clock{color:#fff;letter-spacing:-.04em;align-self:end;font-size:24px;font-weight:300}.mini-touch-screen>small{z-index:1;color:#fff;align-self:start;font-size:5px;font-weight:500}.room-book-display-clock,.room-book-display-clock .merten-assembly{box-shadow:none;background:0 0;border:0;padding:0}.room-book-display-clock .merten-device-visual{width:132px;height:132px;min-height:0}.room-book-display-clock .mini-touch-screen{border-radius:13px;width:132px;height:132px;padding:15px 10px 22px;box-shadow:inset 0 0 0 1px #ffffff1f,0 7px 18px #0b131b52}.room-book-display-clock .mini-touch-screen>.mini-touch-clock{font-size:34px}.room-book-display-clock .mini-touch-screen>small{font-size:7px}.room-book-icon.display-clock-icon{color:#fff;background:linear-gradient(145deg,#181b1e,#040506 76%);border-radius:5px;width:40px;height:40px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 6px #0b131b47}.room-book-icon.display-clock-icon>span{place-items:center;gap:1px;display:grid}.room-book-icon.display-clock-icon b{letter-spacing:-.03em;font-size:10px;font-weight:300}.room-book-icon.display-clock-icon small{color:#fff;font-size:4px;font-weight:400}.display-dimmer-page{place-items:center;min-height:0;display:grid;position:relative}.display-dimmer-page>button{z-index:2;color:#fff;background:0 0;border:0;width:22px;height:22px;min-height:0;padding:0;font-size:15px;position:absolute;top:0;right:0}.display-dimmer-page>button.on{color:#fff}.display-dimmer-ring{--display-level:252deg;aspect-ratio:1;background:radial-gradient(circle,#101316 54%,transparent 56%),conic-gradient(from 220deg,#ffc400 0 var(--display-level),#cdd0d4 var(--display-level) 280deg,transparent 281deg);border-radius:50%;place-items:center;width:78px;max-width:76%;display:grid;position:relative}.display-dimmer-ring input{opacity:.001;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.display-dimmer-ring strong{color:#fff;align-items:baseline;gap:2px;font-size:18px;font-weight:400;display:flex}.display-dimmer-ring small{font-size:7px;font-weight:400}.display-status-overview{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center;gap:3px;min-height:0;display:grid}.display-status-overview>button{color:#fff;text-align:left;background:#ffffff0e;border:0;border-radius:3px;grid-template-columns:auto 1fr;place-items:center start;gap:3px 6px;min-width:0;min-height:0;padding:5px;display:grid}.display-status-overview>button.wide{grid-column:1/-1;grid-template-columns:auto 1fr auto minmax(35px,1fr)}.display-status-overview i{color:#53db79;font-size:10px;font-style:normal}.display-status-overview span,.display-status-overview b{text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:400;overflow:hidden}.display-status-overview em{background:#d0d4d7;border-radius:2px;height:3px;overflow:hidden}.display-status-overview em u{background:#20bc54;height:100%;text-decoration:none;display:block}.display-shutter-overview{align-content:center;gap:8px;min-height:0;display:grid}.display-shutter-overview>div{grid-template-columns:minmax(50px,1fr) 2fr;align-items:center;gap:6px;display:grid}.display-shutter-name{color:#fff;background:0 0;border:0;justify-items:start;gap:2px;min-width:0;min-height:0;padding:4px;display:grid}.display-shutter-name i{font-size:13px;font-style:normal}.display-shutter-name span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.display-shutter-controls{justify-content:space-between;gap:4px;display:flex}.display-shutter-controls button{color:#fff;background:#56606a;border:0;border-radius:50%;width:23px;height:23px;min-height:0;padding:0;font-size:8px}.display-simulator-device .display-dimmer-page>button{width:44px;height:44px;font-size:30px}.display-simulator-device .display-dimmer-ring{width:190px}.display-simulator-device .display-dimmer-ring strong{font-size:42px}.display-simulator-device .display-dimmer-ring small{font-size:15px}.display-simulator-device .display-status-overview{gap:8px}.display-simulator-device .display-status-overview>button{border-radius:7px;gap:8px 13px;padding:13px}.display-simulator-device .display-status-overview i{font-size:25px}.display-simulator-device .display-status-overview span,.display-simulator-device .display-status-overview b{font-size:14px}.display-simulator-device .display-status-overview em{height:7px}.display-simulator-device .display-shutter-overview{gap:20px}.display-simulator-device .display-shutter-overview>div{gap:15px}.display-simulator-device .display-shutter-name{gap:5px}.display-simulator-device .display-shutter-name i{font-size:30px}.display-simulator-device .display-shutter-name span{font-size:14px}.display-simulator-device .display-shutter-controls button{width:52px;height:52px;font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}