.vh-app-preview.vh-hd{--u:1px;--hd-ink:#171b28;--hd-muted:#727a92;--hd-blue:#094db8;--hd-blue-light:#2f82c2;--hd-edge:#e0e4f0;--hd-wash:#e6f1f8;--hd-brand:linear-gradient(135deg,#4329a6,#094db8 52%,#00cde5);container-type:inline-size;padding:0;background:#f8faff}@supports (width:1cqw){.vh-app-preview.vh-hd{--u:calc(100cqw / 410)}}@supports not (width:1cqw){@media (max-width:1100px){.vh-app-preview.vh-hd{--u:.878px}}@media (max-width:760px){.vh-app-preview.vh-hd{--u:.866px}}}.vh-hd-screen{position:relative;height:calc(700 * var(--u));overflow:hidden;border-radius:35px;background:linear-gradient(180deg,rgba(67,41,166,.06),rgba(67,41,166,.025) 32%,rgba(67,41,166,0) 66%),linear-gradient(180deg,#fff,#f4f9fc 50%,#f8faff);color:var(--hd-ink);text-align:left;line-height:normal;-webkit-font-smoothing:antialiased}.vh-hd-screen :where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.vh-hd-screen :where(button):focus-visible{outline:2px solid var(--hd-blue);outline-offset:2px}.vh-hd-screen svg{display:block;flex:none}.vh-hd-status{display:flex;align-items:center;justify-content:space-between;height:calc(30 * var(--u));padding:calc(10 * var(--u)) calc(26 * var(--u)) 0;font-size:calc(13 * var(--u));font-weight:600}.vh-hd-status>span:last-child{display:flex;align-items:center;gap:calc(5 * var(--u))}.vh-hd-status svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.vh-hd-header{justify-content:space-between;min-height:calc(46 * var(--u));padding:calc(4 * var(--u)) calc(22 * var(--u)) calc(6 * var(--u))}.vh-hd-header,.vh-hd-title{display:flex;align-items:center}.vh-hd-title{gap:calc(9 * var(--u));min-width:0;font-size:calc(26 * var(--u));line-height:calc(32 * var(--u));font-weight:700;letter-spacing:calc(-.6 * var(--u));white-space:nowrap}.vh-hd-title img{width:calc(25 * var(--u));height:calc(25 * var(--u));-o-object-fit:contain;object-fit:contain;flex:none}.vh-hd-header-icons{display:flex;align-items:center;gap:calc(14 * var(--u));color:var(--hd-blue)}.vh-hd-header-icons svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.vh-hd-hairline{height:1px;background:var(--hd-edge)}.vh-hd-body{padding:0 calc(18 * var(--u))}.vh-hd-band{display:flex;gap:calc(7 * var(--u));padding:calc(9 * var(--u)) 0}.vh-hd-band-item{flex:1;min-width:0;display:flex;align-items:center;gap:calc(6 * var(--u))}.vh-hd-disc{flex:none;display:grid;place-items:center;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;border:calc(1.4 * var(--u)) solid var(--hd-edge);color:var(--hd-muted)}.vh-hd-disc svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.vh-hd-disc.is-ok{background:#13a480;border-color:transparent;color:#fff;box-shadow:0 calc(5 * var(--u)) calc(18 * var(--u)) rgba(34,197,94,.35)}.vh-hd-words{display:flex;flex-direction:column;min-width:0}.vh-hd-cat,.vh-hd-state{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.vh-hd-state{font-size:calc(11 * var(--u));line-height:calc(15 * var(--u))}.vh-hd-cat{margin-top:calc(1 * var(--u));font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));color:var(--hd-muted)}.vh-hd-head{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));min-height:calc(22 * var(--u));margin:calc(7 * var(--u)) 0 calc(6 * var(--u))}.vh-hd-head-gap{margin-top:calc(9 * var(--u));margin-bottom:calc(8 * var(--u))}.vh-hd-h{font-size:calc(15.5 * var(--u));line-height:calc(20 * var(--u));font-weight:700;letter-spacing:calc(-.3 * var(--u));white-space:nowrap}.vh-hd-link{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));font-weight:500;color:var(--hd-blue);white-space:nowrap}.vh-hd-link.is-muted{color:var(--hd-muted)}.vh-hd-head-left,.vh-hd-head-right{display:flex;align-items:center;min-width:0}.vh-hd-head-left{gap:calc(13 * var(--u))}.vh-hd-head-right{gap:calc(10 * var(--u))}.vh-hd-views{display:flex;align-items:center;gap:calc(14 * var(--u));padding:0 calc(4 * var(--u));color:var(--hd-muted)}.vh-hd-views svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.vh-hd-views svg.is-on{color:var(--hd-ink)}.vh-hd-edit{display:flex;align-items:center;gap:calc(4.5 * var(--u));font-size:calc(11.5 * var(--u));font-weight:600;color:var(--hd-blue)}.vh-hd-edit svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.vh-hd-rail{display:flex;gap:calc(10 * var(--u));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:calc(4 * var(--u)) 0 calc(16 * var(--u));margin:calc(-4 * var(--u)) 0 calc(-16 * var(--u))}.vh-hd-rail::-webkit-scrollbar{display:none}.vh-hd-rail>*{flex:none;scroll-snap-align:start}.vh-hd-scenes>*{width:calc((100% - 10 * var(--u)) / 2)}.vh-hd-devices>*{width:calc((100% - 10 * var(--u)) / 2.2)}.vh-hd-progress{display:flex;align-items:center;gap:calc(10 * var(--u));margin-top:calc(5 * var(--u));padding:0 calc(2 * var(--u))}.vh-hd-track{flex:1;height:calc(3 * var(--u));background:var(--hd-wash);overflow:hidden}.vh-hd-track,.vh-hd-track i{display:block;border-radius:2px}.vh-hd-track i{height:100%;background:var(--hd-blue);box-shadow:0 0 calc(6 * var(--u)) rgba(9,77,184,.5);transition:width .2s ease}.vh-hd-count{font-size:calc(10.5 * var(--u));line-height:calc(13 * var(--u));color:var(--hd-muted)}.vh-hd-count b{font-weight:600;color:var(--hd-blue-light)}.vh-hd .vh-hd-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;height:calc(112 * var(--u));padding:calc(13 * var(--u)) calc(13 * var(--u)) calc(15 * var(--u));border:0;border-radius:calc(11 * var(--u));background:#fff;box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) rgba(27,37,89,.08);overflow:hidden;color:var(--hd-ink);text-align:left;transition:transform .15s ease,box-shadow .25s ease,background-color .25s ease}.vh-hd-tile:before{content:"";position:absolute;inset:0;background:var(--hd-brand);opacity:0;transition:opacity .3s ease;pointer-events:none}.vh-hd-tile>*{position:relative}button.vh-hd-tile:active{transform:scale(.97)}.vh-hd-glyph{display:block;flex:none;width:calc(29 * var(--u));height:calc(29 * var(--u));color:var(--hd-muted);transition:color .25s ease}.vh-hd-glyph svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.vh-hd-scene .vh-hd-glyph{color:var(--hd-blue)}.vh-hd-label{font-size:calc(13 * var(--u));line-height:calc(17 * var(--u));font-weight:400}.vh-hd-label,.vh-hd-meta{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .25s ease}.vh-hd-meta{margin-top:auto;padding-top:calc(2 * var(--u));font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));color:var(--hd-muted)}.vh-hd-pct{position:absolute;top:calc(15 * var(--u));right:calc(13 * var(--u));display:flex;align-items:baseline;font-size:calc(14.5 * var(--u));line-height:calc(18 * var(--u));font-weight:600}.vh-hd-pct small{margin-left:calc(2 * var(--u));font-size:calc(10 * var(--u));font-weight:400;color:var(--hd-muted)}.vh-hd .vh-hd-light.is-full,.vh-hd .vh-hd-tile.is-lit{background-color:#094db8;box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(61,90,254,.35)}.vh-hd-tile.is-lit:before{opacity:1}.vh-hd-tile.is-lit .vh-hd-glyph,.vh-hd-tile.is-lit .vh-hd-label{color:#fff}.vh-hd-tile.is-lit .vh-hd-meta{color:hsla(0,0%,100%,.78)}.vh-hd-litcopy{position:absolute;inset:0;display:flex;flex-direction:column;padding:inherit;background:var(--hd-brand);color:#fff;clip-path:inset(calc((1 - var(--lvl, 0)) * 100%) 0 0 0);transition:clip-path .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}.vh-hd-litcopy .vh-hd-glyph,.vh-hd-litcopy .vh-hd-label{color:#fff}.vh-hd-litcopy .vh-hd-meta,.vh-hd-litcopy .vh-hd-pct small{color:hsla(0,0%,100%,.78)}.vh-hd .vh-hd-add{background:transparent;box-shadow:none;border:1px dashed var(--hd-edge);opacity:.62}.vh-hd .vh-hd-ac{align-items:center;justify-content:center;padding:calc(11 * var(--u));border:1px solid var(--hd-edge);border-radius:calc(22 * var(--u))}.vh-hd .vh-hd-ac.is-lit{border-color:hsla(0,0%,100%,.18)}.vh-hd-ac-power{position:absolute;inset:0;z-index:1;border-radius:inherit}.vh-hd-gauge{display:grid;place-items:center;width:calc(62 * var(--u));height:calc(62 * var(--u));pointer-events:none}.vh-hd-gauge>*{grid-area:1/1}.vh-hd-gauge svg:first-child{width:100%;height:100%;overflow:visible}.vh-hd-gauge-track{fill:none;stroke:rgba(120,140,200,.2);stroke-width:1.5;transition:stroke .25s ease}.vh-hd-gauge-arc{fill:none;stroke:#00cde5;stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transition:stroke-dasharray .3s ease}.vh-hd-gauge-arc,.vh-hd-gauge-tip{transform-origin:50% 50%;transform-box:view-box}.vh-hd-gauge-tip{fill:#00cde5;transition:transform .3s ease}.vh-hd-gauge>svg:last-child{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#00cde5;transition:color .25s ease}.vh-hd-ac.is-lit .vh-hd-gauge-track{stroke:hsla(0,0%,100%,.2)}.vh-hd-ac.is-lit .vh-hd-gauge>svg:last-child{color:#fff}.vh-hd-temp{margin-top:calc(6 * var(--u));font-size:calc(17.5 * var(--u));line-height:calc(21 * var(--u));font-weight:600;letter-spacing:calc(-.3 * var(--u));pointer-events:none;transition:color .25s ease}.vh-hd-ac.is-lit .vh-hd-temp{color:#fff}.vh-hd-ring{position:absolute;z-index:2;top:calc(29 * var(--u));display:grid;place-items:center;width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;border:calc(1.5 * var(--u)) solid rgba(9,77,184,.5);color:var(--hd-blue);transition:border-color .2s ease,color .2s ease,opacity .2s ease}.vh-hd-ring.is-minus{left:calc(9 * var(--u))}.vh-hd-ring.is-plus{right:calc(9 * var(--u))}.vh-hd-ring svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.vh-hd-ring:hover:not(:disabled){border-color:var(--hd-blue)}.vh-hd-ring:disabled{opacity:.35;cursor:default}.vh-hd-ac.is-lit .vh-hd-ring{border-color:hsla(0,0%,100%,.6);color:#fff}.vh-hd-ac.is-lit .vh-hd-ring:hover:not(:disabled){border-color:#fff}.vh-hd-stage{position:relative;aspect-ratio:600/330;padding:calc(12 * var(--u));border:1px solid #e0e4f0;border-radius:calc(16 * var(--u));background:#fff}.vh-hd-stage svg{display:block;width:100%;height:100%;overflow:visible}.vh-hd-room{cursor:pointer;outline:none}.vh-hd-room-fill{transition:fill .25s ease,stroke .25s ease,fill-opacity .2s ease}.vh-hd-room:not(.is-selected):hover .vh-hd-room-fill{fill-opacity:.8}.vh-hd-room:focus-visible .vh-hd-room-fill{stroke:#0a0f2c;stroke-width:2.4}.vh-hd-room-name{fill:#fff;font-size:14px;font-weight:700;font-family:inherit;pointer-events:none}.vh-hd-slab{fill:#d5dceb}.vh-hd-window{fill:#fff;stroke:#8fa9da;stroke-width:.8}.vh-hd-doorway{fill:#eef1f8}.vh-hd-doorway.is-front{fill:#fff}.vh-hd-door{fill:none;stroke:hsla(0,0%,100%,.62);stroke-width:1.3;stroke-linecap:round;pointer-events:none}.vh-hd-tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:flex-start;height:calc(58 * var(--u));padding:calc(9 * var(--u)) calc(4 * var(--u)) 0;border-top:1px solid var(--hd-edge);background:hsla(0,0%,100%,.94);color:#9ca2b7}.vh-hd-tabbar>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--u))}.vh-hd-tabbar svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.vh-hd-tabbar i{display:block;width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%}.vh-hd-tabbar .is-on{color:var(--hd-ink)}.vh-hd-tabbar .is-on i{background:var(--hd-blue)}.vh-hd-homebar{position:absolute;left:50%;bottom:calc(6 * var(--u));width:calc(118 * var(--u));height:calc(4 * var(--u));margin-left:calc(-59 * var(--u));border-radius:3px;background:var(--hd-ink)}.vh-hd-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.vh-hd-gauge-arc,.vh-hd-gauge-tip,.vh-hd-litcopy,.vh-hd-room-fill,.vh-hd-tile,.vh-hd-tile:before,.vh-hd-track i{transition:none}}