@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-ext-wght-normal.2yptelh8aqa_5.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-wght-normal.0s9lyv6-dq8sg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-greek-wght-normal.0injkow7o_js7.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-vietnamese-wght-normal.04ex7n90-6tif.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-ext-wght-normal.1wlj3nn-4xnfp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-wght-normal.2odd3csjijl0b.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#142c3f;--ink-strong:#0b2133;--slate:#5c7485;--slate-soft:#8ca0ad;--mist:#e8f0f3;--paper:#f8fbfa;--paper-blue:#eef5f6;--line:#cbd9df;--line-strong:#9fb4be;--signal:#f2ae37;--signal-deep:#d88316;--teal:#237d78;--teal-soft:#d9efeb;--danger:#b24b43;--shadow:0 18px 55px #1733461c;--font-body:"Manrope Variable", "Avenir Next", sans-serif;--font-mono:"JetBrains Mono Variable", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;background:#dce7eb;margin:0;font-size:14px}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--signal-deep);outline-offset:3px}.workspace{background:var(--paper);grid-template-rows:66px minmax(0,1fr) 34px;height:100dvh;min-height:0;display:grid}.topbar{z-index:10;border-bottom:1px solid var(--line);background:#f8fbfaf5;grid-template-columns:1fr auto;align-items:center;min-width:0;display:grid;position:relative}.brand{height:100%;color:var(--ink-strong);align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:flex}.brand-mark{width:25px;height:25px;color:var(--ink-strong);background:currentColor;flex:none;-webkit-mask:url(/assets/portego-mark.svg) 50%/contain no-repeat;mask:url(/assets/portego-mark.svg) 50%/contain no-repeat}.brand-name{letter-spacing:-.055em;font-size:18px;font-weight:760}.login-nav-button,.gateway-nav-button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:700;display:inline-flex}.login-nav-button:hover,.gateway-nav-button:hover{color:var(--teal);border-color:var(--teal);background:var(--paper-blue)}.topbar-account-actions{align-items:center;gap:8px;margin-right:16px;display:flex}.gateway-nav-button{border-color:var(--line);background:0 0}.profile-nav-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:3px 7px 3px 4px;display:flex}.profile-nav-button:hover{border-color:var(--line);background:var(--paper-blue)}.profile-nav-button>span:first-child{color:#fff;background:var(--ink-strong);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.profile-nav-copy{text-align:left;gap:1px;display:grid}.profile-nav-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:9px;overflow:hidden}.profile-nav-copy small{color:var(--slate);font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.workspace-grid{background:var(--line);grid-template-columns:240px minmax(420px,1fr) 52px;gap:1px;min-height:0;transition:grid-template-columns .18s;display:grid;position:relative;overflow:hidden}.workspace-grid.inspector-open{grid-template-columns:240px minmax(420px,1fr) 326px}.left-rail{background:var(--paper);flex-direction:column;min-height:0;padding-bottom:18px;display:flex;position:relative;overflow:hidden}.rail-section{border-bottom:1px solid var(--line);padding:18px}.structure-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.section-heading{color:var(--slate);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:9px;font-weight:600;display:flex}.section-heading strong{border:1px solid var(--line);min-width:22px;height:20px;color:var(--ink);border-radius:4px;place-items:center;font-size:9px;display:inline-grid}.section-heading small{color:var(--slate-soft);font-size:8px}.structure-tree{flex-direction:column;flex:1;gap:9px;min-height:0;display:flex;overflow:hidden}.floor-index-list{flex:none;gap:7px;display:grid}.floor-children{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;align-content:start;gap:9px;min-height:0;padding-right:5px;display:grid;overflow-y:auto}.floor-index-card{border:1px solid var(--line);width:100%;min-height:70px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff8c;border-radius:6px;grid-template-columns:minmax(0,1fr) 72px;align-items:stretch;gap:8px;padding:8px;display:grid}.floor-index-card:hover{border-color:var(--line-strong);background:#fff}.floor-index-card.is-selected{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal);background:var(--paper-blue)}.floor-card-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.floor-card-copy small{color:var(--teal);font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.floor-card-title{align-items:center;gap:5px;min-width:0;margin:3px 0;display:flex}.floor-card-title strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.floor-card-title svg{color:var(--slate-soft);flex:none;transition:transform .15s}.floor-card-title svg.is-collapsed{transform:rotate(-90deg)}.floor-card-copy>span{color:var(--slate);font-family:var(--font-mono);white-space:nowrap;font-size:6px}.floor-mini-map{border:1px solid var(--line-strong);background-color:#f5f9f8;background-image:linear-gradient(#237d7812 1px,#0000 1px),linear-gradient(90deg,#237d7812 1px,#0000 1px);background-size:8px 8px;min-width:0;min-height:52px;display:block;position:relative;overflow:hidden}.floor-mini-map i{color:var(--ink);background:#d9efebbf;border:1px solid #237d78bf;place-items:center;font-style:normal;display:grid;position:absolute;overflow:hidden}.tree-empty{color:var(--slate);margin:7px 0 0 24px;font-size:11px;line-height:1.55}.tree-room{gap:4px;margin-left:7px;padding-left:16px;display:grid;position:relative}.tree-room:before{background:var(--line);content:"";width:1px;position:absolute;top:-5px;bottom:10px;left:0}.tree-room-label{width:100%;min-height:29px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:11px;font-weight:630;display:grid}.tree-room-label:hover,.tree-room-label.is-selected{background:var(--paper-blue)}.room-swatch{border:1px solid var(--teal);background:var(--teal-soft);width:8px;height:8px}.tree-room-label small{color:var(--slate-soft);font-family:var(--font-mono);font-size:9px}.tree-device{width:100%;color:var(--slate);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:14px minmax(0,1fr) 7px;align-items:center;gap:8px;padding:7px 8px;font-size:10px;display:grid}.tree-device span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-device i{border:1px solid var(--line-strong);background:var(--paper);border-radius:50%;width:6px;height:6px}.tree-device i.is-on{border-color:var(--signal-deep);background:var(--signal);box-shadow:0 0 0 3px #f2ae3729}.tree-device:hover,.tree-device.is-selected{color:var(--ink);background:var(--paper-blue)}.quick-actions{gap:7px;display:grid}.quick-actions .section-heading{margin-bottom:6px}.quick-actions button{width:100%;color:var(--slate);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.quick-actions button:hover{color:var(--ink);border-color:var(--line);background:#fff}.quick-actions button:disabled,.primary-action:disabled{cursor:wait;opacity:.6}.canvas-shell{background:var(--paper-blue);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.history-controls{border:1px solid var(--line);border-radius:5px;align-items:center;display:flex;overflow:hidden}.history-controls button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fff;place-items:center;width:30px;height:29px;display:grid}.history-controls button:last-child{border-right:0}.history-controls button:hover:not(:disabled){color:var(--teal);background:var(--paper-blue)}.history-controls .reset-home-control:hover:not(:disabled){color:var(--danger);background:#fff2ef}.history-controls button:disabled{cursor:not-allowed;opacity:.35}.floating-history-controls{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfaeb;position:absolute;top:56px;right:14px;box-shadow:0 5px 16px #0b213314}.canvas-breadcrumb{z-index:5;min-width:0;max-width:calc(100% - 210px);min-height:34px;color:var(--slate);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfaeb;border:1px solid #9fb4bed9;border-radius:5px;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex;position:absolute;top:14px;left:18px;box-shadow:0 5px 16px #0b213314}.canvas-breadcrumb button{min-width:0;color:var(--slate);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:3px 2px;overflow:hidden}.canvas-breadcrumb button:last-child{color:var(--ink);font-weight:700}.canvas-breadcrumb button:hover{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.canvas-breadcrumb span,.canvas-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-breadcrumb strong{color:var(--ink);font-weight:700}.canvas-stage{background:#e7eff2;min-height:0;position:relative;overflow:hidden}.konva-host{cursor:grab;touch-action:none;position:absolute;inset:0}.konva-host canvas{display:block}.canvas-loading{color:var(--slate);background:var(--paper-blue);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.canvas-editor-controls{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfaeb;border:1px solid #9fb4bed9;border-radius:5px;align-items:center;height:34px;display:flex;position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 5px 16px #0b213314}.canvas-editor-controls button{border:0;border-right:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.canvas-editor-controls button:last-child{border-right:0;border-left:1px solid var(--line)}.canvas-editor-controls button:hover,.canvas-editor-controls button:focus-visible{color:var(--teal);background:var(--paper-blue);outline:none}.canvas-editor-controls span{min-width:50px;color:var(--slate);font-family:var(--font-mono);text-align:center;font-size:8px}.canvas-accessible-actions{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canvas-accessible-actions:focus-within{z-index:6;clip:auto;clip-path:none;border:1px solid var(--teal);background:var(--paper);width:auto;height:auto;box-shadow:var(--shadow);white-space:normal;border-radius:4px;gap:6px;padding:10px;display:grid;top:60px;left:14px;overflow:visible}.canvas-accessible-actions button{border:1px solid var(--line);color:var(--ink);background:var(--paper);align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.home-canvas{width:100%;height:100%;min-height:470px;display:block}.canvas-paper{fill:#f3f8f8}.grid-line{fill:none}.grid-line-small{stroke:#cddde1;stroke-width:.65px;opacity:.46}.grid-line-large{stroke:#aebfc7;stroke-width:.95px;opacity:.44}.room-fill{fill:#ffffffb3;stroke:none}.room-wall{fill:none;stroke:var(--ink);stroke-linecap:square;stroke-linejoin:miter;stroke-width:8px}.room-wall-soft{stroke-width:4px}.room-label{fill:var(--ink);font-family:var(--font-body);letter-spacing:-.02em;font-size:16px;font-weight:700}.room-meta{fill:var(--slate);font-family:var(--font-mono);letter-spacing:.03em;font-size:8px}.device-group{cursor:pointer}.device-hit-area{fill:#f8fbfaf5;stroke:var(--line-strong);stroke-width:1.5px;transition:fill .18s,stroke .18s,transform .18s}.device-group:hover .device-hit-area,.device-selected .device-hit-area{stroke:var(--teal);stroke-width:2px;transform:scale(1.08)}.device-aura{fill:#f2ae3730;stroke:none}.device-orb{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.device-on .device-orb{fill:var(--signal);stroke:var(--signal-deep)}.device-bulb{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.device-detail,.device-ray{stroke:var(--ink);stroke-linecap:round;stroke-width:1.5px}.device-ray{opacity:0;transition:opacity .18s}.device-on .device-ray{opacity:1;stroke:var(--signal-deep)}.device-label{fill:var(--ink);font-family:var(--font-body);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:680}.binding-dot{fill:var(--teal);stroke:var(--paper);stroke-width:2px}.binding-dot.unbound{fill:var(--paper);stroke:var(--line-strong)}.canvas-empty{width:min(380px,100% - 48px);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfae6;border:1px solid #9fb4bebd;justify-items:center;padding:30px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-symbol{width:54px;height:54px;color:var(--ink);border:1px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;margin-bottom:15px;display:grid;position:relative}.empty-symbol:after{border:3px solid var(--paper);background:var(--signal);content:"";border-radius:50%;width:12px;height:12px;position:absolute;bottom:5px;right:-2px}.eyebrow{color:var(--slate);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:650}.canvas-empty h2{color:var(--ink-strong);letter-spacing:-.055em;margin:7px 0 6px;font-size:clamp(24px,3vw,34px);font-weight:690}.canvas-empty p{max-width:300px;color:var(--slate);margin:0 0 20px;font-size:12px;line-height:1.55}.primary-action{border:1px solid var(--ink-strong);color:#fff;background:var(--ink-strong);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:680;display:inline-flex;box-shadow:0 6px 18px #0b213329}.primary-action:hover{background:#183b55}.canvas-empty-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.copy-prompt-action{border:1px solid var(--line-strong);min-width:124px;color:var(--ink-strong);cursor:pointer;background:#ffffffd1;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:680;transition:border-color .14s,background .14s,transform .14s;display:inline-flex}.copy-prompt-action:hover{border-color:var(--ink-strong);background:#fff;transform:translateY(-1px)}.chatgpt-mark{fill:currentColor;flex:none;width:16px;height:16px}.canvas-scale{color:var(--slate);font-family:var(--font-mono);align-items:flex-end;gap:7px;font-size:7px;display:flex;position:absolute;bottom:16px;right:19px}.canvas-scale i{border:solid var(--ink);border-width:0 1px 1px;width:80px;height:7px}.floating-object-card{width:100%;min-height:100%;color:var(--ink);background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.property-rail{background:var(--paper);min-width:0;min-height:0;overflow:hidden}.property-rail.is-open{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overflow-y:auto}.property-rail-trigger{width:100%;height:100%;color:var(--teal);background:var(--paper);cursor:pointer;border:0;flex-direction:column;align-items:center;gap:11px;padding:15px 0;display:flex}.property-rail-trigger:hover:not(:disabled){color:var(--ink);background:var(--paper-blue)}.property-rail-trigger:disabled{color:var(--slate-soft);cursor:default}.property-rail-trigger span{max-height:220px;color:var(--ink);text-overflow:ellipsis;writing-mode:vertical-rl;font-size:10px;font-weight:700;line-height:1;overflow:hidden}.property-rail-trigger small{color:var(--slate);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;margin-top:auto;font-size:7px}.floating-card-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fbfaf5;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px 13px;display:flex;position:sticky;top:0}.floating-card-header>div{gap:3px;min-width:0;display:grid}.floating-card-header strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:740;overflow:hidden}.floating-card-header button,.opening-list button{width:28px;height:28px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;display:grid}.floating-card-header button:hover,.opening-list button:hover{color:var(--ink);background:var(--paper-blue)}.device-card-status{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 8px;align-items:center;gap:11px;padding:15px 16px;display:grid}.device-card-icon{border:1px solid var(--line-strong);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.device-card-icon.is-on{color:#81530c;background:#fff3cd;border-color:#e4b968;box-shadow:0 0 0 6px #f2ae371a}.device-card-status>div{gap:2px;min-width:0;display:grid}.device-card-status strong{font-size:11px}.device-card-status span:not(.device-card-icon){color:var(--slate);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.device-card-status>i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.device-card-status>i.is-reachable{background:var(--teal)}.floating-card-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:14px 16px 8px;display:grid}.floating-card-form label,.config-field,.opening-builder label{color:var(--slate);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:8px;display:grid}.floating-card-form input,.config-field input,.config-field select,.config-field textarea,.opening-builder select{border:1px solid var(--line);min-width:0;color:var(--ink);font-family:var(--font-body);text-transform:none;background:#fff;border-radius:4px;padding:0 9px;font-size:10px}.config-field input,.config-field select,.opening-builder select{height:34px}.config-field textarea{resize:vertical;min-height:72px;padding-block:8px}.floating-card-form button,.brightness-control button,.secondary-action{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:4px;padding:0 10px;font-size:9px;font-weight:680}.floating-card-form button:disabled,.brightness-control button:disabled{cursor:not-allowed;opacity:.4}.config-field{margin:8px 16px}.device-editor-form{gap:12px;padding:14px 16px 18px;display:grid}.device-editor-form .config-field{margin:0}.existing-device-form{border-bottom:1px solid var(--line)}.device-config-section{border:1px solid var(--line);background:var(--paper-blue);border-radius:5px;gap:10px;padding:11px;display:grid}.device-config-heading{color:var(--ink);align-items:center;gap:7px;font-size:10px;font-weight:720;display:flex}.device-config-grid{gap:9px;display:grid}.device-config-grid.two-columns{grid-template-columns:minmax(0,1fr) 78px}.check-field{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;font-size:9px;line-height:1.4;display:flex}.check-field input{width:14px;height:14px;accent-color:var(--teal);flex:none;margin:0}.device-measures{border:0;gap:8px;margin:0;padding:0;display:grid}.device-measures legend{color:var(--slate);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:8px}.auto-bind-field{border-top:1px solid var(--line);padding:10px 0 2px}.device-editor-actions{grid-template-columns:1fr 1.25fr;gap:8px;display:grid}.device-editor-actions .primary-action,.device-editor-actions .secondary-action,.device-apply-button{justify-content:center;min-height:36px}.device-apply-button{border:1px solid var(--ink-strong);color:#fff;background:var(--ink-strong);cursor:pointer;border-radius:5px;font-size:10px;font-weight:700}.device-apply-button:disabled{cursor:not-allowed;opacity:.4}.binding-warning{border-left:3px solid var(--signal-deep);color:#744809;background:#fff4d2;margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.details-card-form{gap:4px;padding:8px 0 18px;display:grid}.details-card-row{grid-template-columns:1fr 110px;display:grid}.details-card-row .config-field+.config-field{margin-left:0}.details-save{margin:8px 16px 0}.device-control-row{align-items:center;gap:8px;padding:8px 16px;display:flex}.power-button,.text-action,.danger-action,.secondary-action{cursor:pointer;justify-content:center;align-items:center;gap:7px;display:inline-flex}.power-button{border:1px solid var(--line-strong);background:#fff;border-radius:5px;flex:1;min-height:36px;font-size:10px;font-weight:700}.power-button.is-on{color:#744809;background:#fff4d2;border-color:#e0b25e}.text-action{min-height:36px;color:var(--slate);background:0 0;border:0;padding:0 8px;font-size:9px}.brightness-control{border-bottom:1px solid var(--line);gap:8px;padding:10px 16px 14px;display:grid}.brightness-control>div{color:var(--slate);justify-content:space-between;font-size:9px;display:flex}.brightness-control output{color:var(--ink);font-family:var(--font-mono)}.brightness-control input{accent-color:var(--signal-deep)}.sensor-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 16px 14px;display:grid}.sensor-readings>span,.energy-reading{border:1px solid var(--line);background:#fff;border-radius:4px;gap:3px;padding:9px;display:grid}.sensor-readings small,.energy-reading span{color:var(--slate);font-size:8px}.sensor-readings strong,.energy-reading strong{color:var(--ink);font-size:11px}.energy-reading{grid-template-columns:1fr auto;align-items:center;margin:8px 16px 14px}.floating-card-footer{color:var(--slate);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:8px;display:flex}.danger-action{min-height:30px;color:var(--danger);font-family:var(--font-body);background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:9px}.danger-action:hover{background:#fff1ef}.room-dimensions{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:8px 16px 14px;display:grid}.room-dimensions span{color:var(--slate);font-family:var(--font-mono);text-align:center;background:#fff;padding:8px 5px;font-size:7px}.opening-builder{border-block:1px solid var(--line);background:#eef5f6b8;gap:9px;padding:14px 16px;display:grid}.opening-builder-title{align-items:center;gap:7px;font-size:10px;display:flex}.opening-builder-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opening-builder .config-field{margin:0}.secondary-action{width:100%}.opening-list{border-bottom:1px solid var(--line);padding:8px 16px;display:grid}.opening-list>div{min-height:30px;color:var(--slate);justify-content:space-between;align-items:center;font-size:9px;display:flex}.workspace-footer{border-top:1px solid var(--line);color:var(--slate);background:var(--paper);font-family:var(--font-mono);letter-spacing:.025em;grid-template-columns:minmax(0,1fr) auto;align-items:center;font-size:7px;display:grid}.workspace-footer>span{align-items:center;gap:7px;height:100%;padding:0 14px;display:flex}.workspace-footer>span:last-child{border-left:1px solid var(--line);justify-content:flex-end}.workspace-footer i{border:1px solid var(--ink);border-radius:50%;width:7px;height:7px;display:inline-block}.workspace-footer i.footer-dot-bound{background:var(--teal);border:0;margin-left:8px}.portal-overlay{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(.72);backdrop-filter:blur(10px)saturate(.72);background:#071d2b61;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow-y:auto}.portal-card{width:min(440px,100%);max-height:calc(100dvh - 56px);color:var(--ink);background-color:#f8fbfafb;background-image:linear-gradient(#cbd9df3d 1px,#0000 1px),linear-gradient(90deg,#cbd9df3d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffffb8;border-radius:8px;padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #061c2a47}.portal-card-wide{width:min(920px,100%)}.reset-home-dialog{width:min(410px,100%)}.reset-home-dialog-icon{width:38px;height:38px;color:var(--danger);background:#fff2ef;border:1px solid #b24b4352;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.reset-home-dialog h1{color:var(--ink-strong);letter-spacing:-.035em;margin:0;font-size:22px;line-height:1.16}.reset-home-dialog>p{color:var(--slate);margin:10px 0 0;font-size:10px;line-height:1.6}.reset-home-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.portal-danger-button{border:1px solid var(--danger);color:#fff;background:var(--danger);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:10px;font-weight:750;display:inline-flex}.portal-danger-button:hover:not(:disabled){background:#923b35;border-color:#923b35}.portal-danger-button:disabled{cursor:not-allowed;opacity:.52}.portal-close{border:1px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:4px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.portal-close:hover{color:var(--teal);border-color:var(--teal)}.portal-kicker{color:var(--teal);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:22px;font-size:8px;font-weight:700;display:flex}.reset-home-dialog .portal-kicker{color:var(--danger);margin-bottom:9px}.portal-heading{grid-template-columns:34px minmax(0,1fr);gap:13px;margin-bottom:24px;display:grid}.portal-heading-mark{width:31px;height:31px;color:var(--ink-strong);background:currentColor;-webkit-mask:url(/assets/portego-mark.svg) 50%/contain no-repeat;mask:url(/assets/portego-mark.svg) 50%/contain no-repeat}.portal-heading h1,.gateway-header h1{color:var(--ink-strong);letter-spacing:-.04em;margin:0;font-size:23px;line-height:1.12}.portal-heading p,.gateway-header p,.gateway-layout section>p{color:var(--slate);margin:7px 0 0;font-size:10px;line-height:1.55}.portal-form{gap:13px;display:grid}.portal-form label,.manual-host{gap:6px;display:grid}.portal-form label>span,.manual-host>span{color:var(--slate);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:600}.portal-form input,.claim-form input,.manual-host input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink-strong);font:inherit;background:#ffffffeb;border-radius:4px;padding:0 12px;font-size:11px}.portal-form input:focus,.claim-form input:focus,.manual-host input:focus{border-color:var(--teal);outline:2px solid #237d7833}.portal-primary,.portal-secondary{border:1px solid var(--ink-strong);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:10px;font-weight:750;display:inline-flex}.portal-primary{color:#fff;background:var(--ink-strong)}.portal-primary svg:last-child{margin-left:auto}.portal-primary:hover{border-color:var(--teal);background:var(--teal)}.portal-access-link{min-height:52px;color:var(--ink-strong);background:linear-gradient(100deg, var(--teal-soft), #ffffffe6);border:1px solid #237d7875;border-radius:4px;justify-content:space-between;align-items:center;gap:14px;padding:9px 12px 9px 14px;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.portal-access-link span{gap:2px;display:grid}.portal-access-link strong{font-size:10px;font-weight:750}.portal-access-link small{color:var(--slate);font-family:var(--font-mono);font-size:7px}.portal-access-link:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 7px 20px #237d781f}.portal-access-link:focus-visible{outline-offset:2px;outline:2px solid #237d7847}.portal-secondary{color:var(--ink);background:#ffffffd9}.portal-secondary:hover{color:var(--teal);border-color:var(--teal)}.portal-primary:disabled,.portal-secondary:disabled,.claim-form button:disabled,.discovery-methods button:disabled{opacity:.52;cursor:not-allowed}.portal-error,.portal-success{border-left:3px solid var(--danger);color:var(--danger);background:#fff2ef;margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.portal-success{border-color:var(--teal);color:var(--teal);background:var(--teal-soft);align-items:center;gap:6px;display:flex}.portal-footnote{color:var(--slate-soft);font-family:var(--font-mono);margin:18px 0 0;font-size:7px;line-height:1.55}.portal-choice-actions{gap:8px;margin-top:16px;display:grid}.import-summary{border:1px solid var(--line);background:#ffffffc2;padding:15px}.import-summary>div:first-child{justify-content:space-between;gap:12px;display:flex}.import-summary>div:first-child strong{font-size:11px}.import-summary>div:first-child span{color:var(--teal);font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.import-summary dl{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 0 0;display:grid}.import-summary dl div{background:var(--paper);gap:2px;padding:9px;display:grid}.import-summary dt{color:var(--slate);font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.import-summary dd{color:var(--ink-strong);margin:0;font-size:15px;font-weight:700}.profile-identity{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;display:flex}.profile-identity>span{color:#fff;background:var(--ink-strong);border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.profile-identity>div{gap:2px;display:grid}.profile-identity strong{font-size:12px}.profile-identity small{color:var(--slate);font-size:9px}.portal-divider{align-items:center;height:20px;display:flex;position:relative}.portal-divider:before{content:"";background:var(--line);width:100%;height:1px}.portal-divider span{color:var(--slate-soft);background:var(--paper);font-family:var(--font-mono);text-transform:uppercase;padding-right:8px;font-size:7px;position:absolute;left:0}.portal-logout{color:var(--danger);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:18px;padding:7px 0;font-size:9px;display:flex}.gateway-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-bottom:24px;display:grid}.gateway-header .portal-kicker{margin-bottom:12px}.gateway-header p{max-width:560px}.gateway-presence{border:1px solid var(--line);color:var(--slate);font-family:var(--font-mono);text-transform:uppercase;background:#ffffffb8;border-radius:4px;align-items:center;gap:7px;padding:7px 9px;font-size:7px;display:flex}.gateway-presence i,.gateway-list i{background:var(--slate-soft);border-radius:50%;width:7px;height:7px}.gateway-presence.is-online i,.gateway-list i.is-online{background:var(--teal);box-shadow:0 0 0 3px #237d7824}.gateway-layout{border:1px solid var(--line);background:var(--line);grid-template-columns:.85fr 1.15fr;gap:1px;margin-top:22px;display:grid}.gateway-layout section{background:#f8fbfaf0;min-width:0;padding:22px}.gateway-step{color:var(--teal);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:700}.gateway-layout h2{color:var(--ink-strong);letter-spacing:-.02em;margin:7px 0 0;font-size:14px}.gateway-layout code{color:var(--ink-strong);background:var(--paper-blue);font-family:var(--font-mono);padding:2px 4px;font-size:8px}.claim-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:16px;display:grid}.claim-form input{font-family:var(--font-mono);letter-spacing:.13em;font-size:12px;font-weight:700}.claim-form button{border:1px solid var(--ink-strong);color:#fff;background:var(--ink-strong);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.gateway-list{gap:6px;margin-top:16px;display:grid}.gateway-list>div{border:1px solid var(--line);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:7px 9px;display:grid}.gateway-list span{gap:2px;min-width:0;display:grid}.gateway-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.gateway-list small,.gateway-list em{color:var(--slate-soft);font-family:var(--font-mono);text-transform:uppercase;font-size:7px;font-style:normal}.discovery-methods{grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;display:grid}.autodiscovery-button{border:1px solid var(--ink-strong);color:#fff;background:var(--ink-strong);text-align:left;cursor:pointer;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:62px;margin-top:16px;padding:12px 14px;display:grid}.autodiscovery-button>span,.manual-discovery summary>span{gap:3px;display:grid}.autodiscovery-button strong{font-size:11px}.autodiscovery-button small{color:#ffffffa8;font-family:var(--font-mono);font-size:7px}.autodiscovery-button:not(:disabled):hover{border-color:var(--teal);background:var(--teal)}.autodiscovery-button:disabled{cursor:not-allowed;opacity:.52}.manual-discovery{border:1px solid var(--line);background:#ffffff80;border-radius:5px;margin-top:9px}.manual-discovery summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 12px;list-style:none;display:flex}.manual-discovery summary::-webkit-details-marker{display:none}.manual-discovery summary strong{font-size:9px}.manual-discovery summary small{color:var(--slate);font-family:var(--font-mono);font-size:7px}.manual-discovery summary svg{transition:transform .15s}.manual-discovery[open] summary svg{transform:rotate(180deg)}.manual-discovery-body{border-top:1px solid var(--line);padding:0 10px 11px}.manual-discovery-body .discovery-methods{margin-top:10px}.discovery-methods button{border:1px solid var(--line);min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffd1;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.discovery-methods button:not(:disabled):hover{color:var(--teal);border-color:var(--teal);background:#fff}.discovery-methods button>span{gap:2px;display:grid}.discovery-methods strong{font-size:9px}.discovery-methods small{color:var(--slate);font-size:7px}.manual-host{margin-top:12px}.discovery-results{border-top:1px solid var(--line);gap:6px;margin-top:14px;padding-top:13px;display:grid}.discovery-results-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.discovery-results-heading strong{font-size:9px}.discovery-results-heading span,.discovery-candidate em,.provider-results span{color:var(--slate);font-family:var(--font-mono);text-transform:uppercase;font-size:7px;font-style:normal}.discovery-candidate{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.discovery-candidate>span{gap:2px;min-width:0;display:grid}.discovery-candidate strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.discovery-candidate small{color:var(--slate);font-size:7px}.discovery-candidate em{color:var(--teal);flex:none}.discovery-empty{border:1px dashed var(--line-strong);color:var(--slate);background:#ffffff8c;margin:0;padding:10px;font-size:8px}.provider-results{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.provider-results span{border:1px solid var(--line);background:var(--paper-blue);padding:3px 5px}.provider-results span.is-ok{color:var(--teal);border-color:#237d7859}.gateway-message{margin-top:14px}.is-spinning{animation:.8s linear infinite portego-spin}@keyframes portego-spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.workspace-grid{grid-template-columns:210px minmax(300px,1fr) 52px}.workspace-grid.inspector-open{grid-template-columns:210px minmax(300px,1fr) 300px}.workspace-footer{grid-template-columns:minmax(0,1fr) auto}.left-rail .rail-section{padding:15px}}@media (max-width:860px){html,body{height:auto;overflow:auto}.workspace{grid-template-rows:auto auto auto;height:auto;min-height:100dvh}.topbar{grid-template-columns:1fr auto;min-height:62px}.workspace-grid{grid-template-columns:minmax(0,1fr) 52px;overflow:visible}.workspace-grid.inspector-open{grid-template-columns:minmax(0,1fr) 300px}.left-rail{display:none}.canvas-shell{min-height:630px}.home-canvas,.konva-host{min-height:570px}.workspace-footer{display:none}.gateway-layout{grid-template-columns:1fr}}@media (max-width:560px){.brand{padding-left:12px}.topbar-account-actions{margin-right:10px}.profile-nav-copy,.gateway-nav-button{display:none}.portal-overlay{place-items:end center;padding:0}.portal-card,.portal-card-wide{border-radius:9px 9px 0 0;width:100%;max-height:92dvh;padding:28px 20px}.gateway-header{grid-template-columns:1fr}.gateway-presence{width:fit-content}.discovery-methods{grid-template-columns:1fr}.canvas-shell{min-height:540px}.home-canvas,.konva-host{min-height:480px}.canvas-empty{padding:24px 18px}.workspace-grid.inspector-open{grid-template-columns:minmax(0,1fr) 52px}.property-rail.is-open{z-index:12;border-left:1px solid var(--line);width:min(326px,100% - 44px);position:absolute;top:0;bottom:0;right:0;box-shadow:-18px 0 42px #0b21332e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}