.rooms-zones{width:100%;display:grid}.rooms-zones__video,.rooms-zones__floorplan{grid-area:1/1}.rooms-zones__video{width:100%;height:auto;transition:opacity .6s;display:block}.rooms-zones__video--hidden{opacity:0;pointer-events:none}.rooms-zones__floorplan{opacity:0;pointer-events:none;transition:opacity .6s;position:relative}.rooms-zones__floorplan--visible{opacity:1;pointer-events:auto}.rooms-zones__image{width:100%;height:auto;display:block}.rooms-zones__blip{position:absolute;transform:translate(-50%,-50%)}.rooms-zones__skip{margin:var(--sp-16);padding:var(--sp-8) var(--sp-16);border:1px solid var(--white-50);background:var(--black-30);color:var(--white);font-family:inherit;font-size:var(--text-size-sm);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;border-radius:9999px;grid-area:1/1;place-self:end;font-weight:500;transition:opacity .6s}.rooms-zones__skip:hover{background:var(--black-30);border-color:var(--white)}.rooms-zones__skip:focus-visible{outline:2px solid var(--white);outline-offset:2px}.rooms-zones__skip--hidden{opacity:0;pointer-events:none}
.grid-background{flex-direction:column;gap:1.5rem;width:100%;display:flex}.grid-background__preview{border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:320px;display:flex;position:relative;overflow:hidden}.grid-background__panel{width:100%}.grid-background__section-label{text-transform:uppercase;letter-spacing:.07em;color:#888;margin:0 0 .75rem;font-size:11px}.grid-background__controls{flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:1rem;display:flex}.grid-background__control-group{align-items:center;gap:10px;min-width:220px;display:flex}.grid-background__control-label{color:#555;white-space:nowrap;min-width:90px;font-size:13px}.grid-background__control-value{color:#222;min-width:42px;font-size:13px;font-weight:500}.grid-background__slider{appearance:none;cursor:pointer;background:#e0e0e0;border-radius:2px;outline:none;flex:1;height:4px}.grid-background__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#222;border-radius:50%;width:16px;height:16px;transition:background .15s}.grid-background__slider::-webkit-slider-thumb:hover{background:#444}.grid-background__slider::-moz-range-thumb{cursor:pointer;background:#222;border:none;border-radius:50%;width:16px;height:16px}.grid-background__color-picker{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;width:32px;height:28px;padding:2px}.grid-background__divider{border:none;border-top:1px solid #ebebeb;margin:1rem 0}.grid-background__code-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.grid-background__copy-btn{cursor:pointer;color:#444;background:0 0;border:1px solid #ddd;border-radius:6px;padding:4px 12px;font-size:12px;transition:background .15s,color .15s}.grid-background__copy-btn:hover{color:#111;background:#f5f5f5}.grid-background__code-block{color:#222;white-space:pre;background:#f7f7f7;border:1px solid #ebebeb;border-radius:8px;margin:0;padding:1rem 1.25rem;font-family:Fira Code,Cascadia Code,Menlo,monospace;font-size:12px;line-height:1.7;overflow-x:auto}@media (prefers-color-scheme:dark){.grid-background__control-label{color:#aaa}.grid-background__control-value{color:#eee}.grid-background__section-label{color:#666}.grid-background__divider{border-top-color:#2a2a2a}.grid-background__slider{background:#333}.grid-background__slider::-webkit-slider-thumb{background:#eee}.grid-background__slider::-webkit-slider-thumb:hover{background:#fff}.grid-background__slider::-moz-range-thumb{background:#eee}.grid-background__color-picker{border-color:#333}.grid-background__copy-btn{color:#aaa;border-color:#333}.grid-background__copy-btn:hover{color:#eee;background:#1e1e1e}.grid-background__code-block{color:#ddd;background:#111;border-color:#2a2a2a}}
.system-zones{border-radius:var(--sp-24);width:100%;height:570px;overflow:hidden;container-type:inline-size}@media (max-width:767px){.system-zones{height:100%}}.system-zones--with-controls{border-radius:0;height:auto;overflow:visible}.system-zones .grid-background{gap:0;height:100%}.system-zones__bg{height:100%;min-height:unset}.system-zones__content{box-sizing:border-box;justify-content:center;align-items:center;gap:5.6cqi;width:100%;height:100%;padding:5.6cqi;display:flex}.system-zones__condenser{flex-shrink:0;width:25.7cqi;height:auto;display:block}.system-zones__handlers{grid-template-rows:repeat(3,auto);grid-auto-columns:auto;grid-auto-flow:column;place-items:center;gap:1.9cqi;display:grid}.system-zones__handler-btn{padding:var(--sp-6);border-radius:var(--sp-8);cursor:pointer;background:0 0;border:2px solid #0000;transition:border-color .15s;display:block}.system-zones__handler-btn:focus-visible{outline:3px solid var(--white);outline-offset:2px}.system-zones__handler-btn--selected{border-color:var(--white)}.system-zones__handler-img{width:16.3cqi;height:auto;display:block}
.segmented-control{align-items:center;gap:var(--sp-6);min-width:153px;height:40px;padding:var(--sp-6);border:1px solid var(--white-50);background:var(--white-50);border-radius:9999px;display:inline-flex;box-shadow:0 2px 4px #0000001a}.segmented-control__button{height:28px;padding:var(--sp-4) var(--sp-12);border:1px solid var(--white);background:var(--white);color:var(--neutral-900);font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);text-align:center;white-space:nowrap;cursor:pointer;border-radius:9999px;flex:1;font-weight:500;line-height:20px;transition:background .15s,color .15s,border-color .15s}.segmented-control__button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.segmented-control__button--selected{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}
.zone-card{gap:var(--sp-16);width:419px;height:116px;padding:var(--sp-16);border:1px solid var(--black-10);background:var(--black-5);box-sizing:border-box;border-radius:1rem;flex-direction:column;display:flex}@media (max-width:767px){.zone-card{width:100%}}
.zone-selector__header{justify-content:space-between;align-items:center;height:24px;display:flex}.zone-selector__title{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-xl);font-weight:700;line-height:var(--heading-xl-line-height);color:var(--black)}.zone-selector__max{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);font-weight:500;line-height:var(--body-sm-line-height);color:var(--text-muted)}.zone-selector__separator{border:none;border-top:1px solid var(--black-10);margin:0}.zone-selector__controls{justify-content:space-between;align-items:center;display:flex}.zone-selector__numbers{gap:var(--sp-8);align-items:center;display:flex}.zone-selector__add{border:1px solid var(--primary-dark);background:var(--primary-dark);width:28px;height:28px;color:var(--white);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.zone-selector__add:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-selector__add:disabled{opacity:.4;cursor:not-allowed}
.zone-dropdown{gap:var(--sp-4);width:347px;min-width:190px;padding-right:var(--sp-0);flex-direction:column;display:flex;position:relative}.zone-dropdown__label{height:21px;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);font-weight:500;line-height:var(--body-sm-line-height);color:var(--black)}.zone-dropdown__field{align-items:center;gap:var(--sp-2);border-radius:var(--sp-8);border:1px solid var(--border-default);height:46px;padding:var(--sp-8);background:var(--white);box-sizing:border-box;cursor:pointer;display:flex}.zone-dropdown__field:focus-within{border-color:var(--primary-dark);outline:none}.zone-dropdown__input{min-width:0;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-dark-muted);background:0 0;border:none;outline:none;flex:1}.zone-dropdown__input:focus{outline:none}.zone-dropdown__input::placeholder{color:var(--text-dark-muted)}.zone-dropdown__input--with-postfix{field-sizing:content;flex:none}.zone-dropdown__postfix{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-dark-muted);flex-shrink:0}.zone-dropdown__chevron{color:var(--text-dark-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:transform .15s;display:inline-flex}.zone-dropdown__chevron:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-dropdown__chevron--open{transform:rotate(180deg)}.zone-dropdown__list{top:calc(100% + var(--sp-4));padding:var(--sp-4) 0;background:var(--white);border:1px solid var(--border-default);border-radius:var(--sp-8);box-shadow:0 4px 12px var(--black-10);z-index:10;max-height:200px;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.zone-dropdown__option{padding:var(--sp-8) var(--sp-12);font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-body);cursor:pointer}.zone-dropdown__option:hover,.zone-dropdown__option.zone-dropdown__option--active{background:var(--slate-100)}.zone-dropdown__option--selected{color:var(--primary-dark)}.zone-dropdown__option-postfix{color:var(--text-dark-muted)}.zone-dropdown--drop-up .zone-dropdown__list{top:auto;bottom:calc(100% + var(--sp-4))}.zone-dropdown__option--empty{color:var(--text-muted);cursor:default}.zone-dropdown__option--empty:hover{background:0 0}.zone-dropdown__option--custom{color:var(--primary-dark);font-style:italic}@media (max-width:767px){.zone-dropdown{width:100%;min-width:0}}.zone-dropdown__warning{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-xs);color:var(--warning);margin:0;font-weight:500}
.zone-card.zone-form-card{background:var(--white);border-radius:var(--sp-12);width:379px;height:auto;min-height:432px}@media (max-width:767px){.zone-card.zone-form-card{width:100%}}.zone-form-card__header{justify-content:space-between;align-items:center;display:flex}.zone-form-card__number{background:var(--primary-dark);width:28px;height:28px;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--white);text-align:center;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.zone-form-card__delete{width:28px;height:28px;padding:var(--sp-4);border-radius:var(--sp-24);border:1px solid var(--border-secondary);background:var(--white);color:var(--black);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex}.zone-form-card__delete:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-form-card__separator{border:none;border-top:1px solid var(--black-10);margin:0}.zone-form-card__fields{gap:var(--sp-16);flex-direction:column;display:flex}
.scroll-track{pointer-events:none;width:12px;position:absolute;top:0;bottom:0;right:6px}.scroll-track__thumb{background:var(--neutral-400);pointer-events:auto;cursor:grab;border-radius:12px;width:12px;position:absolute}.scroll-track__thumb:active{cursor:grabbing}
.zone-form-group-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zone-card.zone-form-group{box-sizing:border-box;gap:var(--sp-12);background:var(--black-5);scrollbar-width:none;border-radius:1rem;flex:1;width:419px;min-height:0;overflow-y:auto}.zone-card.zone-form-group::-webkit-scrollbar{display:none}@media (max-width:767px){.zone-form-group-wrapper,.zone-card.zone-form-group{width:100%}}
.step2{gap:var(--sp-16);padding-inline:var(--sp-16);justify-content:center;align-items:flex-start;display:flex}.step2__left{background:var(--stone-300);border-radius:var(--sp-24);flex:auto;min-width:0;max-width:857px;overflow:hidden}.step2__visual{grid-template-rows:570px;display:grid}.step2__visual-panel{grid-area:1/1;margin:auto 0;transition:opacity .3s;overflow:hidden}.step2__visual-panel--hidden{opacity:0;pointer-events:none}.step2__segment{margin-bottom:var(--sp-16);z-index:1;grid-area:1/1;place-self:end center;transition:opacity .6s}.step2__segment--hidden{opacity:0;pointer-events:none}.step2__right{gap:var(--sp-16);flex-direction:column;height:570px;display:flex}@media (max-width:767px){.step2{flex-direction:column;padding-inline:0}.step2__left{width:100%;max-width:none}.step2__visual{aspect-ratio:857/570;grid-template-rows:auto}.step2__visual-panel{height:100%}.step2__right{width:100%;height:auto}}
/*# sourceMappingURL=0u0_xjwm~gr6f.css.map*/