.ha-big-number[data-v-3b3c59b1]{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:inherit;font-weight:400;-webkit-user-select:none;user-select:none}.displayed-value[data-v-3b3c59b1]{display:inline-flex;flex-direction:row;align-items:flex-end}.integer-part[data-v-3b3c59b1]{font-size:1em;line-height:.95;font-weight:400}.addon[data-v-3b3c59b1]{display:flex;flex-direction:column-reverse;align-items:flex-start;margin-left:1px;padding-bottom:2px}.addon.bottom[data-v-3b3c59b1]{flex-direction:row;align-items:baseline;padding-bottom:0}.addon.bottom .unit-part[data-v-3b3c59b1]{margin-left:2px}.decimal-part[data-v-3b3c59b1]{font-size:.42em;line-height:1.1;font-weight:400}.unit-part[data-v-3b3c59b1]{font-size:.33em;line-height:1.1;font-weight:400}.climate-card-preview[data-v-bedcd9d9]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:14px;border:1px solid var(--card-border-color, #D7DDD9);background-color:#f8fbf9;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none}.climate-card-title[data-v-bedcd9d9]{width:80%;height:34px;line-height:34px;padding:0;text-align:center;font-size:15px;font-weight:500;color:var(--preview-primary-text, #141414);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;flex:none}.climate-slider-container[data-v-bedcd9d9]{display:flex;align-items:center;justify-content:center;position:relative;flex:1;width:100%;overflow:hidden}.circular-slider-box[data-v-bedcd9d9]{position:relative;display:flex;align-items:center;justify-content:center}.slider-svg[data-v-bedcd9d9]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(90deg)}.slider-info-area[data-v-bedcd9d9]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:4px}.hvac-action-label[data-v-bedcd9d9]{font-weight:500;color:var(--preview-primary-text, #141414);line-height:1.2}.current-temp-row[data-v-bedcd9d9]{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--preview-primary-text, #141414)}.slider-buttons-row[data-v-bedcd9d9]{position:absolute;bottom:8%;display:flex;align-items:center;justify-content:center;gap:20px}.ctrl-circle-btn[data-v-bedcd9d9]{width:44px;height:44px;border-radius:50%;border:1px solid var(--card-border-color, #D7DDD9);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--preview-primary-text, #141414);cursor:pointer}.climate-card-features[data-v-bedcd9d9]{position:absolute;bottom:0;left:0;width:100%;padding:0 12px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.control-select-bar[data-v-bedcd9d9]{width:100%;height:42px;display:flex;align-items:center;background:var(--preview-action-bg, #F2F2F2);border-radius:12px;padding:0;gap:4px;box-sizing:border-box}.control-select-bar img[data-v-bedcd9d9],.control-select-menu-bar img[data-v-bedcd9d9]{filter:var(--preview-icon-filter, none);opacity:var(--preview-icon-opacity, .65)}.select-btn-item[data-v-bedcd9d9]{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--preview-secondary-text, #555);cursor:pointer;transition:background .15s ease,color .15s ease}.select-btn-item.active[data-v-bedcd9d9]{background:#2196f3;color:#fff}.select-btn-item.active img[data-v-bedcd9d9]{opacity:1}.control-select-menu-bar[data-v-bedcd9d9]{width:100%;height:42px;border-radius:12px;background:var(--preview-action-bg, #F2F2F2);padding:4px 14px;box-sizing:border-box;display:flex;align-items:center;gap:10px}.menu-icon[data-v-bedcd9d9]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-text-col[data-v-bedcd9d9]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:1px;min-width:0}.menu-title[data-v-bedcd9d9]{font-size:11px;color:var(--preview-secondary-text, #727272);line-height:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.menu-val[data-v-bedcd9d9]{font-size:13px;font-weight:500;color:var(--preview-primary-text, #141414);line-height:15px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.menu-arrow[data-v-bedcd9d9]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.humidifier-card-preview[data-v-8470cd01]{position:relative;background-color:#f8fbf9;border:1px solid var(--card-border-color, #D7DDD9);border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.humidifier-card-title[data-v-8470cd01]{width:80%;height:34px;line-height:34px;padding:0;text-align:center;font-size:15px;font-weight:500;color:var(--preview-primary-text, #141414);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;flex:none}.humidifier-slider-container[data-v-8470cd01]{display:flex;align-items:center;justify-content:center}.circular-slider-box[data-v-8470cd01]{position:relative;display:flex;align-items:center;justify-content:center}.slider-svg[data-v-8470cd01]{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(90deg)}.slider-info-area[data-v-8470cd01]{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.humidifier-action-label[data-v-8470cd01]{font-family:Roboto,-apple-system,sans-serif;font-weight:500;color:var(--preview-primary-text, #141414);line-height:1.2}.current-humi-row[data-v-8470cd01]{display:flex;align-items:center;gap:4px;font-family:Roboto,-apple-system,sans-serif;font-size:12px;font-weight:500;color:var(--preview-primary-text, #141414)}.slider-buttons-row[data-v-8470cd01]{position:absolute;bottom:8%;display:flex;align-items:center;justify-content:center;gap:20px;z-index:2}.ctrl-circle-btn[data-v-8470cd01]{width:44px;height:44px;border-radius:50%;border:1px solid var(--card-border-color, #D7DDD9);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--preview-primary-text, #141414);cursor:pointer}.humidifier-card-features[data-v-8470cd01]{position:absolute;bottom:0;left:0;width:100%;padding:0 12px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.control-select-bar[data-v-8470cd01]{width:100%;height:42px;display:flex;align-items:center;background:var(--preview-action-bg, #F2F2F2);border-radius:12px;padding:0;box-sizing:border-box;gap:4px}.select-btn-item[data-v-8470cd01]{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s ease;background:transparent}.select-btn-item.active[data-v-8470cd01]{background-color:#2196f3}.select-btn-item.active img[data-v-8470cd01]{filter:brightness(0) invert(1)}.control-select-bar img[data-v-8470cd01],.control-select-menu-bar img[data-v-8470cd01]{filter:var(--preview-icon-filter, none);opacity:var(--preview-icon-opacity, .65)}.control-select-menu-bar[data-v-8470cd01]{width:100%;height:42px;display:flex;align-items:center;background:var(--preview-action-bg, #F2F2F2);border-radius:12px;padding:0 12px;box-sizing:border-box;cursor:pointer}.menu-icon-col[data-v-8470cd01]{width:28px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.menu-text-col[data-v-8470cd01]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;padding-left:4px;text-align:left}.menu-title[data-v-8470cd01]{font-family:Roboto,-apple-system,sans-serif;font-size:11px;color:var(--preview-secondary-text, #727272);line-height:1.2;text-transform:capitalize;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-val[data-v-8470cd01]{font-family:Roboto,-apple-system,sans-serif;font-size:14px;font-weight:500;color:var(--preview-primary-text, #141414);line-height:1.2;text-transform:capitalize;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-arrow-col[data-v-8470cd01]{width:20px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}:root{--bg: #f3efe7;--panel: rgba(255, 250, 243, .92);--ink: #1f2933;--muted: #596775;--line: rgba(31, 41, 51, .12);--accent: #146356;--accent-2: #d97d54;--shadow: 0 24px 80px rgba(31, 41, 51, .16);--radius: 24px;--canvas-width: 480px;--canvas-height: 320px;--screen-bg: #f3efe7;--preview-font-family: "Montserrat", "Segoe UI", "PingFang SC", "Noto Sans", sans-serif;--preview-font-body-size: 14px;--preview-font-value-size: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,PingFang SC,Noto Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(217,125,84,.24),transparent 28%),radial-gradient(circle at bottom right,rgba(20,99,86,.18),transparent 24%),linear-gradient(160deg,#efe8da,#f9f5ef 42%,#e7efe8)}button,select,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh}.sidebar,.workspace{padding:28px}.sidebar{border-right:1px solid var(--line);background:#ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.workspace-side{display:grid;gap:18px;align-items:start}.brand,.panel,.canvas-panel,.inspector-panel,.entity-panel{background:var(--panel);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);box-shadow:var(--shadow)}.brand,.panel,.canvas-panel,.inspector-panel,.entity-panel{padding:22px}.brand{margin-bottom:18px}.panel+.panel{margin-top:18px}.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1,h2{margin:0}h1{font-size:34px;line-height:1.05}h2{font-size:20px}.lede,.hint,.status,.empty-state{color:var(--muted)}#build-status{white-space:pre-wrap}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.palette-swatch{width:100%;aspect-ratio:1;border-radius:999px;border:2px solid rgba(31,41,51,.14);background:var(--swatch);cursor:pointer;padding:0}.palette-swatch:hover,.palette-swatch.active{border-color:#146356a6;box-shadow:0 0 0 3px #14635624}.icon-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.icon-preview-card{display:grid;gap:8px}.icon-preview-label{font-size:12px;color:var(--muted)}.icon-preview-box{display:grid;place-items:center;min-height:88px;padding:12px;border:1px solid rgba(31,41,51,.12);border-radius:16px;background:#ffffffd1}.icon-preview-image{width:40px;height:40px;object-fit:contain}.icon-preview-fallback{font-size:12px;color:var(--muted)}.panel-head,.canvas-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-actions{display:flex;gap:10px}.preview-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.canvas-head-content{width:100%;min-width:0}.preview-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-meta-row .status{margin:0}.preview-title-row .eyebrow{margin:0;font-size:15px;font-weight:800;letter-spacing:.14em}.preview-build-actions{display:inline-flex;align-items:center;gap:8px}.preview-build-actions button{min-width:72px;border:1px solid rgba(20,99,86,.24);border-radius:999px;background:linear-gradient(135deg,var(--accent),#1f8a70);color:#fff;padding:9px 16px;box-shadow:0 7px 16px #14635633;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.preview-build-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #14635642;filter:saturate(1.08)}.preview-build-actions button:disabled{cursor:not-allowed;opacity:.55}.panel-actions #add-entity-btn{width:auto;flex:0 0 auto}.panel-tabs{display:inline-flex;gap:8px;padding:6px;margin-bottom:16px;border-radius:999px;background:#ffffffbd;border:1px solid rgba(31,41,51,.08)}.panel-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:9px 14px;background:transparent;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.panel-tab:hover{color:var(--ink)}.panel-tab.active{background:linear-gradient(135deg,#14635624,#fffffff2);color:var(--ink);box-shadow:0 10px 20px #1463561f}.panel-tab-panel{display:grid}.entity-list{display:grid;gap:10px}.entity-item,.button-row button,#add-entity-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.entity-item,.button-row button{width:100%}.entity-item{position:relative;padding:14px 16px;text-align:left;background:#fff;border:1px solid rgba(31,41,51,.08)}.entity-item strong,.entity-item span{display:block}.entity-item span{margin-top:4px;color:var(--muted);font-size:13px}.entity-item-title{padding-right:72px}.entity-item-actions{position:absolute;top:12px;right:12px;display:inline-flex;gap:6px;margin-top:0}.entity-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#1f29330f;color:var(--muted);transition:background .12s ease,color .12s ease}.entity-item:hover .entity-icon-btn,.entity-item.active .entity-icon-btn{background:#ffffffdb}.entity-icon-btn.entity-duplicate-btn:hover{color:var(--accent)}.entity-icon-btn.entity-delete-btn:hover{color:#b9412e}.entity-item.active,.entity-item:hover,.button-row button:hover,#add-entity-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #14635624}.entity-item.active{background:linear-gradient(135deg,#14635624,#fffffff2);border-color:#14635657}#add-entity-btn,.button-row button{padding:12px 14px;background:linear-gradient(135deg,var(--accent),#1f8a70);color:#fff}.button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.button-row-two{grid-template-columns:repeat(2,1fr)}.screen-config-block{margin-top:16px;display:grid;gap:12px}.button-row .danger{background:linear-gradient(135deg,#b9412e,#d96c54)}.build-progress-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#101b227a}.build-progress-modal-card{width:min(460px,100%);border:1px solid rgba(31,41,51,.14);border-radius:18px;background:#fff;padding:22px;box-shadow:0 18px 44px #101b222e}.build-progress-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.build-progress-modal-head h2{margin:3px 0 0}.build-progress-modal-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(31,41,51,.14);border-radius:50%;background:#fff;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}.build-progress-modal-close>span{display:block;transform:translateY(-1px)}.build-progress-modal-close:disabled{cursor:not-allowed;opacity:.38}.build-progress-modal-status{display:flex;align-items:center;gap:12px;min-height:54px;margin:20px 0 10px;border-radius:12px;background:#eef3f0;color:var(--ink);padding:14px 16px;line-height:1.5;overflow-wrap:anywhere}.build-progress-modal-status.error{background:#fff0ed;color:#b9412e}.build-progress-spinner{flex:0 0 auto;width:20px;height:20px;border:2px solid rgba(20,99,86,.2);border-top-color:#146356;border-radius:50%;animation:build-progress-spin .8s linear infinite}.build-progress-modal-actions{justify-content:flex-end;margin-top:18px}@keyframes build-progress-spin{to{transform:rotate(360deg)}}.stack{display:grid;gap:8px}.field-help{margin:0;min-height:18px;font-size:12px;line-height:1.4;color:var(--muted)}.field-help.error{color:#b9412e}.stack+.stack,.grid+.stack,.stack+.grid,.grid+.grid,.button-row,.hint{margin-top:14px}.multi-switch-field-grid{display:grid;gap:12px}.color-picker-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d7ddd9;border-radius:8px;padding:4px 8px;transition:border-color .2s ease}.color-picker-row:focus-within{border-color:var(--accent)}.color-picker-row input[type=color]{width:24px;height:24px;border:none;background:none;cursor:pointer;padding:0}.color-hex-label{font-family:monospace;font-size:13px;color:#24323a;-webkit-user-select:all;user-select:all;flex:1}.copy-hex-btn{background:none;border:none;color:#596775;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-hex-btn:hover{background:#eef3f0;color:var(--accent)}.copy-hex-btn:active{transform:scale(.9)}.copy-hex-btn.success{color:#4caf50}.multi-switch-field{padding:12px;border:1px solid rgba(31,41,51,.08);border-radius:16px;background:#ffffffb8}.multi-switch-field-row{display:grid;gap:10px}.channel-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.channel-toggle input{width:auto}.grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}input,select,textarea{width:100%;border:1px solid rgba(31,41,51,.12);border-radius:14px;padding:12px 14px;background:#ffffffe0;color:var(--ink)}textarea{resize:none;min-height:200px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5}.canvas-wrap{overflow:hidden;padding:6px 0 0}.preview-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.preview-stage{min-width:0}.inspector-panel{min-width:0;border:1px solid rgba(31,41,51,.08);background:#ffffff85;box-shadow:none}#inspector-form{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}#inspector-form>*{margin-top:0;min-width:0}#inspector-form>.button-row{margin-top:4px}.inspector-section{display:grid;gap:12px;padding:14px;border:1px solid rgba(31,41,51,.08);border-radius:18px;background:#ffffff9e}.inspector-section-tight{gap:10px}.inspector-section-inline{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.inspector-section-title{margin:0;font-size:13px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inspector-field-inline{justify-items:start}.inspector-inline-item{min-width:0}.inspector-inline-field{display:inline-flex;align-items:center;gap:10px;min-width:0}.inspector-inline-label{font-size:13px;color:var(--ink);white-space:nowrap}.field-compact{width:min(100%,180px)}.field-compact-select{width:180px;min-width:180px}.field-compact-number{width:110px;min-width:110px}.grid-compact{gap:10px 12px}.grid-compact>.stack{justify-items:start}.inspector-checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:#596775;cursor:pointer}.inspector-checkline input{width:auto;cursor:pointer}.climate-feature-list{display:grid;gap:8px;margin-top:6px}.climate-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.climate-feature-remove{padding:6px 8px;white-space:nowrap}.climate-feature-add{width:100%;margin-top:8px}.position-size-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;overflow-x:auto}.preview-screens{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.preview-direction{margin:0 0 10px}.screen-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(31,41,51,.12);border-radius:999px;background:#fffc;color:var(--muted);padding:8px 12px;cursor:pointer;transition:border-color .12s ease,color .12s ease,box-shadow .12s ease}.screen-tab.active{color:var(--ink);border-color:#14635659;box-shadow:0 10px 20px #1463561f}.canvas{position:relative;width:var(--canvas-width);height:var(--canvas-height);border-radius:0;overflow:hidden;border:1px solid rgba(14,32,44,.12);background:linear-gradient(180deg,rgba(10,23,33,.04),transparent),linear-gradient(90deg,rgba(20,99,86,.06) 1px,transparent 1px),linear-gradient(rgba(20,99,86,.06) 1px,transparent 1px),linear-gradient(160deg,color-mix(in srgb,var(--screen-bg) 92%,#ffffff) 0%,var(--screen-bg) 56%,color-mix(in srgb,var(--screen-bg) 88%,#dbe8df) 100%);background-size:auto,24px 24px,24px 24px,auto;box-shadow:inset 0 0 0 1px #ffffff38}.canvas-widget{position:absolute;border-radius:14px;border:1px solid var(--card-border-color, #d7ddd9);background:var(--card-bg-color, #ffffff);box-shadow:0 3px 8px #1f29330f;padding:0;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;overflow:hidden;font-family:var(--preview-font-family);font-weight:500}.canvas-widget.active{outline:3px solid rgba(20,99,86,.18);border-color:#14635675}.canvas-widget.switch-toggle-frame{border:none;background:transparent;box-shadow:none}.card-background{background-color:var(--card-bg-color, #ffffff)!important;border-color:var(--card-border-color, #d7ddd9)!important}.canvas-widget:has(.card-background){background:transparent!important}.canvas-widget.switch-toggle-frame{background-color:var(--card-bg-color, #ffffff)!important}.canvas-widget.switch-toggle-frame.active{border:none}.canvas-widget.switch-ha-ui-frame{border-radius:18px;border-color:#dedede;background:transparent!important;box-shadow:none}.canvas-widget:active{cursor:grabbing}.widget-title{margin:0;position:absolute;top:50%;transform:translateY(-50%);font-size:var(--preview-font-body-size);color:var(--preview-primary-text, var(--ink));line-height:1;white-space:nowrap;letter-spacing:0}.widget-title.button-style{top:16px;transform:none}.widget-switch{position:absolute;top:50%;transform:translateY(-50%);border-radius:999px;background:#d8dbe2;border:none;box-shadow:none;overflow:hidden}.widget-switch-knob{position:absolute;top:50%;left:2px;width:24px;height:24px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:none;border:none}.single-switch-button{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:#eef3f0}.single-switch-button-label{font-size:var(--preview-font-body-size);font-weight:500;color:var(--preview-primary-text, #24323a);letter-spacing:0}.ha-ui-switch-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:10px;box-sizing:border-box;background:#fff;border-radius:18px;color:var(--preview-primary-text, #111827)}.ha-ui-switch-header{display:flex;align-items:center;gap:12px;min-width:0}.ha-ui-switch-icon{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#e9e9e9;color:var(--preview-secondary-text, #9a9a9a);display:flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}.ha-ui-switch-card.on .ha-ui-switch-icon{background:color-mix(in srgb,var(--ha-ui-accent, #fdbb13) 18%,#ffffff);color:var(--ha-ui-accent, #fdbb13)}.ha-ui-switch-icon-svg{width:20px;height:20px;fill:currentColor}.ha-ui-switch-info{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ha-ui-switch-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-weight:700;color:var(--preview-primary-text, #0b1220)}.ha-ui-switch-state{font-size:12px;line-height:14px;font-weight:500;color:var(--preview-primary-text, #111827)}.ha-ui-switch-control{position:relative;height:42px;width:100%;border-radius:12px;background:#ededed;overflow:hidden}.ha-ui-switch-card.on .ha-ui-switch-control{background:color-mix(in srgb,var(--ha-ui-accent, #fdbb13) 18%,#ffffff)}.ha-ui-switch-thumb{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:12px;background:var(--ha-ui-off, #a6a6a6);display:flex;align-items:center;justify-content:center;color:#fff}.ha-ui-switch-card.on .ha-ui-switch-thumb{left:50%;background:var(--ha-ui-accent, #fdbb13)}.ha-ui-switch-power{width:20px;height:20px;fill:currentColor}.multi-switch-group{position:absolute;top:0;right:0;bottom:0;left:0}.multi-switch-channel{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid #d7ddd9;background:#eef3f0;overflow:hidden}.multi-switch-channel-label{display:block;max-width:calc(100% - 12px);font-size:var(--preview-font-body-size);font-weight:500;color:var(--preview-primary-text, #24323a);text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.multi-switch-channel.on{background:#90c3a5;border-color:#78a58a}.multi-switch-empty{position:absolute;left:16px;right:16px;top:44px;bottom:16px;display:grid;place-items:center;border-radius:12px;border:1px dashed #c4d0cb;color:var(--preview-secondary-text, #7b8a92);font-size:13px;background:#eef3f08c}.multi-switch-list-group{position:absolute;top:0;right:0;bottom:0;left:0}.multi-switch-list-item{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0}.multi-switch-list-label{font-size:var(--preview-font-body-size);font-weight:500;color:var(--preview-primary-text, #24323a);white-space:nowrap}.thermo-group{position:absolute;left:16px;right:16px;top:16px;bottom:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thermo-value-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:12px;border:1px solid #d7ddd9;background:#eef3f0}.thermo-icon{width:32px;height:32px;object-fit:contain}.thermo-value{font-size:var(--preview-font-value-size);line-height:1.2;font-weight:500;color:var(--preview-primary-text, #24323a);text-align:center;letter-spacing:0}.sensor-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;gap:10px;padding:0 10px}.sensor-icon-container{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center}.sensor-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto;filter:brightness(0) saturate(100%) invert(42%) sepia(11%) saturate(1480%) hue-rotate(164deg) brightness(91%) contrast(87%);opacity:1;color:#44739e}.sensor-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-width:0;flex:1 1 auto}.sensor-name{font-size:var(--preview-font-body-size);line-height:1.3;color:var(--preview-secondary-text, #596775);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor-value{font-size:var(--preview-font-value-size);line-height:1.3;color:var(--preview-primary-text, #24323a);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-widget-group{position:absolute;top:0;right:0;bottom:0;left:0}.cover-title{position:absolute;top:4px;left:12px;font-size:var(--preview-font-body-size);font-weight:600;color:var(--preview-primary-text, #24323a);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.cover-current{position:absolute;top:24px;left:12px;font-size:13px;color:#d64343;line-height:1;text-align:center}.cover-controls{position:absolute;left:8px;right:8px;top:45px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center}.cover-control{display:grid;place-items:center;height:28px;border-radius:10px;border:1px solid #d7ddd9;background:#eef3f0;color:var(--preview-primary-text, #24323a);font-size:11px;font-weight:600;letter-spacing:.04em}.cover-control-icon{width:18px;height:18px;display:block}.cover-control.stop{background:#f5f0e8}.cover-slider{position:absolute;left:44px;right:50px;bottom:17px;height:10px;border-radius:999px;background:#d8dbe2;overflow:visible}.cover-slider-fill{position:relative;height:100%;border-radius:999px;background:#68e}.cover-slider-thumb{position:absolute;right:-5px;top:50%;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:#fff;border:1px solid #6688ee}.cover-range-label{position:absolute;top:auto;bottom:19px;font-size:12px;color:var(--preview-primary-text, #24323a);line-height:1;transform:none}.cover-range-min{left:6px}.cover-range-max{right:8px}.cover-ha-ui-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:12px;padding:12px;border-radius:18px;border:1px solid #dedede;background:#fff;color:var(--preview-primary-text, #111111);overflow:hidden}.cover-ha-ui-card.without-position,.cover-ha-ui-card.without-favorites{grid-template-rows:auto auto auto}.cover-ha-ui-card.without-position.without-favorites{grid-template-rows:auto auto}.cover-ha-ui-header{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;min-height:42px}.cover-ha-ui-icon{justify-self:center;margin-top:2px;width:24px;height:24px;object-fit:contain;opacity:.95;filter:brightness(0) saturate(100%) invert(52%) sepia(38%) saturate(1017%) hue-rotate(221deg) brightness(87%) contrast(91%)}.cover-ha-ui-info{display:grid;gap:1px;min-width:0}.cover-ha-ui-title{text-align:left;font-size:14px;line-height:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-ha-ui-state{text-align:left;font-size:12px;line-height:16px;font-weight:400}.cover-ha-ui-card.open .cover-ha-ui-icon,.cover-ha-ui-card.open .cover-ha-ui-state{color:#926bc7}.cover-ha-ui-slider{position:relative;align-self:center;height:52px;border-radius:12px;background:#ece4f7;overflow:hidden}.cover-ha-ui-slider-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:12px;background:#926bc7}.cover-ha-ui-slider-handle{position:absolute;top:0;left:0;width:28px;height:100%;border-radius:12px;background:#926bc7}.cover-ha-ui-slider-handle:after{content:"";position:absolute;top:12px;left:50%;width:5px;height:28px;border-radius:999px;background:#fff;transform:translate(-50%)}.cover-ha-ui-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cover-ha-ui-control,.cover-ha-ui-presets button{border:0;font:inherit}.cover-ha-ui-control{display:grid;place-items:center;min-height:52px;border-radius:12px;background:var(--preview-action-bg, #f2f2f2);color:#926bc7}.cover-ha-ui-control:active:not(:disabled){background:var(--preview-action-bg, #f2f2f2)}.cover-ha-ui-control:disabled{background:transparent;opacity:1;cursor:not-allowed}.cover-ha-ui-control:disabled .cover-ha-ui-control-icon{opacity:.55}.cover-ha-ui-control-icon{width:24px;height:24px;filter:var(--preview-icon-filter, none)}.cover-ha-ui-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:52px;border-radius:12px;background:var(--preview-action-bg, #f2f2f2);overflow:hidden}.cover-ha-ui-presets button{min-width:0;padding:0;border-radius:12px;background:transparent;color:var(--preview-primary-text, #111111);font-size:14px;line-height:18px;font-weight:600}.cover-ha-ui-presets button.active{background:#926bc7;color:#fff}.valve-ha-ui-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:12px;padding:12px;border-radius:18px;border:1px solid #dedede;background:#fff;color:var(--preview-primary-text, #111111);overflow:hidden}.valve-ha-ui-card.without-position,.valve-ha-ui-card.without-favorites{grid-template-rows:auto auto auto}.valve-ha-ui-card.without-position.without-favorites{grid-template-rows:auto auto}.valve-ha-ui-header{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;min-height:42px}.valve-ha-ui-icon-bubble{border:0;padding:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d3eafe;cursor:pointer}.valve-ha-ui-card.closed .valve-ha-ui-icon-bubble{background:#ececec}.valve-ha-ui-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(49%) sepia(96%) saturate(1873%) hue-rotate(183deg) brightness(97%) contrast(95%)}.valve-ha-ui-card.closed .valve-ha-ui-icon{filter:brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(2%) hue-rotate(128deg) brightness(94%) contrast(90%)}.valve-ha-ui-info{display:grid;gap:1px;min-width:0}.valve-ha-ui-title{text-align:left;font-size:14px;line-height:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.valve-ha-ui-state{text-align:left;font-size:12px;line-height:16px;font-weight:400}.valve-ha-ui-slider{position:relative;align-self:center;height:52px;border-radius:12px;background:#d3eafe;overflow:hidden}.valve-ha-ui-slider-fill{position:absolute;inset:0 auto 0 0;width:28px;border-radius:12px;background:#2196f3}.valve-ha-ui-slider-handle{position:absolute;top:0;left:0;width:28px;height:100%;border-radius:12px;background:#2196f3}.valve-ha-ui-slider-handle:after{content:"";position:absolute;top:12px;left:50%;width:5px;height:28px;border-radius:999px;background:#fff;transform:translate(-50%)}.valve-ha-ui-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.valve-ha-ui-control,.valve-ha-ui-presets button{border:0;font:inherit}.valve-ha-ui-control{display:grid;place-items:center;min-height:52px;border-radius:12px;background:var(--preview-action-bg, #f2f2f2)}.valve-ha-ui-control.active{background:#2196f3}.valve-ha-ui-control-icon{width:24px;height:24px;filter:var(--preview-icon-filter, none)}.valve-ha-ui-control.active .valve-ha-ui-control-icon{filter:brightness(0) invert(1)}.valve-ha-ui-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:52px;border-radius:12px;background:var(--preview-action-bg, #f2f2f2);overflow:hidden}.valve-ha-ui-presets button{min-width:0;padding:0;border-radius:12px;background:transparent;color:var(--preview-primary-text, #111111);font-size:14px;line-height:18px;font-weight:600}.valve-ha-ui-presets button.active{background:#2196f3;color:#fff}.hmi-brightness-group{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px}.hmi-brightness-group.no-header{padding:10px}.hmi-brightness-header{position:absolute;left:10px;right:10px;top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.hmi-brightness-title{flex:1;min-width:0;font-size:var(--preview-font-body-size);line-height:1.1;font-weight:500;color:var(--preview-primary-text, #24323a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.hmi-brightness-value{flex-shrink:0;font-size:var(--preview-font-body-size);line-height:1.1;font-weight:500;color:var(--preview-secondary-text, #596775);text-align:right}.hmi-brightness-slider{position:absolute;left:10px;right:10px;top:30px;bottom:10px;border-radius:12px;background:var(--preview-control-bg, rgba(36, 50, 58, .1));overflow:hidden}.hmi-brightness-group.no-header .hmi-brightness-slider{top:10px;bottom:10px}.hmi-brightness-slider-fill{position:absolute;left:0;top:0;bottom:0;background:#fdbb13;border-radius:12px}.hmi-brightness-slider-thumb{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:#fff}.light-widget-group{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px;border-radius:14px;background:#f8fbf9;transform-origin:center;transition:transform .12s ease}.light-widget-group.off{background:#f8fbf9}.light-widget-group.on{background:#ef920c}.light-widget-icon{width:auto;height:auto;max-width:100%;max-height:calc(100% - 16px);object-fit:contain}.light-action-label{font-size:var(--preview-font-body-size);font-weight:500;letter-spacing:0;color:#fff}.light-widget-group.tile{display:block;padding:0;border:0px solid #d7ddd9;border-radius:12px;background:#eef3f0;overflow:hidden}.light-widget-group.tile.on{background:#ef920c}.light-tile-icon-bubble{position:absolute;padding:8px;border-radius:999px;background:var(--preview-icon-bubble-bg, rgba(255, 255, 255, .4));display:flex;align-items:center;justify-content:center}.light-tile-icon{display:block}.light-tile-info{display:none}.light-tile-title{position:absolute;font-size:var(--preview-font-body-size);font-weight:500;color:var(--preview-primary-text, #24323a);line-height:1}.light-tile-state{position:absolute;font-size:var(--preview-font-body-size);color:var(--preview-secondary-text, #596775);line-height:1}.widget-bounds{position:absolute;right:22px;bottom:6px;font-size:11px;line-height:1;color:#1f293380;pointer-events:none}.resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent-2);border:2px solid white;box-shadow:0 4px 12px #1f29332e;cursor:nwse-resize}.resize-handle.width-only{cursor:ew-resize}.canvas-widget.switch-ha-ui-frame .resize-handle{right:2px;bottom:2px;width:16px;height:16px;border:0;background:transparent;box-shadow:none;z-index:10;cursor:nwse-resize}.inspector.hidden,.hidden{display:none}.empty-state{padding:16px;border-radius:18px;background:#ffffffb3}code{font-family:SFMono-Regular,Consolas,monospace}@media (max-width: 1120px){.shell,.workspace,.workspace-side,.preview-layout,#inspector-form{grid-template-columns:1fr}}@media (max-width: 720px){.sidebar,.workspace{padding:16px}.button-row{grid-template-columns:1fr}.panel-actions{width:100%;flex-direction:column}}.light-widget-group.slider{display:flex;flex-direction:column;padding:12px;border:1px solid #d7ddd9;border-radius:14px;background:#fdfaf3;justify-content:space-between;align-items:stretch;gap:8px;min-height:80px;transform:none!important;transition:transform .12s ease,box-shadow .12s ease}.light-widget-group.slider.has-ct,.light-widget-group.slider.has-hue{min-height:110px}.light-widget-group.slider.has-ct.has-hue{min-height:140px}.light-slider-top-row{display:flex;align-items:center;gap:12px}.light-widget-group.slider .light-tile-icon-bubble{background:#feedbd!important;position:relative;width:44px;height:44px;border-radius:50%;flex-shrink:0}.light-widget-group.slider .light-tile-icon-bubble img{width:32px;height:32px;filter:invert(79%) sepia(48%) saturate(3478%) hue-rotate(344deg) brightness(104%) contrast(98%)!important}.light-slider-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.light-slider-title{font-size:var(--preview-font-body-size);font-weight:600;color:var(--preview-primary-text, #24323a);line-height:1.1;text-align:left}.light-slider-state{font-size:var(--preview-font-body-size);color:var(--preview-secondary-text, #596775);line-height:1;text-align:left}.light-slider-track{flex:1;height:38px;min-height:12px;background:var(--preview-control-bg, rgba(36, 50, 58, .1));border-radius:12px;position:relative;overflow:hidden}.light-slider-fill{position:absolute;left:0;top:0;bottom:0;background:#fdbb13;border-radius:12px;transition:width .2s ease-out}.light-slider-track.ct-track{background:linear-gradient(to right,#91c1ff,#fff,#ffd699)}.light-slider-fill.ct-fill{background:transparent}.light-slider-track.hue-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f)}.light-slider-fill.hue-fill{background:transparent}.light-widget-group.slider.is-off .light-tile-icon-bubble{background:#ececec!important}.light-widget-group.slider.is-off .light-tile-icon-bubble img{filter:invert(69%) sepia(5%) saturate(16%) hue-rotate(314deg) brightness(89%) contrast(85%)!important}.light-widget-group.slider.is-off .light-slider-track{background:#ebebeb!important}.light-widget-group.slider.is-off .light-slider-fill{background:#9e9e9e!important}.light-widget-group.slider.is-off .light-slider-track.ct-track{background:#ebebeb!important}.light-widget-group.slider.is-off .light-slider-fill.ct-fill{background:transparent!important}.light-widget-group.slider.is-off .light-slider-track.hue-track{background:#ebebeb!important}.light-widget-group.slider.is-off .light-slider-fill.hue-fill{background:transparent!important}.light-slider-knob{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#fff;border-radius:2px}.light-ha-ui-card{--ha-light-theme: #fdbb13;--ha-light-track: #feedbd;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;min-width:0;display:grid;grid-auto-rows:min-content;gap:12px;padding:10px 10px 18px;border-radius:18px;border:1px solid #dedede;background:#fff;color:var(--preview-primary-text, #111827);overflow:hidden}.light-ha-ui-header{display:flex;align-items:center;gap:12px;min-width:0;min-height:36px}.light-ha-ui-icon-bubble{width:36px;height:36px;flex:0 0 auto;border:0;border-radius:50%;padding:0;background:var(--ha-light-track);color:var(--ha-light-theme);display:flex;align-items:center;justify-content:center;cursor:pointer}.light-ha-ui-icon{width:20px;height:20px;object-fit:contain;filter:invert(71%) sepia(83%) saturate(1222%) hue-rotate(358deg) brightness(101%) contrast(98%)}.light-ha-ui-info{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.light-ha-ui-title{max-width:100%;font-size:14px;font-weight:700;line-height:18px;color:var(--preview-primary-text, #0b1220);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-ha-ui-state{font-size:12px;line-height:14px;font-weight:500;color:var(--preview-primary-text, #111827)}.light-ha-ui-slider,.light-ha-ui-toggle{position:relative;height:42px;border-radius:12px;background:var(--ha-light-track);overflow:hidden}.light-ha-ui-slider.brightness{border-radius:12px;background:var(--ha-light-track)}.light-ha-ui-slider-fill,.light-ha-ui-toggle-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--ha-light-theme);transition:width .26s ease-in-out,background-color .26s ease-in-out}.light-ha-ui-slider-handle{position:absolute;top:50%;width:5px;height:24px;border-radius:999px;background:#fff;transform:translateY(-50%);transition:left .26s ease-in-out,background-color .26s ease-in-out,opacity .26s ease-in-out}.light-ha-ui-slider.color-temp{background:linear-gradient(90deg,#ffa757,#ffb473,#ffbf8b,#ffca9e,#ffd3b0,#ffdcbf,#ffe4cd,#ffebda,#fff2e5,#fff8f0,#fffefa)}.light-ha-ui-slider.color-temp .light-ha-ui-slider-handle{width:12px;height:42px;border-radius:6px;background:#fff;box-shadow:0 1px 4px #00000024;transform:translate(-50%,-50%)}.light-ha-ui-slider.color-temp .light-ha-ui-slider-handle:after{content:"";position:absolute;left:50%;top:9px;width:4px;height:24px;border-radius:999px;background:#5f6368;transform:translate(-50%)}.light-ha-ui-slider.rgb{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f)}.light-ha-ui-slider.rgb .light-ha-ui-slider-handle{width:12px;height:42px;border-radius:6px;background:#fff;box-shadow:0 1px 4px #00000024;transform:translate(-50%,-50%)}.light-ha-ui-slider.rgb .light-ha-ui-slider-handle:after{content:"";position:absolute;left:50%;top:9px;width:4px;height:24px;border-radius:999px;background:#5f6368;transform:translate(-50%)}.light-ha-ui-toggle-fill{left:auto;right:0;width:50%}.light-ha-ui-toggle-icon{position:absolute;top:50%;right:25%;width:20px;height:20px;transform:translate(50%,-50%);filter:brightness(0) invert(1)}