.garage-view{width:100%;max-width:900px;margin:0 auto}.garage-svg{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:auto}.zone-group{transition:transform .15s}.zone-group:hover .zone-rect{filter:brightness(1.2)}.zone-group:hover .zone-hover-overlay{opacity:.05!important}.zone-group.selected .zone-rect{filter:brightness(1.3)}.zone-group.highlighted .zone-rect{animation:.5s ease-in-out 3 pulse}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.5)}}.zone-label{pointer-events:none;text-shadow:0 1px 3px var(--svg-zone-label-shadow)}.zone-count{pointer-events:none}.garage-svg.edit-mode{touch-action:none}.resize-handle{pointer-events:none}.edit-mode .zone-group{transition:none}.edit-mode .zone-group:hover .zone-rect{filter:brightness(1.15)}.zone-group.photo-mode .zone-rect{fill-opacity:.55}.zone-group.photo-mode .zone-label,.zone-group.photo-mode .zone-count{text-shadow:0 1px 4px #000c;font-weight:700}.zone-group.photo-mode:hover .zone-rect{fill-opacity:.75}.ghost-zone{animation:.3s ghost-fade-in}.ghost-btn{transition:filter .15s}.ghost-btn:hover{filter:brightness(1.3)}@keyframes ghost-fade-in{0%{opacity:0}to{opacity:1}}.ghost-zone>rect:first-child{transition:fill .15s,stroke-width .15s}.ghost-zone:hover>rect:first-child{fill:#e9456059;stroke-width:2.5px;filter:drop-shadow(0 0 6px #e9456080)}.wall-feature{transition:opacity .15s}.wall-feature .feature-bar{transition:stroke .15s,stroke-width .15s}.wall-feature:hover .feature-bar{filter:brightness(1.2)}.wall-feature.selected .feature-bar{filter:brightness(1.3)}.wall-feature .feature-label{pointer-events:none}.wall-feature .feature-resize-handle{transition:opacity .15s}.wall-feature .feature-resize-handle:hover{opacity:1}@media (width<=768px){.garage-view{max-width:100%}}.zone-rename-btn:focus{outline:none}.zone-rename-btn:hover circle,.zone-rename-btn:focus-visible circle{fill:var(--accent-red);stroke:var(--accent-red)}.zone-rename-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06090f9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.zone-rename-card{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:14px;width:100%;max-width:320px;padding:16px;box-shadow:0 24px 48px -12px #0009}.zone-rename-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px dashed var(--border-secondary);margin-bottom:12px;padding-bottom:10px;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:10px}.zone-rename-input{width:100%;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border-secondary);box-sizing:border-box;border-radius:10px;outline:none;min-height:48px;padding:12px 14px;font-size:16px;font-weight:500}.zone-rename-input:focus-visible{border-color:var(--accent-red);box-shadow:0 0 0 2px #e9456040}.zone-rename-actions{gap:8px;margin-top:14px;display:flex}.zone-rename-actions button{border:1px solid var(--border-secondary);min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex:1;font-size:14px;font-weight:600}.zone-rename-actions button:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.zone-rename-actions .zone-rename-save{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.inventory-panel{background:var(--bg-secondary);border-left:1px solid var(--border-primary);flex-direction:column;width:360px;min-width:320px;height:calc(100vh - 57px);display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-primary);padding:16px 20px 12px}.panel-title-row{justify-content:space-between;align-items:flex-start;display:flex}.panel-zone-type{color:var(--accent-red);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.panel-title{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:2px;font-size:1.1rem;font-weight:600;overflow:hidden}.panel-title.editable{cursor:pointer;border-bottom:1px dashed #0000;transition:border-color .2s}.panel-title.editable:hover{border-bottom-color:var(--text-dim)}.panel-name-input{margin-top:2px;padding:2px 6px;font-size:1.1rem;font-weight:600}.btn-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-close:hover{color:var(--accent-red);background:var(--accent-red-bg)}.panel-stats{color:var(--text-muted);gap:8px;margin-top:8px;font-size:.8rem;display:flex}.stat-divider{color:var(--border-faint)}.panel-view-toggle{border-bottom:1px solid var(--border-primary);gap:0;padding:8px 20px 0;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.shelf-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.shelf-section{border-bottom:1px solid var(--border-primary)}.shelf-header{background:var(--subtle-bg);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.shelf-name{color:var(--accent-blue);font-size:.85rem;font-weight:600}.shelf-count{color:var(--text-muted);font-size:.75rem}.shelf-section .inventory-list{padding:0}.shelf-section .inventory-item{padding-left:32px}.panel-controls{border-bottom:1px solid var(--border-primary);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.filter-select{flex:1}.btn-add-new{background:var(--accent-red);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.btn-add-new:hover{background:var(--accent-red-hover)}.btn-scan{color:var(--accent-red);border:1px solid var(--accent-red);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s,color .2s}.btn-scan:hover{background:var(--accent-red-bg)}.add-form-wrapper{border-bottom:1px solid var(--border-primary);background:var(--accent-red-bg-faint);padding:12px 20px}.inventory-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;list-style:none;overflow-y:auto}.inventory-item{border-bottom:1px solid var(--subtle-border);justify-content:space-between;align-items:center;padding:10px 20px;transition:background .15s;display:flex}.inventory-item:hover{background:var(--subtle-bg)}.inventory-item.editing{background:var(--accent-red-bg-faint);padding:12px 20px}.item-info{flex:1;min-width:0}.item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.item-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.item-category{color:var(--text-muted);background:var(--hover-overlay);border-radius:3px;padding:1px 6px;font-size:.7rem}.item-quantity{color:var(--accent-red);font-size:.75rem;font-weight:600}.item-actions{opacity:0;gap:4px;margin-left:8px;transition:opacity .15s;display:flex}.inventory-item:hover .item-actions{opacity:1}.btn-icon{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-icon.btn-edit:hover{color:var(--accent-blue-hover);background:var(--accent-blue-bg-subtle)}.btn-icon.btn-delete:hover{color:var(--accent-red);background:var(--accent-red-bg)}.empty-state{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:.85rem}.add-item-form,.edit-item-form{flex-direction:column;gap:8px;display:flex}.form-input{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent-red)}.quantity-input{flex-shrink:0;width:70px}.form-select{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:.85rem}.form-select:focus{border-color:var(--accent-red)}.form-row{gap:8px;display:flex}.form-row .form-select{flex:1}.form-actions{gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-add,.btn-save{background:var(--accent-red);color:#fff}.btn-add:hover:not(:disabled),.btn-save:hover:not(:disabled){background:var(--accent-red-hover)}.btn-cancel{color:var(--text-muted);border:1px solid var(--border-subtle);background:0 0}.btn-cancel:hover{color:var(--text-primary);border-color:var(--text-dim)}.panel-drag-handle{display:none}@media (width<=900px){.inventory-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border-primary);height:auto;max-height:50vh}}@media (width<=768px){.inventory-panel{width:100%;min-width:unset;height:auto;max-height:70vh;box-shadow:0 -4px 20px var(--shadow-lg);overscroll-behavior:contain;border-top:none;border-left:none;border-radius:16px 16px 0 0;animation:.22s cubic-bezier(.2,.7,.2,1) panel-slide-up}@keyframes panel-slide-up{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.inventory-panel{animation:none}}.panel-drag-handle{justify-content:center;padding:10px 0 4px;display:flex}.panel-drag-handle span{background:var(--text-dim);border-radius:2px;width:36px;height:4px}.item-actions{opacity:1}.btn-icon,.btn-close{min-width:44px;min-height:44px;padding:10px}.btn-add-new,.btn-scan{min-height:44px;padding:10px 16px}.panel-controls{padding:10px 16px}.inventory-item{padding:12px 16px}.item-name{font-size:1rem}.item-category{font-size:.8rem}.item-quantity{font-size:.85rem}}@media (width<=480px){.inventory-panel{max-height:80vh}.panel-header{padding:12px 16px 10px}}.form-threshold-row{align-items:center;gap:8px;margin-top:4px;display:flex}.form-threshold-label{color:var(--text-muted);flex:1;font-size:.75rem}.threshold-input{text-align:center;flex-shrink:0;width:70px}.item-low-badge{letter-spacing:.08em;background:var(--accent-red);color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.inventory-item.is-low-stock .item-quantity{color:var(--accent-red)}.edit-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.edit-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.edit-btn{border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:all .2s}.edit-btn:hover{background:var(--hover-overlay-strong)}.add-zone-btn{border-color:var(--accent-blue-dark);color:var(--accent-blue)}.add-zone-btn:hover{background:var(--accent-blue-bg)}.done-btn{border-color:var(--accent-green-dark);color:var(--accent-green)}.done-btn:hover{background:var(--accent-green-bg)}.delete-btn{border-color:var(--accent-red);color:var(--accent-red)}.delete-btn:hover{background:var(--accent-red-bg-strong)}.type-picker{z-index:20;background:var(--bg-surface);border:1px solid var(--border-secondary);min-width:200px;box-shadow:0 4px 12px var(--shadow-md);border-radius:8px;flex-wrap:wrap;gap:4px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0}.type-option{background:var(--hover-overlay);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:all .15s}.type-option:hover{background:var(--accent-blue-bg-strong);border-color:var(--accent-blue-dark)}.photo-btn{border-color:var(--accent-purple-dark);color:var(--accent-purple)}.photo-btn:hover{background:var(--accent-purple-bg)}.remove-photo-btn{border-color:var(--accent-red);color:var(--accent-red)}.remove-photo-btn:hover{background:var(--accent-red-bg-strong)}.analyze-btn{border-color:var(--accent-red);color:var(--accent-red)}.analyze-btn:hover{background:var(--accent-red-bg-strong)}.toggle-btn{border-color:var(--text-dim);color:var(--text-secondary)}.toggle-btn.active{border-color:var(--accent-purple-dark);color:var(--accent-purple)}.analyze-error{color:var(--accent-red);padding:4px 8px;font-size:.8rem}.accept-all-btn{border-color:var(--accent-green-ok);color:var(--accent-green-muted)}.accept-all-btn:hover{background:var(--accent-green-ok-bg)}.dismiss-all-btn{border-color:var(--text-muted);color:var(--text-secondary)}.dismiss-all-btn:hover{background:var(--hover-overlay-strong)}.feature-controls{border-left:1px solid var(--border-secondary);align-items:center;gap:6px;margin-left:4px;padding:0 4px;display:flex}.feature-add-btn.window{border-color:var(--accent-blue-dark,#3a7cc0);color:var(--accent-blue,#5b9bd5)}.feature-add-btn.window:hover{background:#5b9bd526}.door-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.door-select{background:var(--hover-overlay-strong);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 6px;font-size:.8rem}.door-select:focus{border-color:var(--accent-blue-dark);outline:none}.area-manager{flex-direction:column;gap:6px;display:flex}.area-manager-panel{background:var(--hover-overlay);border:1px solid var(--border-secondary);border-radius:8px;max-width:260px;padding:8px}.area-list{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.area-list-item{background:var(--hover-overlay-strong);color:var(--text-primary);border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.85rem;display:flex}.area-list-label{flex:1}.area-remove-btn{color:var(--text-hint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1;transition:color .15s}.area-remove-btn:hover{color:var(--accent-red)}.area-add-form{gap:4px;display:flex}.area-add-input{background:var(--hover-overlay-strong);border:1px solid var(--border-secondary);color:var(--text-primary);border-radius:4px;flex:1;padding:4px 8px;font-size:.85rem}.area-add-input:focus{border-color:var(--accent-blue-dark);outline:none}.area-add-btn{padding:4px 10px;font-size:.8rem}.zone-actions{align-items:center;gap:6px;display:flex}.rename-form{align-items:center;gap:4px;display:flex}.rename-input{background:var(--hover-overlay-strong);border:1px solid var(--border-secondary);color:var(--text-primary);border-radius:4px;width:120px;padding:4px 8px;font-size:.85rem}.rename-input:focus{border-color:var(--accent-blue-dark);outline:none}@media (width<=768px){.edit-toolbar{-webkit-overflow-scrolling:touch;padding:6px 10px;overflow-x:auto}.edit-btn{min-height:44px;padding:8px 12px;font-size:.8rem}.type-picker{max-width:calc(100vw - 20px)}.rename-input{width:100px}}@media (width<=480px){.edit-toolbar{gap:6px;padding:4px 8px}.edit-btn{min-height:44px;padding:6px 10px;font-size:.75rem}}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex;position:relative}.app-header__top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header__brand{align-items:center;gap:10px;min-width:0;display:flex}.app-header__brand-mark-box{border:1.5px solid var(--accent-red);background:var(--accent-red-dim,#e945602e);width:32px;height:32px;color:var(--accent-red);border-radius:8px;flex:none;place-items:center;display:grid}.app-header__wordmark{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.app-header__title{color:var(--text-secondary);border-left:1px solid var(--border-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:8px;padding-left:8px;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden}.app-header__subtitle{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.app-header__left-slot{flex:none;align-items:center;margin-right:6px;display:flex}@media (width<=480px){.app-header__wordmark{font-size:13px}.app-header__title{margin-left:6px;padding-left:6px;font-size:11px}.app-header__subtitle{font-size:11px}}.app-header__actions{flex:none;align-items:center;gap:4px;display:flex}.app-header__icon-btn{min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;transition:background-color .12s,border-color .12s,color .12s;display:grid}.app-header__icon-btn:hover{background:var(--hover-overlay,#ffffff0a);color:var(--text-primary)}.app-header__icon-btn:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.app-header__hero-row{flex-direction:column;gap:4px;width:100%;display:flex}.app-header__hero-scan-cta{background:var(--accent-red);color:#fff;letter-spacing:.01em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .14s,transform .14s;display:flex;position:relative;box-shadow:0 10px 22px -8px #e945608c,inset 0 1px #ffffff2e,inset 0 -1px #00000038}.app-header__hero-scan-cta:hover{background:var(--accent-red-hover);transform:translateY(-1px)}.app-header__hero-scan-cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.app-header__hero-scan-cta[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.app-header__hero-scan-cta[aria-disabled=true]:hover{background:var(--accent-red);transform:none}.app-header__hero-scan-cta:after{content:"";pointer-events:none;border:1px solid #e9456059;border-radius:16px;animation:2.6s ease-in-out infinite appHeaderScanPulse;position:absolute;inset:-3px}.app-header__hero-scan-cta[aria-disabled=true]:after{display:none}@keyframes appHeaderScanPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.app-header__hero-scan-cta:after{animation:none}.app-header__hero-scan-cta:hover{transform:none}}.app-header__disabled-reason{color:var(--text-muted);text-align:center;padding:0 4px;font-size:11px}.app-header__search-overlay{background:var(--bg-secondary);z-index:10;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;inset:0}.app-header__search-input{background:var(--bg-input,var(--bg-deep,#0f1729));border:1px solid var(--border-primary);color:var(--text-input,var(--text-primary));border-radius:10px;outline:none;flex:1;min-height:44px;padding:10px 14px;font-size:15px}.app-header__search-input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px #8ab4f840}.app-header__search-close-btn{border:1px solid var(--border-primary);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.app-header__search-close-btn:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}@media (width<=480px){.app-header__hero-scan-cta{font-size:14px}}.shelf-scanner{flex-direction:column;gap:12px;padding:16px;display:flex}.scanner-header{justify-content:space-between;align-items:center;display:flex}.scanner-header h3{color:var(--text-primary);margin:0;font-size:1rem}.scanner-capture{flex-direction:column;gap:10px;padding:20px 0;display:flex}.btn-capture{border:2px dashed var(--border-secondary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;min-height:44px;padding:14px 20px;font-size:.95rem;transition:border-color .2s,background .2s}.btn-capture:hover{border-color:var(--accent-red);background:var(--accent-red-bg-faint)}.scanner-preview{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.preview-image{object-fit:contain;background:var(--bg-deep);width:100%;height:auto;max-height:300px;display:block}.scanner-actions{gap:8px;display:flex}.scanner-actions .btn{cursor:pointer;border:none;border-radius:6px;flex:1;min-height:44px;padding:10px 16px;font-size:.9rem}.btn-analyze{background:var(--accent-red);color:#fff;font-weight:600}.btn-analyze:hover:not(:disabled){background:var(--accent-red-hover)}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.btn-retake{background:var(--border-primary);color:var(--text-secondary)}.btn-retake:hover{background:var(--border-secondary)}.scanner-error{background:var(--accent-red-bg);border:1px solid var(--accent-red-bg-strong);color:var(--accent-red);border-radius:6px;padding:10px 14px;font-size:.85rem}.scanner-checklist{overscroll-behavior:contain;max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.scanner-checklist-item{border-bottom:1px solid var(--bg-primary);padding:0}.scanner-checklist-item label{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:10px 4px;display:flex}.scanner-checklist-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-red);flex-shrink:0}.scanner-checklist-item .item-name{color:var(--text-primary);flex:1;font-weight:500}.scanner-checklist-item .item-detail{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.search-results-overlay{z-index:100;width:90%;max-width:500px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.search-results-card{background:var(--bg-surface);border:1px solid var(--border-secondary);box-shadow:0 8px 32px var(--shadow-lg);border-radius:10px;flex-direction:column;max-height:400px;display:flex;overflow:hidden}.results-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.results-header h3{color:var(--text-primary);font-size:.9rem;font-weight:600}.btn-close-results{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .2s;display:flex}.btn-close-results:hover{color:var(--accent-red)}.results-list{flex:1;list-style:none;overflow-y:auto}.result-item{cursor:pointer;border-bottom:1px solid var(--subtle-border);justify-content:space-between;align-items:center;padding:10px 18px;transition:background .15s;display:flex}.result-item:hover{background:var(--accent-red-bg-subtle)}.result-item:last-child{border-bottom:none}.result-info{flex:1;min-width:0}.result-name{color:var(--text-primary);font-size:.88rem;font-weight:500;display:block}.result-location-line{color:var(--accent-red);align-items:center;gap:4px;margin-top:3px;font-size:.75rem;font-weight:500;display:flex}.result-location-line svg{opacity:.85;flex-shrink:0}.result-wall{color:var(--text-muted);font-weight:400}.result-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.result-category{color:var(--text-muted);background:var(--hover-overlay);border-radius:3px;padding:1px 6px;font-size:.7rem}.result-qty{color:var(--text-muted);font-size:.72rem}.result-arrow{color:var(--text-dim);flex-shrink:0;margin-left:8px}.no-results{text-align:center;color:var(--text-faint);padding:30px 18px;font-size:.85rem}.garage-join{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.join-card{background:var(--bg-surface);border:1px solid var(--border-secondary);text-align:center;width:100%;max-width:400px;box-shadow:0 8px 32px var(--shadow-md);border-radius:16px;padding:40px}.join-title{color:var(--accent-red);margin-bottom:8px;font-size:1.8rem}.join-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.join-options{flex-direction:column;align-items:center;gap:12px;display:flex}.join-option-btn{border:1px solid var(--border-secondary);background:var(--hover-overlay);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;padding:14px 24px;font-size:1rem;transition:all .2s}.join-option-btn:hover{background:var(--hover-overlay-stronger)}.create-btn:hover{border-color:var(--accent-green-dark);color:var(--accent-green)}.join-btn:hover{border-color:var(--accent-blue-dark);color:var(--accent-blue)}.join-divider{color:var(--text-dim);font-size:.85rem}.join-form{text-align:left;flex-direction:column;gap:12px;display:flex}.join-label{color:var(--text-secondary);font-size:.85rem}.join-input{background:var(--hover-overlay-strong);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:12px 16px;font-size:1rem}.join-input:focus{border-color:var(--accent-red);outline:none}.join-actions{gap:10px;margin-top:8px;display:flex}.join-submit{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:.95rem;transition:background .2s}.join-submit:hover:not(:disabled){background:var(--accent-red-hover)}.join-submit:disabled{opacity:.5;cursor:not-allowed}.join-back{border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:12px 20px;transition:all .2s}.join-back:hover{border-color:var(--text-muted);color:var(--text-primary)}.join-note{color:var(--accent-green);background:var(--accent-green-bg-subtle);border:1px solid var(--accent-green-note-border);text-align:center;border-radius:8px;padding:10px 14px;font-size:.8rem;line-height:1.5}.join-error{background:var(--accent-red-bg);border:1px solid var(--accent-red);color:var(--accent-red);border-radius:8px;margin-top:16px;padding:10px 16px;font-size:.85rem}.dashboard{background:var(--bg-deep);flex-direction:column;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.dashboard-loading{color:var(--text-subheading);flex-direction:column;align-items:center;gap:12px;margin-top:120px;display:flex}.dashboard-title{color:var(--accent-red);margin:0 0 32px;font-size:1.6rem;font-weight:700}.dashboard-empty{text-align:center;color:var(--text-subheading);margin-bottom:32px}.dashboard-empty-hint{color:var(--text-hint);margin-top:8px;font-size:.9rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;max-width:900px;margin-bottom:32px;display:grid}.dashboard-card-wrapper{position:relative}.dashboard-card{background:var(--bg-surface);border:1px solid var(--border-primary);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-family:inherit;font-size:inherit;border-radius:10px;flex-direction:column;gap:8px;padding:20px;transition:border-color .2s,transform .15s;display:flex}.dashboard-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.dashboard-delete-btn{width:28px;height:28px;color:var(--text-hint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:8px;right:8px}.dashboard-card-wrapper:hover .dashboard-delete-btn{opacity:1}.dashboard-delete-btn:hover{color:var(--accent-red);background:#e9456026}.dashboard-confirm-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dashboard-confirm-dialog{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:380px;padding:24px}.dashboard-confirm-title{color:var(--text-bright);margin:0 0 8px;font-size:1.1rem;font-weight:600}.dashboard-confirm-text{color:var(--text-subheading);margin:0 0 20px;font-size:.9rem;line-height:1.4}.dashboard-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.dashboard-confirm-cancel,.dashboard-confirm-delete{cursor:pointer;border:1px solid var(--border-primary);border-radius:8px;padding:8px 18px;font-size:.9rem}.dashboard-confirm-cancel{color:var(--text-subheading);background:0 0}.dashboard-confirm-cancel:hover{border-color:var(--accent-blue);color:var(--text-bright)}.dashboard-confirm-delete{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-bright)}.dashboard-confirm-delete:hover{opacity:.9}.dashboard-confirm-delete:disabled,.dashboard-confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.dashboard-type-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.dashboard-card-name{color:var(--text-bright);margin:0;font-size:1.15rem;font-weight:600}.dashboard-role-badge{text-transform:capitalize;border-radius:12px;width:fit-content;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.dashboard-role-badge.owner{background:var(--accent-green-bg-faint);color:var(--accent-green)}.dashboard-role-badge.member{background:var(--accent-blue-badge);color:var(--accent-blue)}.dashboard-item-count{color:var(--text-hint);font-size:.85rem}.dashboard-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dashboard-action-btn{border:1px solid var(--border-primary);color:var(--text-subheading);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.95rem;transition:border-color .2s,color .2s}.dashboard-action-btn:hover{border-color:var(--accent-blue);color:var(--text-bright)}.dashboard-action-btn.create{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-bright)}.dashboard-action-btn.create:hover{opacity:.9}@media (width<=480px){.dashboard-grid{grid-template-columns:1fr}.dashboard-actions{flex-direction:column;width:100%;max-width:280px}.dashboard-action-btn{width:100%}}.login-screen{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:40px 32px}.login-title{color:var(--accent-red);margin:0 0 8px;font-size:1.6rem;font-weight:700}.login-subtitle{color:var(--text-subheading);margin:0 0 24px;font-size:.95rem}.login-hint{color:var(--text-hint);margin:0 0 24px;font-size:.85rem}.login-tabs{border-bottom:1px solid var(--border-primary);gap:0;margin-bottom:20px;display:flex}.login-tab{color:var(--text-hint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 16px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.login-tab:hover{color:var(--text-primary)}.login-tab.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{border:1px solid var(--border-primary);background:var(--bg-deep);color:var(--text-primary);border-radius:6px;outline:none;padding:10px 14px;font-size:1rem;transition:border-color .2s}.login-input:focus{border-color:var(--accent-blue)}.login-submit-btn{background:var(--accent-red);color:var(--text-bright);cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-size:1rem;font-weight:600;transition:opacity .2s}.login-submit-btn:hover:not(:disabled){opacity:.9}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--accent-red);margin:12px 0 0;font-size:.9rem}.login-retry-btn{border:1px solid var(--border-primary);color:var(--accent-blue);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:border-color .2s}.login-retry-btn:hover{border-color:var(--accent-blue)}.login-forgot-link{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;margin:16px auto 0;padding:0;font-size:.85rem;transition:opacity .2s;display:block}.login-forgot-link:hover{opacity:.8}.login-back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin:20px auto 0;padding:0;font-size:.85rem;transition:color .2s;display:block}.login-back-link:hover{color:var(--text-secondary)}.landing-page{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);overflow-y:auto}.landing-hero{text-align:center;max-width:720px;margin:0 auto;padding:80px 24px 60px}.landing-logo{color:var(--accent-red);letter-spacing:.05em;text-transform:uppercase;margin:0 0 24px;font-size:1.2rem;font-weight:600}.landing-headline{color:var(--text-bright);margin:0 0 16px;font-size:2.4rem;font-weight:800;line-height:1.2}.landing-subheadline{color:var(--text-subheading);margin:0 0 32px;font-size:1.15rem;line-height:1.6}.landing-cta{background:var(--accent-red);color:var(--text-bright);cursor:pointer;border:none;border-radius:8px;padding:14px 36px;font-size:1.1rem;font-weight:700;transition:opacity .2s;display:inline-block}.landing-cta:hover{opacity:.9}.landing-section{max-width:900px;margin:0 auto;padding:48px 24px}.landing-section-title{color:var(--text-bright);text-align:center;margin:0 0 16px;font-size:1.6rem;font-weight:700}.landing-section-text{color:var(--text-subheading);text-align:center;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.landing-problem{border-top:1px solid var(--border-primary)}.landing-steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;display:grid}.landing-step{text-align:center;padding:24px 16px}.landing-step-number{background:var(--accent-red-bg-strong);width:40px;height:40px;color:var(--accent-red);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.2rem;font-weight:700;display:flex}.landing-step h4{color:var(--text-primary);margin:0 0 8px;font-size:1.05rem;font-weight:600}.landing-step p{color:var(--text-hint);margin:0;font-size:.95rem;line-height:1.5}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px;display:grid}.landing-feature-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;padding:24px}.landing-feature-icon{margin-bottom:12px;font-size:1.8rem}.landing-feature-card h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.landing-feature-card p{color:var(--text-hint);margin:0;font-size:.9rem;line-height:1.5}.landing-trust{border-top:1px solid var(--border-primary)}.landing-trust-items{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.landing-trust-item{text-align:center;max-width:220px}.landing-trust-badge{background:var(--accent-blue-badge);color:var(--accent-blue);border-radius:12px;margin-bottom:8px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.landing-trust-item p{color:var(--text-hint);margin:0;font-size:.9rem;line-height:1.4}.landing-cta-footer{text-align:center;border-top:1px solid var(--border-primary);padding-bottom:64px}.landing-cta-hint{color:var(--text-muted);margin:12px 0 0;font-size:.85rem}@media (width<=768px){.landing-hero{padding:48px 20px 40px}.landing-headline{font-size:1.8rem}.landing-subheadline{font-size:1rem}.landing-steps{grid-template-columns:1fr;gap:16px}.landing-features-grid{grid-template-columns:1fr}.landing-trust-items{flex-direction:column;align-items:center}}@media (width<=480px){.landing-hero{padding:32px 16px 28px}.landing-headline{font-size:1.5rem}.landing-section{padding:32px 16px}.landing-section-title{font-size:1.3rem}}.wall-navigator{width:100%}.wall-nav-bar{justify-content:center;align-items:center;gap:16px;padding:8px 0 4px;display:flex}.wall-nav-btn{border:1px solid var(--border-faint);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:24px;line-height:1;transition:background .15s,color .15s}.wall-nav-btn:hover{background:var(--border-subtle);color:var(--text-bright)}.wall-nav-btn:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px;background:var(--border-subtle);color:var(--text-bright)}.wall-nav-label{color:var(--text-primary);text-align:center;min-width:120px;font-size:16px;font-weight:600}.wall-dots{justify-content:center;gap:8px;padding:4px 0 8px;display:flex}.wall-dot{background:var(--border-faint);cursor:pointer;border:1.5px solid #0000;border-radius:50%;width:12px;height:12px;padding:0;transition:background .2s,transform .15s,border-color .2s;position:relative}.wall-dot.populated{background:var(--accent-red);opacity:.75}.wall-dot.empty{border-color:var(--border-faint);opacity:.7;background:0 0}.wall-dot:before{content:"";position:absolute;inset:-16px}.wall-dot:hover{background:var(--text-faint);transform:scale(1.2)}.wall-dot:focus-visible{outline:2px solid var(--accent-red);outline-offset:4px}.wall-dot.active{background:var(--accent-red);opacity:1;border-color:var(--accent-red);transform:scale(1.15)}.wall-dot.active:hover{background:var(--accent-red);opacity:1}.wall-navigator .garage-view{animation:.2s wall-fade-in}@keyframes wall-fade-in{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.wall-navigator .garage-view{animation:none}}.mobile-view-toggle{background:var(--bg-deep);border:1px solid var(--border-primary);border-radius:11px;gap:6px;margin:2px 12px 10px;padding:4px;display:flex}.mvt-btn{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.mvt-btn:hover{color:var(--text-secondary)}.mvt-btn.active{background:var(--bg-elevated);color:var(--text-bright);box-shadow:0 1px 4px var(--shadow-lg)}.mvt-btn:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.mobile-zone-list{width:100%;margin:0;padding:0;list-style:none}.mzl-row{background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-primary);width:100%;min-height:60px;color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.mzl-row:hover{background:var(--bg-surface)}.mzl-row:active{background:var(--bg-elevated)}.mzl-row:focus-visible{outline:2px solid var(--accent-red);outline-offset:-2px}.mzl-row.selected{background:var(--accent-red-bg-subtle);box-shadow:inset 3px 0 0 var(--accent-red)}.mzl-row.empty{opacity:.55}.mzl-emoji{text-align:center;flex-shrink:0;width:30px;font-size:22px}.mzl-text{flex-direction:column;flex:1;min-width:0;display:flex}.mzl-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.mzl-meta{color:var(--text-muted);margin-top:1px;font-size:12px}.mzl-count{text-align:center;min-width:34px;color:var(--text-secondary);background:var(--bg-elevated);border-radius:20px;flex-shrink:0;padding:3px 11px;font-size:14px;font-weight:600}.mzl-chev{color:var(--text-faint);flex-shrink:0;font-size:20px}.mzl-empty{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:.9rem}.mobile-map-view{background:var(--bg-deep);touch-action:none;border-radius:12px;width:100%;height:60vh;min-height:320px;position:relative;overflow:hidden}.mmv-wrapper{width:100%!important;height:100%!important}.mmv-content{width:100%}.mmv-content .garage-view{max-width:none}.mmv-controls{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:44px;right:12px}.mmv-controls button{border:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:42px;height:42px;color:var(--text-bright);cursor:pointer;background:#0f1729d9;border-radius:11px;font-size:18px;line-height:1}.mmv-controls button:active{background:var(--bg-elevated)}.mmv-controls button:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.mmv-edit-note{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-top:1px solid var(--border-primary);z-index:4;margin:0;padding:8px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.members-panel{flex-direction:column;gap:20px;display:flex}.members-section-title{color:var(--text-secondary);margin:0 0 10px;font-size:.9rem;font-weight:600}.members-empty{color:var(--text-muted);font-size:.85rem}.member-row{border-bottom:1px solid var(--border-primary);align-items:center;gap:10px;padding:8px 0;display:flex}.member-row:last-child{border-bottom:none}.member-info{flex:1;min-width:0}.member-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;display:block;overflow:hidden}.member-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.member-role{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:.75rem}.member-role.owner{background:var(--accent-red-bg-strong);color:var(--accent-red)}.member-role.member{background:var(--accent-blue-badge);color:var(--accent-blue)}.member-remove-btn{border:1px solid var(--accent-red);color:var(--accent-red);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .2s}.member-remove-btn:hover{background:var(--accent-red-bg)}.invitation-row{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.invitation-row:last-child{border-bottom:none}.invitation-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.invitation-revoke-btn{border:1px solid var(--text-muted);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:.7rem;transition:all .2s}.invitation-revoke-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.invite-form{gap:8px;display:flex}.invite-input{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-input);border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem}.invite-input:focus{border-color:var(--accent-red);outline:none}.invite-btn{background:var(--accent-red);color:var(--text-bright);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:opacity .2s}.invite-btn:disabled{opacity:.4;cursor:not-allowed}.invite-btn:not(:disabled):hover{opacity:.9}.invite-status{border-radius:4px;margin:8px 0 0;padding:6px 10px;font-size:.8rem}.invite-status.success{color:var(--accent-green);background:var(--accent-green-bg-subtle)}.invite-status.info{color:var(--accent-blue);background:var(--accent-blue-bg-subtle)}.settings-overlay{background:var(--shadow-overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);width:90%;max-width:440px;box-shadow:0 8px 32px var(--shadow-lg);border-radius:12px;padding:24px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-header h2{color:var(--accent-red);margin:0;font-size:1.2rem}.settings-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.settings-close:hover{color:var(--text-bright)}.settings-tabs{border-bottom:1px solid var(--border-primary);gap:0;margin-bottom:16px;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.settings-tab:hover{color:var(--text-secondary)}.settings-tab.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.settings-section{margin-bottom:16px}.settings-label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.settings-hint{color:var(--text-muted);margin:0 0 12px;font-size:.8rem;line-height:1.4}.settings-key-input{gap:8px;display:flex}.settings-input{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-input);border-radius:6px;flex:1;padding:10px 12px;font-family:monospace;font-size:.85rem}.settings-input:focus{border-color:var(--accent-red);outline:none}.settings-save-btn{background:var(--accent-red);color:var(--text-bright);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:opacity .2s}.settings-save-btn:disabled{opacity:.4;cursor:not-allowed}.settings-save-btn:not(:disabled):hover{opacity:.9}.settings-key-status{background:var(--accent-green-bg-subtle);border:1px solid var(--accent-green-badge-border);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.settings-key-configured{color:var(--accent-green);font-size:.85rem}.settings-remove-btn{color:var(--accent-red);border:1px solid var(--accent-red);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:.8rem;transition:all .2s}.settings-remove-btn:hover{background:var(--accent-red-bg)}@media (width<=768px){.settings-panel{width:95%;padding:16px}.settings-tab{font-size:.95rem}.settings-hint{font-size:.85rem}.settings-input,.settings-key-input{font-size:16px}}.app{flex-direction:column;min-height:100vh;display:flex}.error-banner{background:var(--accent-red-bg);border-bottom:1px solid var(--accent-red);color:var(--accent-red);text-align:center;padding:8px 24px;font-size:.85rem}.loading-screen{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-red);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-main{flex:1;display:flex;overflow:hidden}.garage-container{overscroll-behavior:none;flex:1;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;position:relative;overflow:auto}.garage-container.panel-open{flex:1}@media (width<=900px){.app-main{flex-direction:column}.garage-container{padding:10px}}@media (width<=768px){.app-main{flex-direction:column;position:relative}.garage-container{flex:1;align-items:flex-start;padding:8px}}.header-title-editable{cursor:pointer;border-bottom:1px dashed #e9456066;padding-bottom:2px}.header-title-editable:hover{border-bottom-color:var(--accent-red)}.header-title-input{color:var(--accent-red);border:none;border-bottom:2px solid var(--accent-red);background:0 0;outline:none;width:180px;max-width:50vw;padding:0 0 2px;font-family:inherit;font-size:1rem;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-surface:#1e2a4a;--bg-elevated:#2a3660;--bg-deep:#0f1729;--bg-input:#0f1729;--border-primary:#2a2a4a;--border-secondary:#3a3a5a;--border-subtle:#333;--border-faint:#444;--text-primary:#e0e0e0;--text-secondary:#ccc;--text-muted:#888;--text-faint:#666;--text-dim:#555;--text-hint:#8a94a8;--text-subheading:#b0b8c8;--text-bright:#fff;--text-input:#eee;--accent-red:#e94560;--accent-red-hover:#d63a55;--accent-red-dim:#d63050;--accent-blue:#8ab4f8;--accent-blue-dark:#4a7abf;--accent-blue-hover:#4a90d9;--accent-green:#8af8a0;--accent-green-dark:#4a9a5a;--accent-green-ok:#4caf50;--accent-green-muted:#81c784;--accent-purple:#b388ff;--accent-purple-dark:#7c4dff;--hover-overlay:#ffffff0d;--hover-overlay-strong:#ffffff14;--hover-overlay-stronger:#ffffff1a;--subtle-border:#ffffff0a;--subtle-bg:#ffffff08;--accent-red-bg:#e945601a;--accent-red-bg-strong:#e9456026;--accent-red-bg-subtle:#e9456014;--accent-red-bg-faint:#e945600d;--accent-blue-bg:#4a7abf26;--accent-blue-bg-strong:#4a7abf33;--accent-blue-bg-subtle:#4a7abf1a;--accent-blue-badge:#8ab4f826;--accent-green-bg:#4a9a5a26;--accent-green-bg-subtle:#4a9a5a1a;--accent-green-bg-faint:#8af8a026;--accent-green-badge-border:#8af8a033;--accent-green-ok-bg:#4caf5026;--accent-purple-bg:#7c4dff26;--accent-green-note-border:#4a9a5a4d;--shadow-md:#0000004d;--shadow-lg:#0006;--shadow-overlay:#0009;--svg-wall-top:#2a2a3e;--svg-wall-bottom:#1a1a2e;--svg-floor-top:#252535;--svg-floor-bottom:#1e1e2e;--svg-zone-cabinet-fill:#2d4a7a;--svg-zone-cabinet-stroke:#4a7abf;--svg-zone-cabinet-hover:#3d6aaa;--svg-zone-pegboard-fill:#5a4a3a;--svg-zone-pegboard-stroke:#8a7a6a;--svg-zone-pegboard-hover:#7a6a5a;--svg-zone-workbench-fill:#6b4423;--svg-zone-workbench-stroke:#a0724b;--svg-zone-workbench-hover:#8b6443;--svg-zone-drawers-fill:#5a3a1a;--svg-zone-drawers-stroke:#8a6a4a;--svg-zone-drawers-hover:#7a5a3a;--svg-zone-shelf-fill:#3a5a3a;--svg-zone-shelf-stroke:#5a8a5a;--svg-zone-shelf-hover:#4a7a4a;--svg-zone-bins-fill:#4a4a6a;--svg-zone-bins-stroke:#7a7aaa;--svg-zone-bins-hover:#6a6a8a;--svg-zone-closet-fill:#3a3a6a;--svg-zone-closet-stroke:#6a6aaa;--svg-zone-closet-hover:#5a5a8a;--svg-zone-box-fill:#5a5a3a;--svg-zone-box-stroke:#8a8a5a;--svg-zone-box-hover:#7a7a4a;--svg-zone-custom-fill:#4a4a4a;--svg-zone-custom-stroke:#7a7a7a;--svg-zone-custom-hover:#6a6a6a;--svg-zone-decoration:#ffffff26;--svg-zone-decoration-strong:#fff3;--svg-zone-decoration-subtle:#ffffff1f;--svg-zone-decoration-stroke:white;--svg-border:#333;--svg-wall-edge:#444;--svg-floor-texture:#ffffff05;--svg-door-fill:#555;--svg-door-stroke:#666;--svg-door-text:#888;--svg-zone-label:white;--svg-zone-count:#fff9;--svg-zone-label-shadow:#00000080;--svg-ghost-accept-fill:#2a5a2a;--svg-ghost-accept-stroke:#4caf50;--svg-ghost-accept-text:#4caf50;--svg-ghost-dismiss-fill:#3a2a2a;--svg-ghost-dismiss-stroke:#888;--svg-ghost-dismiss-text:#aaa;--svg-resize-handle-stroke:white;--svg-grid-dot:#ffffff26}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-surface:#f0f2f5;--bg-elevated:#fff;--bg-deep:#e8eaed;--bg-input:#fff;--border-primary:#d1d5db;--border-secondary:#e5e7eb;--border-subtle:#d1d5db;--border-faint:#e5e7eb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-faint:#9ca3af;--text-dim:#9ca3af;--text-hint:#6b7280;--text-subheading:#4b5563;--text-bright:#111827;--text-input:#1f2937;--accent-red:#e94560;--accent-red-hover:#d63a55;--accent-red-dim:#d63050;--accent-blue:#2563eb;--accent-blue-dark:#1d4ed8;--accent-blue-hover:#1e40af;--accent-green:#16a34a;--accent-green-dark:#15803d;--accent-green-ok:#16a34a;--accent-green-muted:#22c55e;--accent-purple:#7c3aed;--accent-purple-dark:#6d28d9;--hover-overlay:#0000000a;--hover-overlay-strong:#0000000f;--hover-overlay-stronger:#00000014;--subtle-border:#0000000f;--subtle-bg:#00000008;--accent-red-bg:#e9456014;--accent-red-bg-strong:#e945601f;--accent-red-bg-subtle:#e945600f;--accent-red-bg-faint:#e945600a;--accent-blue-bg:#2563eb1a;--accent-blue-bg-strong:#2563eb26;--accent-blue-bg-subtle:#2563eb14;--accent-blue-badge:#2563eb1a;--accent-green-bg:#16a34a1a;--accent-green-bg-subtle:#16a34a14;--accent-green-bg-faint:#16a34a1a;--accent-green-badge-border:#16a34a33;--accent-green-ok-bg:#16a34a1a;--accent-purple-bg:#7c3aed1a;--accent-green-note-border:#16a34a4d;--shadow-md:#0000001a;--shadow-lg:#00000026;--shadow-overlay:#0000004d;--svg-wall-top:#e8eaed;--svg-wall-bottom:#f5f5f7;--svg-floor-top:#dde0e4;--svg-floor-bottom:#e8eaed;--svg-zone-cabinet-fill:#b3cde8;--svg-zone-cabinet-stroke:#5b8ec2;--svg-zone-cabinet-hover:#9abbd8;--svg-zone-pegboard-fill:#d4c4a8;--svg-zone-pegboard-stroke:#9a8a6a;--svg-zone-pegboard-hover:#c4b498;--svg-zone-workbench-fill:#d4a87a;--svg-zone-workbench-stroke:#8b6443;--svg-zone-workbench-hover:#c49a6a;--svg-zone-drawers-fill:#c8a87a;--svg-zone-drawers-stroke:#8a6a4a;--svg-zone-drawers-hover:#b89868;--svg-zone-shelf-fill:#a8d4a8;--svg-zone-shelf-stroke:#5a8a5a;--svg-zone-shelf-hover:#98c498;--svg-zone-bins-fill:#b8b8d8;--svg-zone-bins-stroke:#7a7aaa;--svg-zone-bins-hover:#a8a8c8;--svg-zone-closet-fill:#b0b0d8;--svg-zone-closet-stroke:#6a6aaa;--svg-zone-closet-hover:#a0a0c8;--svg-zone-box-fill:#d0d0a8;--svg-zone-box-stroke:#8a8a5a;--svg-zone-box-hover:#c0c098;--svg-zone-custom-fill:silver;--svg-zone-custom-stroke:gray;--svg-zone-custom-hover:#b0b0b0;--svg-zone-decoration:#0000001f;--svg-zone-decoration-strong:#0000002e;--svg-zone-decoration-subtle:#0000001a;--svg-zone-decoration-stroke:#333;--svg-border:silver;--svg-wall-edge:#d0d0d0;--svg-floor-texture:#00000008;--svg-door-fill:#c8c8c8;--svg-door-stroke:#aaa;--svg-door-text:#888;--svg-zone-label:#1a1a2e;--svg-zone-count:#0000008c;--svg-zone-label-shadow:#fff9;--svg-ghost-accept-fill:#d4f0d4;--svg-ghost-accept-stroke:#2e7d32;--svg-ghost-accept-text:#2e7d32;--svg-ghost-dismiss-fill:#e8e0e0;--svg-ghost-dismiss-stroke:#999;--svg-ghost-dismiss-text:#666;--svg-resize-handle-stroke:#333;--svg-grid-dot:#0000001f}body{background:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{min-height:100vh}