:root{--navbar-top: 16px;--navbar-height: 65px;--navbar-bottom: calc(var(--navbar-top) + var(--navbar-height));--color-orange: #f28c28;--color-red: #a92319;--color-bg: #f5f7fa;--color-bg-elevated: #ffffff;--color-surface: rgba(255, 255, 255, .72);--color-surface-hover: rgba(255, 255, 255, .9);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .14);--color-text: #1a1a2e;--color-text-secondary: rgba(26, 26, 46, .6);--color-text-muted: rgba(26, 26, 46, .4);--glass-blur: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-orange),var(--color-red));color:#fff;box-shadow:0 4px 20px #f28c284d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f28c2866}.btn-glass{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff80}.btn-glass:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-glass-light{background:#ffffff80;color:var(--color-text);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-glass-light:hover{background:#ffffffb3;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);box-shadow:inset 0 1px #fffc,var(--shadow-sm)}.btn-secondary:hover{border-color:var(--color-orange);color:var(--color-orange);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-orange);color:var(--color-orange)}.btn-light{background:var(--color-text);color:var(--color-bg);box-shadow:0 4px 20px #0000001a}.btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.btn-full{width:100%}.btn{margin:0 24px 24px;width:calc(100% - 48px)}.btn{width:100%}.wizard{position:relative;z-index:1;min-height:100vh;padding:calc(var(--navbar-bottom) + 78px) 24px 40px;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.progress-bar{position:fixed;top:0;left:0;right:0;z-index:99;height:calc(var(--navbar-bottom) + 50px);background:#f5f7fa99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--navbar-bottom);padding-bottom:14px;gap:10px}.progress-track{width:100%;height:6px;flex-shrink:0;background:transparent;position:relative;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--color-orange),var(--color-red));transition:width .5s ease}.progress-text{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em;white-space:nowrap}.slides-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.slide{display:none;width:100%;max-width:1100px;animation:slideIn .4s ease}.slide.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-md),inset 0 1px #fffc}.welcome-slide{text-align:center;max-width:640px;margin:0 auto}.welcome-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:var(--color-surface);border:1px solid var(--color-border);font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:24px;box-shadow:inset 0 1px #fff9}.welcome-title{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.welcome-desc{font-size:17px;color:var(--color-text-secondary);line-height:1.7;max-width:480px;margin:0 auto 36px}.welcome-actions{display:flex;gap:14px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.welcome-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.wf-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--color-text-secondary)}.room-count-slide{text-align:center;max-width:520px;margin:0 auto;padding:60px 48px}.room-count-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);margin-bottom:12px}.room-count-question{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:32px}.room-count-input-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.room-count-input{width:120px;height:80px;font-size:42px;font-weight:800;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text);outline:none;transition:all .2s ease}.room-count-input:focus{border-color:var(--color-orange);box-shadow:0 0 0 4px #f28c281f}.room-count-btn{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.room-count-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.room-count-btn:active{transform:scale(.95)}.room-count-hint{font-size:13px;color:var(--color-text-muted);margin-top:16px}.room-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:480px;margin:0 auto}.room-type-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.room-type-chip:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.room-type-chip.active{border-color:#f28c2880;background:linear-gradient(135deg,#f28c280f,#a923190a);color:var(--color-text)}.room-type-chip svg{color:var(--color-text-muted);transition:color .2s ease}.room-type-chip.active svg{color:var(--color-orange)}@media(max-width:520px){.room-type-grid{grid-template-columns:repeat(2,1fr)}}.automation-slide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px;min-height:calc(100vh - 200px)}.automation-left{display:flex;flex-direction:column;gap:24px}.automation-right{display:flex;align-items:center;justify-content:center;position:sticky;top:100px;height:fit-content;align-self:start}.automation-header{margin-bottom:8px}.automation-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);margin-bottom:8px}.automation-room-name{font-size:clamp(22px,2.5vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.02em}.automation-question{font-size:15px;color:var(--color-text-secondary);margin-top:6px}.automation-list{display:flex;flex-direction:column;gap:12px}.automation-item{padding:16px 20px;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all .25s ease;cursor:pointer}.automation-item:hover{border-color:var(--color-border-hover)}.automation-item.active{border-color:#f28c2859;background:linear-gradient(135deg,#f28c280a,#a9231908)}.automation-item-header{display:flex;align-items:center;gap:14px}.automation-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:var(--color-bg-elevated)}.automation-item.active .automation-checkbox{background:linear-gradient(135deg,var(--color-orange),var(--color-red));border-color:transparent}.automation-checkbox svg{opacity:0;transform:scale(.5);transition:all .2s ease}.automation-item.active .automation-checkbox svg{opacity:1;transform:scale(1)}.automation-info{flex:1}.automation-name{font-size:15px;font-weight:600;color:var(--color-text)}.automation-desc{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.automation-quantity{display:none;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border);animation:qtyIn .25s ease}.automation-item.active .automation-quantity{display:flex}@keyframes qtyIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qty-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.qty-onoff{font-size:12px;font-weight:700;color:var(--color-orange);padding:4px 10px;border-radius:100px;background:#f28c2814;border:1px solid rgba(242,140,40,.2)}.qty-stepper{display:flex;align-items:center;gap:8px}.qty-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;color:var(--color-text);transition:all .15s ease}.qty-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.qty-btn:active{transform:scale(.92)}.qty-input{width:56px;height:36px;text-align:center;font-size:16px;font-weight:700;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-text);outline:none}.qty-input:focus{border-color:var(--color-orange)}.diagram-container{width:100%;padding:28px;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:inset 0 1px #fffc;text-align:center}.diagram-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:4px;text-align:center}.diagram-room-name{font-size:22px;font-weight:800;color:#a92319;text-align:center;margin-bottom:16px;letter-spacing:-.01em;display:block;width:100%}.diagram-svg{width:100%;max-width:420px;margin:0 auto;display:block}.diagram-img{width:100%;max-width:420px;height:380px;object-fit:contain;margin:0 auto;display:block;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-bg-elevated)}.diagram-svg .room-floor{fill:#f8f9fb;stroke:var(--color-border);stroke-width:3}.diagram-svg .room-wall{fill:none;stroke:var(--color-text-muted);stroke-width:2}.diagram-svg .furniture{fill:#0000000a;stroke:var(--color-border);stroke-width:1.5}.diagram-legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:#00000008;border:1px solid var(--color-border);font-size:11px;font-weight:600;color:var(--color-text-secondary)}.legend-item svg{width:14px;height:14px}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:0 12px}.wizard-nav .btn{min-width:120px}.summary-slide{padding:48px}.summary-header{text-align:center;margin-bottom:40px}.summary-icon{width:72px;height:72px;border-radius:50%;background:#22c55e14;border:1px solid rgba(34,197,94,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.summary-title{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.summary-desc{font-size:16px;color:var(--color-text-secondary);max-width:480px;margin:0 auto}.summary-body{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.summary-room{padding:24px;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.summary-room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.summary-room-name{font-size:18px;font-weight:700;color:var(--color-text)}.summary-room-total{font-size:13px;font-weight:600;color:var(--color-orange);padding:4px 12px;border-radius:100px;background:#f28c2814;border:1px solid rgba(242,140,40,.15)}.summary-devices{display:flex;flex-wrap:wrap;gap:8px}.summary-device{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);font-size:13px;font-weight:500;color:var(--color-text)}.summary-device svg{width:16px;height:16px;color:var(--color-orange)}.summary-grand-total{text-align:center;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f28c280f,#a923190a);border:1px solid rgba(242,140,40,.15);margin-bottom:32px}.summary-grand-total span{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.summary-grand-total strong{font-size:28px;font-weight:800;color:var(--color-text);margin-left:8px}.summary-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.finished-slide{text-align:center;max-width:480px;margin:0 auto;padding:60px 48px}.finished-icon{width:96px;height:96px;border-radius:50%;background:#22c55e14;border:1px solid rgba(34,197,94,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 28px}.finished-title{font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.finished-desc{font-size:16px;color:var(--color-text-secondary);margin-bottom:36px}.finished-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.wizard-footer{padding-top:30px;padding-bottom:20px}.wizard-footer .footer-bottom{border-top:1px solid var(--color-border);padding-top:20px}@media(max-width:900px){.wizard{padding:calc(var(--navbar-bottom) + 78px) 16px 30px}.progress-bar{height:calc(var(--navbar-bottom) + 50px);padding-top:var(--navbar-bottom);padding-bottom:10px}.slide-content{padding:32px 24px}.automation-slide{grid-template-columns:1fr;gap:28px;padding:28px;min-height:auto}.automation-right{position:relative;top:0;order:-1}.diagram-container{position:relative;top:0}.room-count-slide,.finished-slide{padding:40px 24px}.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}.wizard-nav .btn{min-width:100px}.summary-actions{flex-direction:column}.summary-actions .btn{width:100%}.finished-actions{flex-direction:column}.finished-actions .btn{width:100%}}@media(max-width:480px){.progress-text{font-size:11px}.room-count-input{width:90px;height:64px;font-size:32px}.room-count-btn{width:44px;height:44px}.automation-item{padding:12px 14px}.summary-room{padding:16px}}#hassify-wizard{background:#fff;color:#111;font-family:Inter,sans-serif}#hassify-wizard .ambient-bg,#hassify-wizard .orb{display:none!important}#hassify-wizard .wizard{background:#fff}#hassify-wizard .slide-content{background:#fff;border:1px solid #e6e6e3;border-radius:4px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#hassify-wizard .room-type-chip,#hassify-wizard .automation-item{border:1px solid #e6e6e3;border-radius:3px;background:#fafafa;color:#111}#hassify-wizard .room-type-chip.active,#hassify-wizard .automation-item.active{border-color:#f28c28;background:#fff7ef}#hassify-wizard .progress-fill{background:#f28c28}#hassify-wizard .btn-primary{background:#f28c28;color:#111;border:none;border-radius:2px}#hassify-wizard .btn-dfy{background:#a92319;color:#fff;border:none;border-radius:2px}#hassify-wizard .gradient-text{background:none;-webkit-text-fill-color:#f28c28;color:#f28c28}#hassify-wizard .hassify-plan-box{border:1px solid #e6e6e3;border-left:3px solid #f28c28;padding:18px;margin-top:18px;border-radius:2px;text-align:left}#hassify-wizard .hassify-plan-label{font-family:JetBrains Mono,monospace;font-size:12px}#hassify-wizard .hassify-plan-label span{color:#888}#hassify-wizard .summary-device{display:flex;justify-content:space-between;padding:6px 0;font-size:13.5px;border-bottom:1px solid #f0f0ee}#hassify-wizard .hassify-plan-fork{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:16px 0}@media(max-width:700px){#hassify-wizard .hassify-plan-fork{grid-template-columns:1fr}}#hassify-wizard .hassify-quote-note{font-size:12px;color:#888}#hassify-wizard .hassify-capture{border-top:1px solid #e6e6e3;padding-top:14px}#hassify-wizard .hassify-capture-label{font-family:JetBrains Mono,monospace;font-size:12px}#hassify-wizard .hassify-capture-row{display:grid;gap:8px;grid-template-columns:1fr 1.4fr 1fr auto}@media(max-width:700px){#hassify-wizard .hassify-capture-row{grid-template-columns:1fr}}#hassify-wizard .hassify-capture input{border:1px solid #e6e6e3;border-radius:2px;padding:9px 10px;font-size:13px}#hassify-wizard .hassify-capture-sub{font-size:13px;color:#666;margin:4px 0 12px}#hassify-wizard .hassify-skip-link{display:inline-block;margin-top:10px;font-size:12.5px;color:#888;text-decoration:underline}#hassify-wizard .hassify-guarantee{font-family:JetBrains Mono,monospace;font-size:12px;color:#a92319;margin-top:12px}.progress-bar{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hassify-builder.css.map */