.sx-hero-grid{gap:24px;margin-top:14px;display:grid}@media (min-width:960px){.sx-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:48px}}.sx-hero-pic{justify-items:center;gap:8px;width:min(220px,62%);margin-inline:auto;padding-bottom:8px;display:grid}.sx-hero-pic img{filter:drop-shadow(0 14px 18px #08667a2e);width:100%;height:auto;display:block}.sx-hero-pic img:nth-child(2){width:94%}.sx-hero-pic img:nth-child(3){width:88%}.sx-hero-pic img:nth-child(4){width:82%}.sx-build{gap:18px;margin-top:22px;display:grid}.sx-step{border:1px solid var(--card-line);background:var(--card);min-width:0;box-shadow:var(--shadow);border-radius:20px;gap:12px;margin:0;padding:18px;display:grid}.sx-step legend,.sx-legend{float:left;width:100%;color:var(--ink);margin:0 0 4px;padding:0;font-size:1.05em;font-weight:700}.sx-step legend+*{clear:both}.sx-scen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:760px){.sx-scen{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1100px){.sx-scen{grid-template-columns:repeat(9,minmax(0,1fr))}}.sx-scen label,.sx-seg label{cursor:pointer;display:block;position:relative}.sx-scen input,.sx-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-scen span{border:1px solid var(--line);height:100%;min-height:76px;color:var(--ink);text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:4px;padding:8px 6px;font-size:13px;font-weight:600;line-height:1.3;display:grid}.sx-scen b{background:var(--soft);width:28px;height:28px;color:var(--brand-ink);border-radius:50%;place-items:center;font-size:15px;display:grid}.sx-scen input:checked+span{border-color:var(--brand);background:var(--soft);box-shadow:inset 0 0 0 1px var(--brand)}.sx-scen input:checked+span b{background:var(--brand);color:#fff}.sx-scen input:focus-visible+span,.sx-seg input:focus-visible+span{outline:3px solid var(--brand-hi);outline-offset:2px}.sx-scen-text{border-left:4px solid var(--brand);background:var(--soft);border-radius:0 14px 14px 0;padding:12px 14px}.sx-scen-text h3{color:var(--ink);font-size:1.05em}.sx-scen-text p{margin-top:4px}.sx-seg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sx-seg span{border:1px solid var(--line);border-radius:14px;gap:2px;height:100%;padding:10px 14px;display:grid}.sx-seg b{color:var(--ink)}.sx-seg small{color:var(--muted);font-size:14px;line-height:1.45}.sx-seg-small span{align-content:center;min-height:48px}.sx-seg input:checked+span{border-color:var(--brand);background:var(--soft);box-shadow:inset 0 0 0 1px var(--brand)}.sx-seg input:disabled+span{opacity:.55;cursor:not-allowed}.sx-room{gap:14px}@media (min-width:960px){.sx-room{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;column-gap:24px}.sx-legend{grid-column:1/-1}}.sx-stage-wrap{gap:10px;display:grid}.sx-stage{isolation:isolate;border:2px dashed #0000;border-radius:18px;align-content:end;justify-items:center;gap:18px;min-height:380px;padding:20px 12px 24px;transition:border-color .15s;display:grid;position:relative;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000000a}.sx-stage:before{content:"";z-index:-1;background:linear-gradient(#f7f4ef 0 9px,#3c281438 9px 11px,#3c281414 11px 14px,#0000 14px),repeating-linear-gradient(90deg,#0000 0 93px,#3c281421 93px 94px),linear-gradient(#c9b597,#b39c7b);border-radius:0 0 16px 16px;height:58px;position:absolute;inset:auto 0 0}.sx-stage[data-over]{border-color:var(--brand)}[data-wall=paint]{background:radial-gradient(120% 90% at 18% 0,#ffffffbf,#0000 62%),linear-gradient(#f2eee7,#e4ddd2)}[data-wall=concrete]{background-color:#bcbab4;background-image:radial-gradient(circle,#46444080 0 2.5px,#ffffff40 3px,#0000 3.6px),linear-gradient(90deg,#00000017 1px,#0000 1px),linear-gradient(#00000017 1px,#0000 1px),radial-gradient(55% 45% at 28% 35%,#ffffff47,#0000),radial-gradient(45% 40% at 78% 62%,#00000012,#0000),radial-gradient(30% 25% at 60% 18%,#0000000d,#0000);background-position:30px 30px,-1px 0,0 -1px,0 0,0 0,0 0;background-size:60px 60px,240px 120px,240px 120px,100% 100%,100% 100%,100% 100%}[data-wall=brick]{background-color:#d6ccbf;background-image:linear-gradient(#ffffff29,#0000 55%,#0000001a),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48'%3E%3Crect width='120' height='48' fill='%23d6ccbf'/%3E%3Cg%3E%3Crect x='1.5' y='1.5' width='57' height='21' rx='1.5' fill='%23b4573d'/%3E%3Crect x='61.5' y='1.5' width='57' height='21' rx='1.5' fill='%23a94f37'/%3E%3Crect x='-28.5' y='25.5' width='57' height='21' rx='1.5' fill='%23bb6146'/%3E%3Crect x='31.5' y='25.5' width='57' height='21' rx='1.5' fill='%23ad5239'/%3E%3Crect x='91.5' y='25.5' width='57' height='21' rx='1.5' fill='%23bb6146'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%,120px 48px}@media (prefers-color-scheme:dark){.br:not([data-theme=light]) .sx-stage{box-shadow:inset 0 0 0 999px #060c2252}.br:not([data-theme=light]) .sx-stage:before{filter:brightness(.72)}}.br[data-theme=dark] .sx-stage{box-shadow:inset 0 0 0 999px #060c2252}.br[data-theme=dark] .sx-stage:before{filter:brightness(.72)}.sx-empty{background:color-mix(in srgb, var(--card) 88%, transparent);max-width:22em;color:var(--muted);text-align:center;border-radius:12px;align-self:center;padding:10px 14px}.sx-stack{width:min(var(--w), 48vw);flex-direction:column-reverse;margin-right:min(128px,30vw);transition:width .3s;display:flex;position:relative}.sx-stack:after{content:"";z-index:-1;background:radial-gradient(closest-side,#1e140a6b,#0000);border-radius:50%;height:18px;position:absolute;bottom:-9px;left:-8%;right:-8%}.sx-layer{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.sx-layer img{width:100%;height:auto;display:block}.sx-layer[data-kind=base]:after,.sx-layer[data-kind=bc]:after{content:"";position:absolute;left:0;right:0}.sx-layer[data-kind=base]:after{top:-4px;bottom:-30px}.sx-layer[data-kind=bc]:after{top:-16px;bottom:0}.sx-layer:hover img,.sx-layer:focus-visible img{filter:brightness(.93) drop-shadow(0 0 0 var(--brand))}.sx-layer:focus-visible{outline:3px solid var(--brand-hi);outline-offset:2px;z-index:1}.sx-tag{color:#0f1b3d;text-align:left;background:#fff;border-radius:7px;width:max-content;max-width:calc(min(128px,30vw) - 14px);padding:3px 7px;font-size:13px;font-weight:600;line-height:1.2;display:grid;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 1px 3px #0f1b3d2e}.sx-tag:before{content:"";opacity:.55;border-top:1px solid #0f1b3d;width:9px;position:absolute;top:50%;right:100%}.sx-tag small{color:#56617d;font-size:12px;font-weight:400}.sx-layer[data-kind=base] .sx-tag{top:auto;bottom:-4px;transform:none}.sx-layer[data-drop]{animation:.45s cubic-bezier(.25,.9,.35,1.25) both sx-drop;animation-delay:calc(var(--i) * 80ms)}@keyframes sx-drop{0%{opacity:0;transform:translateY(-44px)}60%{opacity:1}}.sx-side{flex-wrap:wrap;order:-1;justify-content:center;align-items:flex-end;gap:12px 16px;display:flex}.sx-side:empty{display:none}.sx-stage-wrap{container:sxstage/inline-size}@container sxstage (min-width:560px){.sx-stage{grid-template-columns:auto minmax(0,auto);justify-content:space-evenly;align-items:end;column-gap:20px}.sx-side{order:0;align-self:start;max-width:300px;margin-top:24px}.sx-empty{grid-column:1}}.sx-board{position:relative}.sx-board-box{background:linear-gradient(#f6f7f8,#dde0e5);border-radius:6px;grid-template-columns:repeat(4,11px);place-content:center;gap:4px 3px;width:80px;height:96px;display:grid;box-shadow:inset 0 0 0 1px #00000029,inset 0 10px #e9ebee,3px 5px 8px #1e140a4d}.sx-board-box i{background:#3b414d;border-radius:2px;height:24px;box-shadow:inset 0 -9px #5b6372}.sx-board-sensor{position:absolute;bottom:22px;right:-18px}.sx-side .sx-board-sensor img{height:56px}.sx-side img{filter:drop-shadow(3px 5px 5px #1e140a4d)}.sx-side figure{justify-items:center;gap:4px;margin:0;display:grid}.sx-side img{width:auto;height:72px;display:block}.sx-side .sx-hy img{height:96px}.sx-side figcaption{color:#0f1b3d;background:#fff;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #0f1b3d2e}.sx-walls{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;max-width:420px;margin:0;padding:0;display:grid}.sx-walls legend{float:none;width:auto;color:var(--text);margin:0 0 6px;padding:0;font-size:14px;font-weight:600}.sx-walls label{cursor:pointer;position:relative}.sx-walls input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-walls span{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:14px;font-weight:600;line-height:1.2;display:flex}.sx-walls i{border-radius:50%;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.sx-walls input:checked+span{border-color:var(--brand);background:var(--soft);box-shadow:inset 0 0 0 1px var(--brand)}.sx-walls input:focus-visible+span{outline:3px solid var(--brand-hi);outline-offset:2px}.sx-third span{background:#ffffffd9;border:2px dashed #56617d;border-radius:8px;width:52px;height:72px;display:block}.sx-opt img{outline-offset:4px;border-radius:6px;outline:2px dashed #d99a00}.sx-hint-drop{background:var(--brand);color:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sx-status{gap:4px;min-height:3.2em;display:grid}.sx-status p{align-items:flex-start;gap:8px;font-weight:600;display:flex}.sx-status svg{flex:none;width:20px;height:20px;margin-top:2px}.sx-lack{color:#9a5b00}.sx-ok{color:#0f7a43}.sx-said{color:var(--brand-ink);font-size:14px;animation:.25s both sx-fade}.sx-said:empty{display:none}.sx-said[data-bad]{color:#b42318}@keyframes sx-fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-color-scheme:dark){.br:not([data-theme=light]) .sx-lack{color:#fbbf24}.br:not([data-theme=light]) .sx-ok{color:#4ade80}.br:not([data-theme=light]) .sx-said[data-bad]{color:#fca5a5}}.br[data-theme=dark] .sx-lack{color:#fbbf24}.br[data-theme=dark] .sx-ok{color:#4ade80}.br[data-theme=dark] .sx-said[data-bad]{color:#fca5a5}.sx-tray{align-content:start;gap:10px;display:grid}.sx-tray-hint{color:var(--muted);font-size:14px}.sx-tray-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:600px) and (max-width:959px){.sx-tray-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-part{border:1px solid var(--line);background:var(--card);min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative}.sx-part:hover{border-color:var(--brand)}.sx-part:active{cursor:grabbing;background:var(--soft)}.sx-part:focus-visible{outline:3px solid var(--brand-hi);outline-offset:2px}.sx-part img{object-fit:contain;object-position:center bottom;width:64px;height:auto;max-height:44px;display:block}.sx-part span{line-height:1.3;display:grid}.sx-part b{font-size:15px}@media (max-width:419px){.sx-part{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:8px}.sx-part img{width:46px}}.sx-part small{color:var(--muted);font-size:13px}.sx-part output{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-8px;right:-6px}.sx-part[data-bounce="0"]{animation:.4s sx-shake-a}.sx-part[data-bounce="1"]{animation:.4s sx-shake-b}@keyframes sx-shake-a{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes sx-shake-b{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.sx-tray-actions{flex-wrap:wrap;gap:8px;display:flex}.sx-tray-actions button,.sx-actions button{font:inherit;cursor:pointer;font-weight:600}.sx-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 12px 16px #0a123059);width:120px;position:fixed;transform:translate(-50%,-60%)}.sx-ghost img{width:100%;height:auto;display:block}.sx-power{background:var(--soft);color:var(--ink);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.sx-load{gap:4px;margin-top:6px;display:grid}.sx-load span{color:var(--muted);font-size:14px}.sx-load select{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:0 10px;font-size:15px}@media (min-width:960px){.sx-wire{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:28px}}.sx-flow{margin:0}.sx-flow svg{width:100%;max-width:460px;height:auto;margin-inline:auto;font-family:inherit;display:block}.sx-node rect{fill:var(--card);stroke:color-mix(in srgb, var(--brand) 40%, var(--line));stroke-width:1.5px}.sx-node[data-dim] rect{stroke-dasharray:4 4;fill:#0000}.sx-node[data-dim] text{fill:var(--muted)}.sx-node-name{fill:var(--ink);font-size:13.5px;font-weight:700}.sx-node-sub{fill:var(--muted);font-size:11.5px}.sx-dc,.sx-ac{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.sx-dc{stroke:#e0a100}.sx-ac{stroke:#d43c3c}.sx-sensor circle{fill:#0a7489;stroke:var(--card);stroke-width:2px}.sx-sensor text{fill:#fff;font-size:10px;font-weight:700}.sx-legend-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:8px;font-size:13px;display:flex}.sx-legend-row span{align-items:center;gap:6px;display:inline-flex}.sx-legend-row i{border-radius:2px;width:18px;height:3px;display:inline-block}.sx-key-dc{background:#e0a100}.sx-key-ac{background:#d43c3c}.sx-legend-row .sx-key-s{color:#fff;background:#0a7489;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:700;display:inline-grid}.sx-flow-steps{counter-reset:step;gap:8px;display:grid}.sx-flow-steps li{counter-increment:step;padding-left:34px;position:relative}.sx-flow-steps li:before{content:counter(step);background:var(--soft);width:24px;height:24px;color:var(--brand-ink);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0}.sx-list{border:1px solid var(--card-line);background:var(--card);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:18px;display:grid}.sx-list h3{color:var(--ink);font-size:1.1em}.sx-list ul{gap:8px;display:grid}@media (min-width:760px){.sx-list ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.sx-list ul{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-list li{border:1px solid var(--line);border-radius:14px;align-content:start;gap:6px;padding:12px 14px;display:grid}.sx-row-head{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;display:flex}.sx-pill{background:var(--soft);color:var(--brand-ink);border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:600}.sx-pill[data-tag=option]{color:#9a5b00;background:0 0;box-shadow:inset 0 0 0 1px #d99a00}.sx-pill[data-tag=selected]{box-shadow:inset 0 0 0 1px var(--brand);background:0 0}.sx-pill[data-tag=existing]{background:var(--line);color:var(--muted)}.br[data-theme=dark] .sx-pill[data-tag=option]{color:#fbbf24}@media (prefers-color-scheme:dark){.br:not([data-theme=light]) .sx-pill[data-tag=option]{color:#fbbf24}}.sx-name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.sx-pick{border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:0 10px;font-size:15px}.sx-note{color:var(--muted);font-size:14px;line-height:1.45}.sx-qty{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:14px;display:flex}.sx-row-existing{border-style:dashed!important}.sx-adds{gap:8px;display:grid}@media (min-width:760px){.sx-adds{grid-template-columns:repeat(2,minmax(0,1fr))}}.sx-check{border:1px solid var(--line);min-height:48px;color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.sx-check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin:0}.sx-price{background:var(--soft);color:var(--ink);border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:600;display:flex}.sx-price b{font-variant-numeric:tabular-nums;font-size:1.3em}.sx-actions{flex-wrap:wrap;gap:10px;display:flex}.sx-sets{margin-top:22px}.sx-sets td,.sx-sets th{vertical-align:top;min-width:7em;white-space:normal!important}.sx-sets tbody th{min-width:9em}.sx-sets td:first-child,.sx-sets th:first-child{min-width:0}.sx-size{counter-reset:none;gap:12px;margin-top:22px;display:grid}@media (min-width:860px){.sx-size{grid-template-columns:repeat(2,minmax(0,1fr))}}.sx-size li,.sx-site li{border:1px solid var(--card-line);background:var(--card);box-shadow:var(--shadow);border-radius:18px;align-content:start;gap:6px;padding:16px 18px;display:grid}.sx-ex{border-left:3px solid var(--brand);background:var(--soft);color:var(--ink);border-radius:0 10px 10px 0;padding:10px 12px;font-size:15px}.sx-site{gap:12px;margin-top:22px;display:grid}@media (min-width:700px){.sx-site{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.sx-site{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-points{gap:10px;margin-top:20px;display:grid}@media (min-width:700px){.sx-points{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-points li{border:1px solid var(--card-line);background:var(--card);border-radius:16px;gap:2px;padding:12px 14px;display:grid}.sx-points b{color:var(--brand-ink);font-size:20px}.sx-points span{color:var(--muted);font-size:14px;line-height:1.45}.sx-parts{gap:12px;margin-top:22px;display:grid}@media (min-width:700px){.sx-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.sx-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-parts li{border:1px solid var(--card-line);background:var(--card);box-shadow:var(--shadow);border-radius:18px;align-content:start;gap:4px;padding:16px 18px;display:grid}.sx-where{color:var(--brand-ink);font-size:14px;font-weight:600}.sx-tables{gap:20px;margin-top:22px;display:grid}@media (min-width:960px){.sx-tables{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.sx-table{min-width:0}.sx-table h3{color:var(--ink)}.sx-scroll{border:1px solid var(--card-line);background:var(--card);border-radius:16px;margin-top:10px;overflow-x:auto}.sx-scroll:focus-visible{outline:3px solid var(--brand-hi);outline-offset:2px}.sx-scroll table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.sx-scroll th,.sx-scroll td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 12px}.sx-scroll thead th{background:var(--soft);color:var(--ink);font-size:14px}.sx-scroll tbody th{color:var(--ink)}.sx-scroll tr:last-child>*{border-bottom:0}@media (prefers-reduced-motion:reduce){.sx-layer[data-drop],.sx-part[data-bounce],.sx-said{animation:none}.sx-stack,.sx-stage{transition:none}}.sx-save{justify-self:start;margin-top:4px}.sx-save[aria-busy]{opacity:.7;cursor:progress}.br-btn svg{flex:none}.sx-shot{z-index:80;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:#060c22b8;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.sx-shot-box{color:#0f1b3d;background:#fff;border-radius:20px;gap:12px;width:min(100%,520px);padding:16px;display:grid;box-shadow:0 24px 60px #0006}.sx-shot-title{color:#0f1b3d;font-size:1.1em;font-weight:700}.sx-shot img{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background:#f5f7fb;border-radius:12px;width:100%;height:auto;max-height:62vh;display:block}.sx-shot .sx-note{color:#56617d}.sx-shot .br-btn-soft{color:#0f1b3d;background:#eef3ff}