:root{--color-primary:#15635E;--color-primary-dark:#0d4a46;--color-primary-light:#e8f5f4;--color-success:#27ae60;--color-success-light:#e8f8f0;--color-error:#e74c3c;--color-error-light:#fdf2f2;--color-warning:#f39c12;--color-warning-light:#fef9e7;--color-info:#3498db;--color-info-light:#eaf4fc;--color-text:#333;--color-text-muted:#666;--color-text-light:#999;--color-text-lighter:#888;--color-border:#e0e0e0;--color-border-light:#ddd;--color-border-lighter:#eee;--color-primary-bg:#f0f9f8;--color-primary-hover:#1e8a84;--color-bg-subtle:#f5f5f5;--color-gold:#E8AF00;--color-gold-light:#FFD700;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.12);--shadow-lg:0 10px 30px rgba(0, 0, 0, 0.16);--shadow-focus:0 0 0 3px rgba(21, 99, 94, 0.2);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:999}.btn,.module-item,.selected-module{transition:all var(--transition-normal)}.btn.disabled,.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn.disabled:hover,.btn:disabled:hover,button:disabled:hover{transform:none;box-shadow:none}.btn:focus-visible,.camera-preset-btn:focus-visible,.category-tab:focus-visible,.env-option:focus-visible,.foundation-btn-v2:focus-visible,.kit-card:focus-visible,.material-btn:focus-visible,.module-item:focus-visible,.screenshot-res-btn:focus-visible,.weather-option:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-focus)}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}.item-action-btn:focus-visible,.remove-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:50%}#canvas-container canvas:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:var(--z-max);padding:10px 20px;background:var(--color-primary);color:#fff;font-weight:600;text-decoration:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--shadow-focus);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:read-only,input[readonly]{background-color:var(--color-bg-subtle);cursor:default}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.module-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;cursor:pointer;border-bottom:2px solid var(--color-primary);margin-top:1rem;margin-bottom:.5rem;color:var(--color-primary)}.accordion-header:hover{background-color:#f0f7f6}.accordion-header h3{margin:0;font-size:1.1rem}.accordion-content{transition:all .3s ease}.group-accordion summary .arrow{display:inline-block;transition:transform .3s ease}.group-accordion[open] summary .arrow{transform:rotate(180deg)}.group-accordion summary::-webkit-details-marker{display:none}.group-accordion summary::marker{content:''}.material-toolbar{position:sticky;top:0;z-index:10;background:#fff;padding:10px 0;border-bottom:1px solid var(--color-border-lighter);display:flex;justify-content:space-around;margin-bottom:10px}.material-toolbar div{padding:8px 15px;border-radius:20px;cursor:pointer;border:1px solid var(--color-border-light);transition:all .2s;font-size:1.2rem}.material-toolbar div:hover{background:var(--color-bg-subtle)}.material-toolbar div.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.module-item.added{animation:addedPulse .5s ease}@keyframes addedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}#build-summary,#module-library,.kit-modal-content,.module-grid{scrollbar-width:thin;scrollbar-color:var(--color-primary) #f1f1f1}#build-summary::-webkit-scrollbar,#module-library::-webkit-scrollbar,.kit-modal-content::-webkit-scrollbar,.module-grid::-webkit-scrollbar{width:8px}#build-summary::-webkit-scrollbar-track,#module-library::-webkit-scrollbar-track,.kit-modal-content::-webkit-scrollbar-track,.module-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:var(--radius-sm)}#build-summary::-webkit-scrollbar-thumb,#module-library::-webkit-scrollbar-thumb,.kit-modal-content::-webkit-scrollbar-thumb,.module-grid::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}#build-summary::-webkit-scrollbar-thumb:hover,#module-library::-webkit-scrollbar-thumb:hover,.kit-modal-content::-webkit-scrollbar-thumb:hover,.module-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media (max-width:768px){.module-item{padding:.75rem}.btn{padding:.4rem 1rem;font-size:.9rem}}@media (max-width:1024px){.collapsible-section{border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-bottom:1px solid transparent;transition:all .2s}.collapsible-header:active{background:var(--color-primary-bg)}.collapsible-header.expanded{border-bottom-color:var(--color-border);background:var(--color-primary-bg)}.collapsible-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:10px}.collapsible-header .section-icon{font-size:1.3rem}.collapsible-header .module-count{background:var(--color-primary);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.collapsible-chevron{font-size:1.2rem;color:var(--color-primary);transition:transform .3s ease}.collapsible-header.expanded .collapsible-chevron{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}.collapsible-content.expanded{max-height:500px;padding:16px;overflow-y:auto}.collapsible-content .module-grid-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid-inner>:last-child:nth-child(3n+1):not(:first-child){grid-column:2}.module-grid-inner>:nth-last-child(2):nth-child(3n+1){grid-column:1}.module-grid-inner>:last-child:nth-child(3n+2){grid-column:3}.module-card-compact{background:#f8f9fa;border:2px solid var(--color-border);border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s}.module-card-compact:active{transform:scale(.95)}.module-card-compact.added{border-color:var(--color-success);background:#d4edda}.module-card-compact .module-id{font-size:.85rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.module-card-compact .module-type{font-size:.7rem;color:var(--color-text-lighter)}.mobile-quick-actions{display:flex;gap:8px;padding:12px 16px;background:var(--color-primary);border-radius:12px;margin-bottom:12px}.mobile-quick-actions button{flex:1;padding:10px 8px;background:rgba(255,255,255,.15);border:none;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-quick-actions button:active{background:rgba(255,255,255,.25)}.mobile-quick-actions button .action-icon{font-size:1.2rem}#foundation-section{padding:12px!important;margin-top:12px!important}#foundation-section button{padding:8px 6px!important}#foundation-section button span:first-child{font-size:1rem!important}#foundation-section button span:last-child{font-size:.65rem!important}.drawer-header{position:sticky;top:0;background:#fff;z-index:10;padding:14px 16px!important;border-bottom:2px solid var(--color-primary)!important}.drawer-header h2{font-size:1.1rem!important}#build-summary,#module-library{transition:transform .3s ease,opacity .3s ease}}@media (max-width:768px){.category-tab{min-height:60px;padding:10px 8px!important}.module-card-compact,.module-item{min-height:70px}.btn,button{min-height:44px}}@media print{#header-actions,#module-library{display:none}#viewport{page-break-inside:avoid}}@media (max-width:1024px){#build-summary::before,#module-library::before{content:"";display:block;width:48px;height:5px;background:linear-gradient(90deg,#d0d0d0,#bbb,#d0d0d0);border-radius:3px;margin:14px auto 10px;cursor:grab;touch-action:none;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all var(--transition-fast)}#build-summary:active::before,#module-library:active::before{background:var(--color-primary);transform:scaleX(1.1);cursor:grabbing}#build-summary.active::before,#module-library.active::before{animation:grabHintPulse 1.5s ease-out .5s}@keyframes grabHintPulse{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.15)}}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.confirm-dialog-overlay.visible{opacity:1;visibility:visible}.confirm-dialog{background:#fff;border-radius:16px;padding:28px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9);transition:transform .2s}.confirm-dialog-overlay.visible .confirm-dialog{transform:scale(1)}.confirm-dialog-icon{font-size:3rem;margin-bottom:12px}.confirm-dialog-title{font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0 0 8px 0}.confirm-dialog-message{font-size:.95rem;color:var(--color-text-muted);margin:0 0 24px 0;line-height:1.5}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-btn{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-dialog-btn:active{transform:scale(.97)}.confirm-dialog-btn.cancel{background:#f0f0f0;color:var(--color-text-muted)}.confirm-dialog-btn.cancel:hover{background:var(--color-border)}.confirm-dialog-btn.confirm{background:var(--color-primary);color:#fff}.confirm-dialog-btn.confirm:hover{background:#1e7a73}.confirm-dialog-btn.danger{background:var(--color-error);color:#fff}.confirm-dialog-btn.danger:hover{background:#c82333}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,var(--color-border) 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-module-card{height:80px;margin-bottom:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-circle{width:50px;height:50px;border-radius:50%}.modules-loading{padding:20px}.modules-loading .skeleton-row{display:flex;gap:10px;margin-bottom:16px}.modules-loading .skeleton-tab{flex:1;height:40px;border-radius:8px}.modules-loading .skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modules-loading .skeleton-grid>:last-child:nth-child(3n+1):not(:first-child){grid-column:2}.modules-loading .skeleton-card{height:70px;border-radius:10px}.module-search-container{padding:0 10px 10px 10px}.category-tabs{display:flex;gap:3px;padding:0;background:0 0;margin-bottom:8px}.category-tab{flex:1;padding:5px 3px;border:1px solid var(--color-border-light);border-radius:5px;background:#fff;color:var(--color-text-muted);cursor:pointer;font-size:9px;font-weight:500;transition:all .15s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.category-tab i{font-size:12px;color:var(--color-text-lighter)}.category-tab.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.category-tab.active i{color:#fff}.category-tab:hover:not(.active){border-color:var(--color-primary);background:var(--color-primary-bg)}.category-tab:hover:not(.active) i{color:var(--color-primary)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:64px;gap:6px;padding:4px;align-content:start;flex:1 1 auto;overflow-y:auto;min-height:0}.foundation-section{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);padding:12px;border-radius:12px;margin-bottom:16px;border:2px solid var(--color-border)}.foundation-options{display:flex;gap:8px}.no-results-message{grid-column:1/-1;text-align:center;padding:30px;color:var(--color-text-light)}.module-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;pointer-events:none}.module-edit-name{font-weight:700;font-size:1rem;color:var(--color-primary)}.module-edit-controls{display:flex;gap:4px;pointer-events:auto}.module-edit-btn{padding:2px 6px;font-size:.8rem;border:1px solid var(--color-border-light);background:#fff;border-radius:4px;cursor:pointer}.module-edit-btn:hover{background:#f0f7f6;border-color:var(--color-primary)}.price-badge{font-size:.75rem;color:var(--color-text-light);background:var(--color-bg-subtle);padding:2px 6px;border-radius:3px}.material-row{display:flex;gap:4px;margin-bottom:8px}.edit-footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px dashed var(--color-border-lighter)}.color-section{display:flex;align-items:center;gap:6px}.color-picker-input{width:24px;height:24px;border:1px solid var(--color-border-light);border-radius:50%;cursor:pointer;padding:0;overflow:hidden;vertical-align:middle}.reset-color-link{cursor:pointer;font-size:1.1rem;color:var(--color-text-light);margin-left:2px;line-height:1}.reset-color-link:hover{color:var(--color-primary)}.opacity-container{display:flex;align-items:center;gap:4px;margin-left:10px;border-left:1px solid var(--color-border-lighter);padding-left:10px}.remove-module-btn{background:0 0;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:2px}.remove-module-btn:hover{opacity:1;color:var(--color-error)}.configurator-modal{position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.configurator-modal.hidden{display:none}.screenshot-watermark{position:absolute;bottom:120px;left:20px;color:rgba(255,255,255,.3);font-family:sans-serif;font-size:12px;pointer-events:none;z-index:1000}.modal-content-box{background:#fff;padding:30px 40px;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.modal-content-box.large{max-width:700px}.modal-content-box.small{max-width:400px;padding:24px 28px}.modal-title{color:#1a1a2e;margin-bottom:16px;font-size:1.3rem;font-weight:700;font-weight:700}.modal-description{color:var(--color-text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.5}.notification-toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:var(--radius-md);z-index:var(--z-modal);font-weight:500;font-size:.9rem;animation:notificationSlideDown var(--transition-slow);max-width:90vw;text-align:left;word-wrap:break-word;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg)}.notification-toast{background:var(--color-info-light);color:var(--color-info);border-left:4px solid var(--color-info)}.notification-toast.success{background:var(--color-success-light);color:#1e7e4a;border-left-color:var(--color-success)}.notification-toast.error{background:var(--color-error-light);color:#c0392b;border-left-color:var(--color-error)}.notification-toast.warning{background:var(--color-warning-light);color:#9a7b0a;border-left-color:var(--color-warning)}.notification-toast i{font-size:1rem;flex-shrink:0}.notification-toast.success i{color:var(--color-success)}.notification-toast.error i{color:var(--color-error)}.notification-toast.warning i{color:var(--color-warning)}@keyframes notificationSlideDown{from{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes notificationSlideUp{from{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(-20px);opacity:0}}.btn-action-primary{padding:12px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,99,94,.4)}.btn-action-secondary{padding:10px 20px;background:#f0f0f0;color:var(--color-text-muted);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action-secondary:hover{background:var(--color-border)}.btn-action-danger{padding:10px 20px;background:var(--color-error);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-action-danger:hover{background:#c82333}.btn-icon{padding:8px;background:0 0;border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;transition:all .15s ease}.btn-icon:hover{background:var(--color-bg-subtle);border-color:var(--color-primary)}.input-text{padding:10px 12px;border:2px solid var(--color-border);border-radius:8px;font-size:.95rem;width:100%;transition:border-color .2s ease}.input-text:focus{outline:0;border-color:var(--color-primary)}.input-color{width:32px;height:32px;border:2px solid var(--color-border-light);border-radius:50%;cursor:pointer;padding:0;overflow:hidden}.input-range{width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:0;-webkit-appearance:none}.input-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}.flex-row{display:flex;align-items:center}.flex-row.gap-sm{gap:4px}.flex-row.gap-md{gap:8px}.flex-row.gap-lg{gap:12px}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.module-card-library{display:flex;flex-direction:column;align-items:center;padding:10px 8px;border:2px dashed var(--color-border);border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.module-card-library:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.module-card-library.selected{border:2px solid var(--color-success);background:#f0fff4}.selected-module-card{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;background:#fdfdfd;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.selected-module-card:hover{background:var(--color-bg-subtle)}.material-btn{padding:3px 6px;font-size:.65rem;border:1px solid var(--color-border-light);background:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease}.material-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.material-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.price-badge{font-size:.75rem;color:var(--color-text-light);background:var(--color-bg-subtle);padding:2px 6px;border-radius:3px}.module-footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px dashed var(--color-border-lighter)}.color-section{display:flex;align-items:center;gap:6px}.opacity-section{display:flex;align-items:center;gap:4px;margin-left:10px;border-left:1px solid var(--color-border-lighter);padding-left:10px}.reset-link{cursor:pointer;font-size:1.1rem;color:var(--color-text-light);margin-left:2px;line-height:1}.reset-link:hover{color:var(--color-primary)}.remove-btn-inline{background:0 0;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:2px;transition:opacity .15s ease}.remove-btn-inline:hover{opacity:1}.module-card-v3{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:row;align-items:center;gap:10px;box-sizing:border-box;min-height:56px;height:64px;position:relative;overflow:hidden}.module-card-v3:hover{border-color:var(--color-primary);background:#fafcfc}.module-card-v3.focused{border-color:var(--color-gold-light);background:var(--color-primary);border-left:3px solid var(--color-gold-light);box-shadow:0 0 8px rgba(255,215,0,.3),0 0 0 1px rgba(255,215,0,.2)}.module-card-v3.focused .module-material,.module-card-v3.focused .module-name{color:#fff}.module-card-v3.focused .card-action-btn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.module-card-v3.focused .card-action-btn:hover{background:rgba(255,255,255,.25)}.module-card-v3.hidden-module{opacity:.5}.module-card-v3 .module-shape-icon{width:40px;height:44px;object-fit:contain;flex-shrink:0}.module-card-v3 .module-thumbnail{width:48px;height:48px;object-fit:cover;flex-shrink:0;border-radius:6px;background:var(--color-bg-subtle)}.module-card-v3 .hex-badge{width:36px;height:40px;background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--color-text);flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:2px solid var(--color-border-light)}.module-card-v3 .module-info{flex:1;min-width:0}.module-card-v3 .module-name{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-v3 .module-desc{font-size:.65rem;color:var(--color-text-muted,#999);line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card-v3 .module-material{font-size:.7rem;color:var(--color-text-light)}.module-card-v3.focused .module-desc{color:rgba(255,255,255,.7)}.module-card-v3 .card-actions{display:flex;gap:6px;flex-shrink:0}.module-card-v3 .card-action-btn{width:28px;height:28px;border:1px solid var(--color-border-light);border-radius:6px;background:#fff;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.module-card-v3 .card-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.module-card-desktop{background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:6px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:row;align-items:center;gap:6px;box-sizing:border-box;min-height:48px;position:relative}.module-card-desktop:hover{border-color:var(--color-primary);background:#f8fcfc}.module-card-desktop.selected{border-color:var(--color-success);background:#f0fff4}.module-card-desktop.focused{border-color:var(--color-gold-light);border-left:3px solid var(--color-gold-light);background:#fefdf5;box-shadow:0 0 8px rgba(255,215,0,.2),0 0 0 1px rgba(255,215,0,.15)}.module-card-desktop.hidden-module{opacity:.5}.module-card-desktop .card-actions{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.card-action-btn{width:24px;height:24px;border:none;border-radius:4px;background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .15s}.card-action-btn:hover{background:var(--color-primary-dark);transform:scale(1.1)}.card-action-btn.hide-btn{background:#6c757d}.card-action-btn.hide-btn:hover{background:#5a6268}.module-card-desktop .module-thumb{width:36px;height:36px;object-fit:contain;flex-shrink:0;background:var(--color-bg-subtle);border-radius:4px;padding:2px}.module-card-desktop .module-details{flex:1;min-width:0;text-align:left}.module-card-desktop .module-name{font-size:.68rem;font-weight:600;color:var(--color-text);margin-bottom:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-desktop .module-meta{display:flex;align-items:center;gap:4px;font-size:.55rem;color:var(--color-text-muted)}.module-card-desktop .module-dims{color:var(--color-text-lighter)}.module-card-desktop .module-id-badge{position:absolute;top:3px;right:4px;font-size:.5rem;font-weight:700;color:var(--color-primary);background:#e8f5f4;padding:1px 4px;border-radius:3px}.module-card-mobile{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:10px;min-height:50px;margin-bottom:6px;box-sizing:border-box;touch-action:manipulation;position:relative}.module-card-mobile:active{transform:scale(.98);background:#f8fcfc}.module-card-mobile.focused{border-color:var(--color-gold-light);border-left:3px solid var(--color-gold-light);background:#fefdf5;box-shadow:0 0 8px rgba(255,215,0,.2),0 0 0 1px rgba(255,215,0,.15)}.module-card-mobile.hidden-module{opacity:.5}.module-card-mobile .card-actions{display:flex;gap:6px;flex-shrink:0}.module-card-mobile .module-thumb{width:40px;height:40px;object-fit:contain;flex-shrink:0;background:var(--color-bg-subtle);border-radius:6px;padding:2px}.module-card-mobile .module-info{flex:1;min-width:0}.module-card-mobile .module-name{font-size:.85rem;font-weight:600;color:#222;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-mobile .module-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-text-lighter)}.module-card-mobile .module-dims{color:var(--color-text-lighter)}.module-card-mobile .module-id-badge{position:absolute;top:4px;right:50px;font-size:.65rem;font-weight:700;color:var(--color-primary);background:#e8f5f4;padding:2px 6px;border-radius:3px}.module-card-mobile .module-quick-add{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .2s}.module-card-mobile .module-quick-add.added{background:var(--color-success)}.cart-module-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fdfdfd;border-radius:10px;margin-bottom:10px;border:1px solid var(--color-border-lighter);transition:all .2s ease}.cart-module-item:hover{background:var(--color-bg-subtle);border-color:var(--color-border-light)}.cart-module-info{flex:1;min-width:0}.cart-module-name{font-weight:700;color:var(--color-text);margin-bottom:4px}.cart-module-details{font-size:.85rem;color:var(--color-text-muted)}.cart-module-price{font-weight:700;color:var(--color-primary);margin-left:12px;white-space:nowrap}.cart-module-remove{background:0 0;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;margin-left:8px;font-size:1.1rem;transition:color .15s}.cart-module-remove:hover{color:var(--color-error)}.help-section{margin-bottom:20px}.help-section h3{color:var(--color-text);font-size:1rem;margin-bottom:10px}.help-section ul{color:var(--color-text-muted);line-height:1.8;padding-left:20px;margin:0}.keyboard-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;color:var(--color-text-muted)}.keyboard-grid kbd{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-family:monospace}.help-footer{padding-top:16px;border-top:1px solid var(--color-border-lighter);text-align:center}.help-footer a{color:var(--color-primary);text-decoration:none}.help-footer a:hover{text-decoration:underline}.search-input-with-icon{width:100%;padding:10px 14px 10px 36px;border:2px solid var(--color-border);border-radius:8px;font-size:.9rem;outline:0;transition:border-color .2s;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 10px center no-repeat;background-size:18px;box-sizing:border-box}.search-input-with-icon:focus{border-color:var(--color-primary)}.foundation-selector{padding:16px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:12px;margin-top:16px;border:2px solid var(--color-primary)}.foundation-header{color:var(--color-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:12px}.foundation-options{display:flex;gap:8px}.foundation-btn{flex:1;padding:10px 8px;border:2px solid #ccc;border-radius:10px;background:#fff;color:#444;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:500}.foundation-btn:hover{border-color:var(--color-primary);background:#f8fcfc}.foundation-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:600}.foundation-btn .icon{font-size:1.2em;display:block}.foundation-btn .label{font-size:.75rem}.foundation-selector-v2{padding:8px;background:#f8f9fa;border-radius:6px;margin-top:8px;border:1px solid #e5e5e5}.foundation-header-v2{color:var(--color-primary);font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:5px}.foundation-header-v2 i{font-size:12px}.foundation-options-v2{display:flex;gap:6px}.foundation-btn-v2{flex:1;padding:6px 4px;border:1px solid var(--color-border-light);border-radius:5px;background:#fff;color:var(--color-text-muted);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500}.foundation-btn-v2 i{font-size:14px;color:var(--color-text-lighter)}.foundation-btn-v2:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.foundation-btn-v2:hover i{color:var(--color-primary)}.foundation-btn-v2.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.foundation-btn-v2.selected i{color:#fff}.module-card-compact-v2{border:1px solid #e5e5e5;border-radius:8px;padding:10px 12px;margin-bottom:8px;background:#fff;cursor:pointer;transition:all .15s}.module-card-compact-v2:hover{border-color:var(--color-primary);background:#fafcfc}.module-card-compact-v2.active{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 0 0 2px rgba(21,99,94,.15)}.mc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mc-name{font-weight:600;font-size:13px;color:var(--color-primary)}.mc-actions{display:flex;gap:4px}.mc-focus-btn{width:26px;height:26px;border:1px solid var(--color-border-light);border-radius:6px;background:#fff;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.mc-focus-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.mc-materials{display:flex;gap:4px;margin-bottom:0}.mc-mat{flex:1;padding:5px 6px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.mc-mat:hover{border-color:var(--color-primary);background:#f8fcfc}.mc-mat.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.mc-options{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-lighter)}.mc-color-wrap{display:flex;align-items:center;gap:6px}.mc-color{width:26px;height:26px;border:2px solid var(--color-border-light);border-radius:4px;padding:0;cursor:pointer;background:0 0}.mc-color::-webkit-color-swatch-wrapper{padding:2px}.mc-color::-webkit-color-swatch{border-radius:2px;border:none}.mc-color-label{font-size:10px;color:var(--color-text-lighter);text-transform:uppercase;font-weight:500}.mc-opacity-wrap{display:flex;align-items:center;gap:6px;flex:1}.mc-opacity-label{font-size:10px;color:var(--color-text-lighter);text-transform:uppercase;font-weight:500}.mc-opacity{flex:1;height:4px;-webkit-appearance:none;background:var(--color-border-light);border-radius:2px;outline:0}.mc-opacity::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer}.mc-opacity-val{font-size:11px;font-weight:600;color:#555;min-width:32px;text-align:right}.module-card-expanded{border:2px dashed var(--color-border);border-radius:12px;padding:14px;margin-bottom:10px;background:#fff;cursor:pointer;transition:all .2s}.module-card-expanded:hover{border-color:var(--color-primary)}.module-card-expanded.active{border:2px solid var(--color-primary);background:#f8fcfc}.module-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;pointer-events:none}.module-card-name{font-weight:700;font-size:1rem;color:var(--color-primary)}.module-card-controls{display:flex;gap:4px;pointer-events:auto}.module-card-controls .focus-btn{padding:2px 6px;font-size:.8rem;border:1px solid var(--color-border-light);background:#fff;border-radius:4px;cursor:pointer}.module-card-controls .focus-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.material-row{display:flex;gap:4px;margin-bottom:8px}.material-btn-expanded{flex:1;padding:6px 4px;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-text-muted);font-weight:400;font-size:.8rem;cursor:pointer;transition:all .1s;text-align:center}.material-btn-expanded:hover{border-color:var(--color-primary)}.material-btn-expanded.active{border-color:var(--color-primary);background:#f0f7f6;color:var(--color-primary);font-weight:600}.module-footer-controls{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px dashed var(--color-border-lighter)}.color-controls{display:flex;align-items:center;gap:6px}.color-picker-small{width:24px;height:24px;border:1px solid var(--color-border-light);border-radius:50%;cursor:pointer;padding:0;overflow:hidden;vertical-align:middle}.opacity-controls{display:flex;align-items:center;gap:4px;margin-left:10px;border-left:1px solid var(--color-border-lighter);padding-left:10px}.color-label{font-size:.75rem;color:var(--color-text-light)}.ar-modal-dark{background:rgba(0,0,0,.9);z-index:var(--z-modal);flex-direction:column;padding:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.share-modal-overlay{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);align-items:center;justify-content:center;overflow-y:auto;padding:20px}.share-modal-overlay.visible{display:flex}.shared-link-modal-overlay{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);backdrop-filter:blur(8px);align-items:center;justify-content:center}.shared-link-modal-overlay.visible{display:flex}.module-add-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);z-index:var(--z-modal);min-width:300px}.module-edit-panel{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);z-index:1000;width:300px;font-size:13px;overflow:hidden}.module-edit-panel.centered{bottom:100px;left:50%;transform:translateX(-50%);animation:editPanelSlideUp .2s ease}@keyframes editPanelSlideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.edit-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-primary);color:#fff;cursor:move}.edit-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-panel-btn{background:0 0;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;font-size:16px;line-height:1}.edit-panel-btn:hover{opacity:1;background:rgba(255,255,255,.15)}.edit-panel-body{padding:12px}.edit-batch-toggle{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-primary-bg);border-radius:6px;margin-bottom:12px;cursor:pointer;font-size:12px;color:var(--color-primary);font-weight:500}.edit-batch-toggle input{accent-color:var(--color-primary)}.edit-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.edit-row:last-child{margin-bottom:0}.edit-label{width:55px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0}.edit-material-btns{display:flex;gap:4px;flex:1}.edit-mat-chip{flex:1;padding:6px 8px;border:1px solid var(--color-border-light);border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#555;cursor:pointer;transition:all .15s}.edit-mat-chip:hover{border-color:var(--color-primary);background:#f8fcfc}.edit-mat-chip.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.edit-color-section{flex-direction:column;align-items:flex-start;gap:8px}.edit-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%}.edit-color-swatch{width:100%;aspect-ratio:1;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s}.edit-color-swatch:hover{transform:scale(1.1);z-index:1}.edit-color-swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--color-primary)}.edit-custom-color{display:flex;align-items:center;gap:8px;width:100%;padding-top:8px;border-top:1px solid var(--color-border-lighter);margin-top:4px}.edit-custom-color input[type=color]{width:28px;height:28px;border:2px solid var(--color-border-light);border-radius:4px;padding:0;cursor:pointer;background:0 0}.edit-custom-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.edit-custom-color input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.edit-custom-color span{font-size:11px;color:var(--color-text-muted)}.edit-slider-wrap{display:flex;align-items:center;gap:8px;flex:1}.edit-slider-wrap input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:var(--color-border-light);border-radius:2px;outline:0}.edit-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary);cursor:pointer}.edit-slider-wrap span{font-size:11px;font-weight:600;color:#555;min-width:32px;text-align:right}.edit-panel-footer{display:flex;gap:8px;padding:10px 12px;background:#f8f8f8;border-top:1px solid var(--color-border-lighter)}.edit-btn-remove{flex:1;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:6px;background:#fff;color:#c0392b;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.edit-btn-remove:hover{background:#fdf2f2;border-color:#c0392b}.edit-btn-done{flex:1;padding:8px 12px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.edit-btn-done:hover{background:var(--color-primary-dark)}.inline-edit-container{background:var(--color-primary);border-radius:8px;margin-bottom:8px;overflow:hidden;animation:inlineEditSlideDown .2s ease}.inline-edit-container.floating{position:fixed;top:90px;left:20px;z-index:1000;width:380px;max-width:calc(100vw - 40px);box-shadow:0 8px 32px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.inline-edit-container.preview-mode{background:linear-gradient(135deg,#1a7a73,var(--color-primary))}@keyframes inlineEditSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inline-preview-container{display:flex;gap:12px;padding:10px;align-items:center}.inline-cta .inline-cta-icon{width:80px;height:80px;background:rgba(255,255,255,.1);border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:rgba(255,255,255,.4)}.inline-preview-canvas{width:80px;height:80px;background:rgba(255,255,255,.1);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.inline-preview-canvas canvas{width:100%!important;height:100%!important}.inline-preview-info{flex:1;min-width:0}.inline-preview-name{color:#fff;font-weight:600;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-preview-desc{color:rgba(255,255,255,.7);font-size:11px;line-height:1.4}.inline-edit-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.15)}.inline-edit-title{color:#fff;font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.inline-edit-actions{display:flex;gap:4px}.inline-action-btn{width:26px;height:26px;border:none;border-radius:4px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.inline-action-btn:hover{background:rgba(255,255,255,.25)}.inline-action-btn.visibility-toggle.hidden{display:inline-flex!important;color:rgba(255,255,255,.5)}.inline-edit-body{padding:8px 10px;background:#fff}.inline-batch-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-muted);margin-bottom:8px;cursor:pointer}.inline-batch-toggle input{margin:0}.inline-edit-row{margin-bottom:8px}.inline-edit-row:last-child{margin-bottom:0}.inline-material-btns{display:flex;gap:4px}.inline-mat-btn{flex:1;padding:6px 8px;border:1px solid var(--color-border-light);border-radius:4px;background:#fff;color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.inline-mat-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.inline-mat-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.inline-color-grid{display:flex;flex-wrap:wrap;gap:4px}.inline-color-swatch{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;padding:0}.inline-color-swatch:hover{transform:scale(1.1)}.inline-color-swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(21,99,94,.3)}.inline-color-custom{width:24px;height:24px;position:relative;border:1px dashed #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.inline-color-custom input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.inline-color-custom i{font-size:12px;color:var(--color-text-light);pointer-events:none}.inline-opacity-row{display:flex;align-items:center;gap:8px}.inline-opacity-label{font-size:11px;color:var(--color-text-muted);min-width:45px}.inline-opacity-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:var(--color-border);border-radius:2px}.inline-opacity-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary);cursor:pointer}#inline-opacity-value{font-size:11px;color:var(--color-text-muted);min-width:32px;text-align:right}.inline-edit-footer{padding:6px 10px;background:var(--color-bg-subtle);border-top:1px solid var(--color-border-lighter);display:flex;justify-content:flex-end}.inline-remove-btn{width:28px;height:28px;padding:0;border:none;border-radius:4px;background:0 0;color:var(--color-text-light);font-size:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.inline-remove-btn:hover{background:#fee;color:#e74c3c}.kit-card{border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;background:#fff;position:relative}.kit-card:hover{border-color:var(--color-primary);background:#f8fcfc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,99,94,.15)}.kit-card.custom{border-color:var(--color-primary)}.kit-card-desktop{padding:1.5rem}.kit-card-mobile{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:left}.sticky-stats-bar{position:sticky;top:0;background:#fff;z-index:100;border-bottom:2px solid var(--color-primary);padding:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin:-1rem -1rem 1rem -1rem;display:flex;justify-content:space-between;align-items:center}.sticky-stats-bar:empty{display:none}.screenshot-res-btn{padding:14px;border:2px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;text-align:left;font-size:.95rem;transition:all .2s}.screenshot-res-btn.active,.screenshot-res-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.screenshot-res-btn.recommended{border-color:var(--color-primary);background:var(--color-primary-bg)}.video-anim-btn{padding:12px;border:2px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;text-align:center;font-size:.9rem;transition:all .2s}.video-anim-btn.active,.video-anim-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.embed-size-btn{padding:10px 8px;border:2px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;font-size:.8rem;text-align:center;transition:all .2s}.embed-size-btn.active,.embed-size-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.modal-content-wide{background:#fff;padding:24px;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-content-compact{background:#fff;padding:24px;border-radius:16px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto}.modal-content-email{background:#fff;padding:24px;border-radius:16px;max-width:480px;width:90%}@keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.share-modal-content{position:relative;background:#fff;color:#1a1a2e;padding:30px;border-radius:16px;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;flex-shrink:0}body.dark-mode .share-modal-content .modal-title,body:not(.light-mode) .share-modal-content .modal-title{color:#1a1a2e!important}body.dark-mode .share-modal-content .form-label,body:not(.light-mode) .share-modal-content .form-label{color:#333!important}.modal-watermark{position:absolute;top:12px;right:50px;font-size:.75rem;color:var(--color-text-light);margin:0}.modal-watermark a{color:var(--color-primary);text-decoration:none}.modal-close-btn{position:absolute;top:8px;right:12px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);line-height:1}.modal-close-btn:hover{color:var(--color-text-muted)}.form-group{margin-bottom:20px}.form-label{display:block;text-align:left;margin-bottom:8px;font-weight:600;color:var(--color-text)}.form-textarea{width:100%;padding:12px;border:2px solid var(--color-border-light);border-radius:8px;font-size:1rem;resize:vertical;min-height:80px;font-family:inherit;box-sizing:border-box}.form-textarea:focus{border-color:var(--color-primary);outline:0}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.btn-row-vertical{display:flex;flex-direction:column;gap:12px}.btn-copy-primary{flex:1;min-width:140px;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem}.btn-copy-primary:hover{background:#1a7a73}.btn-copy-secondary{flex:1;min-width:140px;padding:12px 20px;background:var(--color-gold);color:#000;border:2px solid #000;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem}.btn-copy-secondary:hover{background:#f5bc1a}.share-preview{background:var(--color-bg-subtle);padding:15px;border-radius:8px;text-align:left;font-size:.85rem;color:var(--color-text-muted);max-height:150px;overflow-y:auto;word-break:break-all}.share-preview strong{color:var(--color-text)}.qr-section{margin-top:20px;text-align:center}.qr-divider{display:flex;align-items:center;margin-bottom:15px}.qr-divider::after,.qr-divider::before{content:'';flex:1;height:1px;background:var(--color-border-light)}.qr-divider span{padding:0 15px;color:var(--color-text-lighter);font-size:.85rem;white-space:nowrap}.qr-code-container{display:inline-block;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qr-code-container img{display:block}.qr-hint{margin-top:10px;font-size:.8rem;color:var(--color-primary);font-weight:500}.social-share-row{display:flex;justify-content:center;gap:12px;margin:15px 0}.social-btn{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.social-btn:hover{transform:scale(1.1)}.social-btn:active{transform:scale(.95)}.social-btn.twitter{background:#000}.social-btn.facebook{background:#1877f2}.social-btn.linkedin{background:#0a66c2}.social-btn.pinterest{background:#e60023}.social-btn.native{background:var(--color-primary)}.social-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}.material-choice-row{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap}.material-choice-btn{flex:1;padding:8px 6px;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;transition:transform .15s ease}.material-choice-btn:hover{transform:scale(1.05)}.material-choice-btn.wood{background:#8b4513;color:#fff}.material-choice-btn.glass{background:#adf;color:var(--color-primary)}.material-choice-btn.mat-screen,.material-choice-btn.screen{background:var(--color-text);color:#fff}.material-choice-btn.mat-solar,.material-choice-btn.solar{background:linear-gradient(135deg,#1a237e,#283593);color:#90caf9}.material-choice-btn.mat-solar:hover,.material-choice-btn.solar:hover{background:linear-gradient(135deg,#283593,#3949ab)}.shared-message-quote{background:#f0f9f9;border-left:4px solid var(--color-primary);padding:15px 20px;margin-bottom:20px;border-radius:0 8px 8px 0;text-align:left}.shared-message-quote p{font-style:italic;color:var(--color-text);margin:0;font-size:1.1rem;line-height:1.5}.shared-modal-content{max-width:500px;width:90%;margin:auto;text-align:center;padding:40px;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);position:relative}.shared-modal-title{font-size:1.8rem;color:var(--color-primary);margin-bottom:1rem}.shared-modal-description{font-size:1rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5}.shared-modal-actions{display:flex;gap:16px;justify-content:center;margin-bottom:2rem}.btn-view-design{padding:14px 28px;font-size:1.1rem;background:var(--color-gold);color:#000;border:2px solid #000;border-radius:8px;font-weight:700;cursor:pointer}.btn-view-design:hover{background:#f5bc1a}.shared-modal-footer{border-top:1px solid var(--color-border-lighter);padding-top:1.5rem;margin-top:1rem}.shared-modal-footer p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:.5rem}.btn-start-fresh{background:0 0;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;text-decoration:underline;font-size:1rem}.modal-icon-large{font-size:3rem;margin-bottom:1rem}.modal-icon-medium{font-size:2rem;margin-bottom:10px}.ar-modal-close{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.8rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.ar-modal-close:hover{background:rgba(255,255,255,.2)}.ar-modal-title{color:#fff;margin-bottom:15px;text-align:center}.ar-viewer-container{width:100%;max-width:500px;height:400px;background:#222;border-radius:12px;overflow:hidden}.ar-note{color:var(--color-text-light);margin-top:15px;text-align:center;font-size:.9rem}.ar-qr-container{background:#fff;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center}.ar-qr-hint{color:var(--color-text-muted);margin-top:10px;font-size:.8rem}.ar-download-btn{margin-top:15px;padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.ar-download-btn:hover{background:#1a7a73}.tool-window-header{display:flex;justify-content:space-between;align-items:center;margin:-20px -24px 16px -24px;padding:14px 20px;background:#f8f9fa;border-bottom:2px solid var(--color-border);border-radius:13px 13px 0 0;cursor:grab}.tool-window-header:active{cursor:grabbing}.tool-window-title{display:flex;align-items:center;gap:10px}.tool-window-title-icon{font-size:1.2rem}.tool-window-title-text{font-weight:700;color:var(--color-primary);font-size:1.1rem}.tool-window-actions{display:flex;align-items:center;gap:8px}.tool-window-btn{padding:4px 8px;border:none;background:0 0;cursor:pointer;font-size:1rem;color:var(--color-text-lighter);line-height:1}.tool-window-btn:hover{color:var(--color-primary)}.tool-window-close{font-size:1.3rem}.edit-section{margin-bottom:16px}.edit-section-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:500}.edit-mat-row{display:flex;gap:10px}.edit-mat-btn{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:10px;background:#fff;cursor:pointer;font-size:1rem;font-weight:600;color:#555;transition:all .15s ease}.edit-mat-btn:hover{transform:scale(1.05)}.edit-mat-btn.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.edit-mat-btn .mat-icon{font-size:1.3rem;display:block;margin-bottom:2px}.color-preset-row{display:flex;align-items:center;gap:12px}.color-presets{display:flex;gap:6px;flex-wrap:wrap}.color-preset{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.color-preset:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.3)}.color-preset.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary)}.color-custom-section{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:12px;border-left:2px solid var(--color-border-lighter)}.color-picker-lg{width:36px;height:36px;border:2px solid var(--color-border-light);border-radius:8px;cursor:pointer;padding:0}.color-custom-label{font-size:.8rem;color:var(--color-text-light)}.opacity-row{display:flex;align-items:center;gap:12px}.opacity-slider{flex:1;height:8px}.opacity-value{font-size:.9rem;color:var(--color-text-muted);min-width:40px}.edit-actions{display:flex;gap:12px;padding-top:12px;border-top:2px solid #f0f0f0}.btn-remove{flex:1;padding:12px 16px;border:2px solid var(--color-error);border-radius:10px;background:#fff;color:var(--color-error);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s}.btn-remove:hover{background:var(--color-error);color:#fff}.btn-done{flex:1;padding:12px 16px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s}.btn-done:hover{background:#1a7a73}.help-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.help-modal-title{margin:0}.stats-label{font-weight:600;color:#444}.stats-value{font-weight:700;color:var(--color-primary);font-size:1.1rem}.tab-icon{font-size:1.3em}.badge-count{background:#fff;color:var(--color-primary);padding:2px 6px;border-radius:10px;font-size:.8em;margin-left:4px}.foundation-label{font-size:.75rem;color:var(--color-text-light);margin-top:4px}.btn-save-account{padding:14px 24px;background:var(--color-gold);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.btn-save-account:hover{background:#f5bc1a}.btn-dismiss{padding:10px;background:0 0;color:var(--color-text-light);border:none;font-size:.9rem;cursor:pointer;text-decoration:underline}.btn-dismiss:hover{color:var(--color-text-muted)}.kit-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700}.kit-badge.guided{background:var(--color-gold);color:#000}.kit-badge.quick{background:var(--color-primary);color:#fff}.kit-icon-large{font-size:3rem;margin-bottom:.5rem}.kit-thumb{width:80px;height:80px;object-fit:contain;margin-bottom:.5rem;border-radius:8px}.kit-thumb-small{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:6px;border-radius:4px}.kit-name{color:var(--color-primary);margin-bottom:.5rem;font-size:1.2rem}.kit-description{color:var(--color-text-muted);font-size:.9rem;margin:0 0 .5rem 0}.kit-tagline{font-size:.8rem;font-weight:600}.kit-tagline.primary{color:var(--color-primary)}.kit-tagline.secondary{color:var(--color-text-muted)}.kit-icon-mobile{font-size:1.75rem}.kit-name-mobile{color:var(--color-primary);font-size:1rem;font-weight:700}.textarea-code{height:300px;font-family:monospace;font-size:12px;resize:vertical}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:10px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:1rem}.res-label{color:var(--color-text-lighter);float:right}.res-label.highlight{color:var(--color-primary)}.tab-icon{font-size:1.3em}.search-empty-icon{font-size:2rem;margin-bottom:10px}.stats-count{font-weight:600;color:#444}.stats-total{font-weight:700;color:var(--color-primary);font-size:1.1rem}.btn-full{width:100%}.mt-sm{margin-top:10px}.mt-md{margin-top:15px}.mt-lg{margin-top:16px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:20px}.video-section{margin-bottom:16px}.video-section-label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.video-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.video-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.video-dur-btn,.video-qual-btn,.video-size-btn{padding:10px 8px;border:2px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.video-size-btn{text-align:left}.video-dur-btn.active,.video-dur-btn:hover,.video-qual-btn.active,.video-qual-btn:hover,.video-size-btn.active,.video-size-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.video-qual-subtext{font-size:.75rem;color:var(--color-text-lighter)}.ar-slot-btn{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.help-close-btn{font-size:1.5rem;background:0 0;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px 8px}.help-close-btn:hover{color:var(--color-text)}.distance-secondary{font-size:.9rem;color:rgba(255,255,255,.8)}.textarea-code{height:300px;font-family:monospace;font-size:12px;resize:vertical}.embed-section{margin-bottom:16px}.embed-label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.embed-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.embed-size-hint{font-size:.7rem;color:var(--color-text-lighter)}.embed-preview-container{background:#f8f9fa;border:2px dashed var(--color-border);border-radius:8px;padding:16px;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.embed-preview-box{background:var(--color-primary);color:#fff;padding:20px 40px;border-radius:8px;font-size:.85rem}.embed-preview-icon{font-size:24px;margin-bottom:8px;display:block}.embed-code-wrapper{position:relative}.embed-code-textarea{width:100%;height:120px;padding:12px;border:2px solid var(--color-border);border-radius:8px;font-family:'Courier New',monospace;font-size:.8rem;color:var(--color-text);resize:none;background:#f8f9fa;box-sizing:border-box}.embed-copy-btn{position:absolute;top:8px;right:8px;padding:6px 12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.embed-copy-btn:hover{background:var(--color-primary-hover)}.embed-tips{background:var(--color-primary-bg);border-radius:8px;padding:12px;font-size:.85rem;color:var(--color-text-muted)}.embed-tips p{margin:0 0 8px 0}.embed-tips p:last-child{margin-bottom:0}.embed-btn-row{display:flex;gap:10px}.btn-secondary-gray{flex:1;padding:12px;border:none;background:#f0f0f0;color:var(--color-text-muted);border-radius:8px;cursor:pointer;font-size:.95rem}.btn-secondary-gray:hover{background:var(--color-border)}.config-summary{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.config-row{display:flex;justify-content:space-between;margin-bottom:8px}.config-row:last-child{margin-bottom:0}.config-row.total{border-top:1px solid var(--color-border);padding-top:8px}.config-label{color:var(--color-text-muted)}.config-value{font-weight:700;color:var(--color-text)}.config-value.highlight{color:var(--color-primary);font-size:1.1rem}.form-input-full{width:100%;padding:12px;border:2px solid var(--color-border);border-radius:8px;font-size:1rem;box-sizing:border-box}.form-input-full:focus{border-color:var(--color-primary);outline:0}.form-checkbox-row{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-muted);cursor:pointer}.form-checkbox{width:18px;height:18px}.btn-gradient-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.btn-gradient-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary))}.lead-icon{font-size:3rem;margin-bottom:12px}.lead-benefits{background:linear-gradient(135deg,var(--color-primary-bg),#e8f4f3);border-radius:12px;padding:16px;margin-bottom:20px;text-align:left}.lead-benefits-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.lead-benefits-icon{font-size:1.2rem}.lead-benefits-title{color:var(--color-primary);font-weight:700}.lead-benefits-list{margin:0;padding-left:32px;color:#555;font-size:.9rem;line-height:1.6}.lead-input-wrapper{margin-bottom:16px;text-align:left}.lead-email-input{width:100%;padding:14px;border:2px solid var(--color-border);border-radius:10px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.lead-email-input:focus{border-color:var(--color-primary);outline:0}.btn-skip{width:100%;padding:10px;background:0 0;border:none;color:var(--color-text-lighter);font-size:.85rem;cursor:pointer;text-decoration:underline}.btn-skip:hover{color:var(--color-text-muted)}.preset-empty{color:var(--color-text-lighter);font-size:.9rem;text-align:center;padding:16px 0}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8f8f8;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.preset-item:hover{background:#e8f5f4}.preset-name{font-weight:600;color:var(--color-text);font-size:.9rem}.preset-meta{font-size:.75rem;color:var(--color-text-lighter)}.preset-actions{display:flex;gap:6px}.preset-load-btn{padding:4px 10px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.preset-load-btn:hover{background:var(--color-primary-hover)}.preset-delete-btn{padding:4px 8px;background:var(--color-error);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.preset-delete-btn:hover{background:#c82333}.ar-close-btn{background:#fff;color:var(--color-text)}.ar-slot-btn{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px}.ar-download-btn-alt{background:0 0;border:1px solid var(--color-primary)}.video-anim-btn{text-align:left}.modal-compact-narrow{max-width:360px}.modal-title-lg{font-size:1.5rem}.modal-title-md{font-size:1.4rem}.btn-padded{padding:14px 24px;font-size:1rem}.btn-padded-lg{padding:14px;font-size:1rem}.mt-md{margin-top:16px}.mb-md{margin-bottom:20px}.mb-lg{margin-bottom:20px}.text-center{text-align:center}.kit-thumb-inline{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:6px;border-radius:4px}.foundation-hint{font-size:.75rem;color:var(--color-text-light);margin-top:4px}.modal-animate-up{animation:modalSlideUp var(--transition-slow) cubic-bezier(.16,1,.3,1)}.modal-animate-in{animation:modalFadeIn var(--transition-slow) cubic-bezier(.16,1,.3,1)}.modal-animate-out{animation:modalFadeOut var(--transition-normal) ease-in forwards}.backdrop-fade-in{animation:backdropFadeIn var(--transition-normal) ease}.backdrop-fade-out{animation:backdropFadeOut var(--transition-normal) ease forwards}@keyframes modalSlideUp{from{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modalFadeIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalFadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.header-unit-toggle{display:flex;background:rgba(255,255,255,.15);border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.2)}.unit-toggle-btn{padding:4px 8px;border:none;background:0 0;color:rgba(255,255,255,.7);cursor:pointer;font-weight:600;font-size:.7rem;transition:all var(--transition-fast);letter-spacing:.5px}.unit-toggle-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.unit-toggle-btn.active{background:rgba(255,255,255,.25);color:#fff}@media (max-width:480px){.header-unit-toggle{display:none}}.unit-toggle-container{display:none!important}.unit-btn{padding:4px 10px;border:2px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-muted);cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s}.unit-btn:hover{border-color:var(--color-primary)}.unit-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.time-preset{flex:1;padding:8px;border:2px solid var(--color-border-light);border-radius:6px;background:#fff;cursor:pointer;font-size:.8rem;transition:all .2s}.time-preset:hover{border-color:var(--color-gold)}.time-preset.active{border-color:var(--color-gold);background:#fffbf0}.env-option{padding:12px 14px;border:2px solid transparent;border-radius:10px;background:var(--color-bg-subtle);cursor:pointer;text-align:left;font-weight:600;transition:all .2s}.env-option.active,.env-option:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.weather-option{padding:10px;border:2px solid transparent;border-radius:8px;background:var(--color-bg-subtle);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.weather-option.active,.weather-option:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.env-options-grid{display:flex;flex-direction:column;gap:8px}.weather-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-section-label{font-size:.75rem;color:var(--color-text-lighter);margin:0 0 8px 0;text-transform:uppercase}.tool-section-label.mt-md{margin-top:16px}.camera-preset-btn{padding:12px;border:2px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.camera-preset-btn:hover{border-color:#6f42c1;background:#f8f5ff}.camera-preset-btn.inside{grid-column:1/-1;border-color:#17a2b8;background:#f0f9ff}.camera-preset-btn.inside:hover{border-color:#17a2b8;background:#e5f4f8}.camera-presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-btn-icon{font-size:1.5rem;margin-bottom:4px}.dropdown-panel{display:none;position:fixed;top:55px;right:10px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);padding:8px;z-index:2500;min-width:180px}.dropdown-divider{height:1px;background:var(--color-border);margin:8px 0}.tool-item{width:100%;text-align:left;padding:10px 14px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:8px;font-size:.9rem}.tool-item:hover{background:var(--color-bg-subtle)}.tool-item.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;font-weight:600}.tool-item.primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary))}.tool-item-icon{width:20px;text-align:center}.tool-item-icon.teal{color:var(--color-primary)}.tool-item-icon.purple{color:#6f42c1}.tool-item-icon.pink{color:#e91e63}.tool-item-icon.red{color:var(--color-error)}.tool-item-icon.gray{color:#6c757d}.tool-item-icon.cyan{color:#17a2b8}.tool-item-icon.orange{color:#ff6b35}.tool-item-icon.gold{color:var(--color-gold)}.tool-item-icon.green{color:var(--color-success)}.tool-item.danger{color:var(--color-error)}.tool-item.mobile-only-tool{display:none}.header-actions{display:flex;gap:8px;align-items:center}.header-btn{background:rgba(255,255,255,.95);border:none;font-weight:600;padding:8px 12px;display:flex;align-items:center;gap:6px;border-radius:8px;cursor:pointer;transition:all .2s}.header-btn:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-btn.teal{color:var(--color-primary)}.header-btn.cyan{color:#17a2b8}.header-btn.pink{color:#e91e63}.header-btn.ar-featured{background:linear-gradient(135deg,#ff6b35,var(--color-gold));color:#fff;font-weight:700;padding:8px 16px;display:none;animation:pulse-glow 2s ease-in-out infinite}.header-btn-wrapper{position:relative}.undo-redo-group{display:flex;gap:2px;background:rgba(255,255,255,.95);border-radius:8px;padding:2px}.undo-redo-btn{background:0 0;color:var(--color-text-light);border:none;font-weight:600;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.undo-redo-btn:disabled{opacity:.5;cursor:not-allowed}.undo-redo-btn:not(:disabled):hover{background:#f0f0f0;color:var(--color-text)}.start-over-btn{background:#fff;color:var(--color-text-muted);border:2px dashed var(--color-text-light);font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.start-over-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.price-breakdown{margin-top:2rem;padding-top:1rem;border-top:2px solid var(--color-border)}.price-line{display:flex;justify-content:space-between;margin-bottom:.5rem}.price-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.materials-hint{font-size:.72rem;color:var(--color-text-light);text-align:center;margin:4px 0 0 0}.cta-primary{width:100%;margin-top:1rem;padding:14px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.cta-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(21,99,94,.3)}.cta-primary:disabled{background:#ccc;cursor:not-allowed}.cta-hint{font-size:.75rem;color:var(--color-text-light);text-align:center;margin:6px 0 0 0}.cta-secondary{width:100%;margin-top:.75rem;padding:10px 16px;background:0 0;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.cta-secondary:hover{background:#f5f9f8}.cta-tertiary{width:100%;margin-top:.5rem;padding:8px 16px;background:0 0;color:var(--color-text-lighter);border:none;font-weight:500;cursor:pointer;font-size:.82rem;text-align:center;transition:color .2s}.cta-tertiary:hover:not(:disabled){color:var(--color-primary)}.cta-tertiary:disabled{color:#ccc;cursor:not-allowed}.export-btn{width:100%;margin-top:1rem;padding:12px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.export-btn:hover{background:var(--color-primary-hover)}.export-hint{font-size:.75rem;color:var(--color-text-light);text-align:center;margin-top:8px}.empty-state-text{color:var(--color-text-light);text-align:center}.unit-toggle-container{position:fixed;bottom:20px;left:440px;z-index:100;background:rgba(255,255,255,.95);border-radius:8px;padding:6px 8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;font-size:.85rem}.unit-label{color:var(--color-text-muted)}.loading-progress-container{width:200px;height:6px;background:rgba(255,255,255,.2);border-radius:3px;margin-top:15px;overflow:hidden}.loading-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:3px;transition:width .3s ease-out}.initial-choice-container{display:none}.initial-choice-title{margin:0 0 .75rem 0;color:var(--color-text);font-size:1rem;font-weight:600}.initial-choice-buttons{display:flex;gap:.75rem;justify-content:center}.choice-btn{padding:10px 18px;border:2px solid var(--color-primary);border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.choice-btn.secondary{background:#fff;color:var(--color-primary)}.choice-btn.secondary:hover{background:var(--color-primary-bg)}.choice-btn.primary{background:var(--color-primary);color:#fff}.choice-btn.primary:hover{background:var(--color-primary-hover)}.configurator-watermark{position:absolute;top:100px;left:16px;opacity:.35;pointer-events:none;z-index:10;filter:grayscale(100%) brightness(.8) invert(1)}.watermark-logo{height:40px}.module-preview-section{display:none!important}.preview-corner{position:absolute;width:12px;height:12px;opacity:.6}.preview-corner.top-left{top:8px;left:8px;border-left:2px solid var(--color-primary);border-top:2px solid var(--color-primary)}.preview-corner.top-right{top:8px;right:8px;border-right:2px solid var(--color-primary);border-top:2px solid var(--color-primary)}.preview-corner.bottom-left{bottom:8px;left:8px;border-left:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.preview-corner.bottom-right{bottom:8px;right:8px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.module-preview-canvas{width:100%;height:200px;background:0 0;overflow:hidden;position:relative;margin-bottom:12px;border-radius:8px}.module-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6);font-size:.85rem;text-align:center;display:none}.module-preview-info{background:rgba(255,255,255,.95);border-radius:8px;padding:10px 14px;width:100%}.module-preview-label{font-weight:700;color:var(--color-primary);margin-bottom:4px;text-align:center;font-size:.95rem}.module-preview-description{font-size:.8rem;color:var(--color-text-muted);text-align:center;line-height:1.4}.day-night-toggle{display:flex;gap:6px;margin-bottom:12px}.sun-slider-row{display:flex;align-items:center;gap:12px}.sun-slider-icon{font-size:1.2rem}.sun-slider-input{flex:1;height:8px;cursor:pointer;accent-color:var(--color-gold)}.sun-time-display{text-align:center;margin-top:8px;font-weight:600;color:var(--color-text)}.explode-description{margin:0 0 12px 0;font-size:.85rem;color:var(--color-text-muted)}.explode-btn{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;width:100%;transition:background .2s}.explode-btn:hover{background:var(--color-primary-hover)}.explode-status{margin-top:10px;font-size:.8rem;color:var(--color-text-lighter)}.tool-window-body.text-center{text-align:center}.tool-icon-purple{color:#6f42c1}.tool-icon-gold{color:var(--color-gold)}.tool-icon-orange{color:#fd7e14}.auth-modal-backdrop{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px)}.auth-modal-content{background-color:#fefefe;margin:15% auto;padding:2rem;border:1px solid var(--color-text-lighter);width:90%;max-width:500px;border-radius:12px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.auth-modal-header{display:flex;justify-content:flex-end}.auth-modal-close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.auth-modal-close:hover{color:var(--color-text-muted)}.auth-modal-title{color:var(--color-primary);margin-bottom:1rem}.auth-modal-subtitle{margin-bottom:2rem;color:var(--color-text-muted);font-size:1.1rem}.auth-modal-buttons{display:flex;flex-direction:column;gap:1rem}.auth-btn-primary{padding:1rem;font-size:1.1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.auth-btn-primary:hover{background:var(--color-primary-hover)}.auth-btn-secondary{padding:1rem;font-size:1.1rem;color:var(--color-primary);border:2px solid var(--color-primary);background:#fff;border-radius:8px;cursor:pointer;font-weight:600}.auth-btn-secondary:hover{background:var(--color-primary-bg)}.auth-modal-footer{margin-top:1.5rem;font-size:.9rem;color:var(--color-text-lighter)}.dimensions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;text-align:center}.dimension-box{background:#f8f9fa;padding:10px 8px;border-radius:8px}.dimension-label{font-size:.7rem;color:var(--color-text-lighter);text-transform:uppercase;margin-bottom:4px}.dimension-value{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.dimension-toggle-container{margin-top:12px;text-align:center}.dimension-toggle-btn{padding:8px 16px;background:var(--color-gold);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem}.dimension-toggle-btn:hover{background:#d4960a}.dimension-toggle-btn.active{background:var(--color-primary)}.dimension-toggle-btn.active:hover{background:var(--color-primary-hover)}.measure-indicator{display:none;position:fixed;top:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;z-index:2000;box-shadow:0 4px 20px rgba(0,0,0,.3);text-align:center}.measure-distance{font-size:1.5rem;margin-top:8px;display:none}.measure-cancel-btn{margin-top:10px;padding:6px 16px;background:rgba(255,255,255,.2);border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem}.measure-cancel-btn:hover{background:rgba(255,255,255,.3)}.progress-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 40px;border-radius:16px;z-index:3000;box-shadow:0 10px 40px rgba(0,0,0,.4);text-align:center;min-width:280px}.progress-modal-emoji{font-size:2rem;margin-bottom:12px}.progress-modal-title{color:var(--color-primary);margin-bottom:16px}.progress-bar-container{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-gold));border-radius:4px;transition:width .1s}.progress-bar-fill.slow-transition{transition:width .3s}.progress-status-text{color:var(--color-text-lighter);margin-top:12px;font-size:.9rem}.share-modal-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2999}.share-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 40px;border-radius:16px;z-index:3000;box-shadow:0 10px 40px rgba(0,0,0,.4);text-align:center;min-width:320px;max-width:90vw}.share-modal-emoji{font-size:2.5rem;margin-bottom:8px}.share-modal-title{color:var(--color-primary);margin-bottom:8px}.share-modal-subtitle{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem}.native-share-btn{display:none;width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:16px}.native-share-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary))}.native-share-btn i{margin-right:8px}.social-share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.social-share-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;border-radius:50%;text-decoration:none;font-size:1.2rem;transition:transform .2s,opacity .2s}.social-share-btn:hover{transform:scale(1.1);opacity:.9}.social-share-btn.whatsapp{background:#25d366}.social-share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-share-btn.facebook{background:#1877f2}.social-share-btn.twitter{background:#000;font-size:1.3rem;font-weight:800}.social-share-btn.linkedin{background:#0a66c2}.social-share-btn.pinterest{background:#e60023}.social-share-btn.reddit{background:#ff4500}.share-link-section{margin-bottom:16px}.share-link-label{color:var(--color-text-lighter);font-size:.8rem;margin-bottom:8px}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1;padding:10px 12px;border:2px solid var(--color-border);border-radius:8px;font-size:.85rem;color:var(--color-text)}.share-link-copy-btn{padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.share-link-copy-btn:hover{background:var(--color-primary-hover)}.share-modal-close-btn{padding:10px 24px;background:#f0f0f0;color:var(--color-text-muted);border:none;border-radius:8px;font-weight:600;cursor:pointer}.share-modal-close-btn:hover{background:var(--color-border)}.annotate-indicator{display:none;position:fixed;top:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-gold),#d4960a);color:var(--color-text);padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;z-index:2000;box-shadow:0 4px 20px rgba(0,0,0,.3);text-align:center}.annotate-cancel-btn{margin-top:10px;padding:6px 16px;background:rgba(0,0,0,.2);border:1px solid var(--color-text);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.9rem}.annotate-cancel-btn:hover{background:rgba(0,0,0,.3)}.annotation-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px 32px;border-radius:16px;z-index:3500;box-shadow:0 10px 40px rgba(0,0,0,.4);min-width:320px}.annotation-modal-title{color:var(--color-primary);margin:0 0 16px 0;font-size:1.1rem}.annotation-module-name{color:var(--color-text-muted);margin-bottom:12px;font-size:.9rem}.annotation-input{width:100%;padding:12px;border:2px solid var(--color-primary);border-radius:8px;font-size:1rem;margin-bottom:16px;box-sizing:border-box}.annotation-buttons{display:flex;gap:12px}.annotation-save-btn{flex:1;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.annotation-save-btn:hover{background:var(--color-primary-hover)}.annotation-cancel-btn{flex:1;padding:12px;background:#f0f0f0;color:var(--color-text-muted);border:none;border-radius:8px;font-weight:600;cursor:pointer}.annotation-cancel-btn:hover{background:var(--color-border)}.presets-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.presets-empty{color:var(--color-text-lighter);font-size:.9rem;text-align:center;padding:16px 0}.presets-divider{border-top:1px solid var(--color-border);padding-top:12px}.preset-name-input{width:100%;padding:10px;border:2px solid var(--color-border);border-radius:8px;font-size:.9rem;margin-bottom:8px;box-sizing:border-box}.save-preset-btn{width:100%;padding:10px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}.save-preset-btn:hover{background:var(--color-primary-hover)}.quote-modal-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3500;backdrop-filter:blur(4px)}.quote-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:32px;width:90%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.quote-modal-close{position:absolute;top:16px;right:16px;background:0 0;border:none;font-size:1.5rem;color:var(--color-text-lighter);cursor:pointer}.quote-modal-close:hover{color:var(--color-text)}.quote-modal-title{color:var(--color-primary);margin:0 0 8px 0;font-size:1.5rem}.quote-modal-subtitle{color:var(--color-text-muted);margin:0 0 20px 0;font-size:.9rem}.quote-form-group{margin-bottom:16px}.quote-form-group.large{margin-bottom:20px}.quote-form-label{display:block;font-weight:600;color:var(--color-text);margin-bottom:6px;font-size:.9rem}.quote-form-input{width:100%;padding:12px;border:2px solid var(--color-border);border-radius:8px;font-size:1rem;box-sizing:border-box}.quote-form-textarea{width:100%;padding:12px;border:2px solid var(--color-border);border-radius:8px;font-size:1rem;box-sizing:border-box;resize:vertical}.quote-config-summary{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.85rem}.quote-config-label{color:var(--color-primary);font-weight:700}.quote-config-details{color:var(--color-text-muted);margin-top:4px}.quote-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer}.quote-submit-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary))}.quote-modal-footer{text-align:center;margin:16px 0 0 0;color:var(--color-text-light);font-size:.8rem}.view-controls-overlay{display:none;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:16px 24px;border-radius:12px;z-index:2000;text-align:center;font-size:.9rem}.view-controls-title{font-weight:700;margin-bottom:8px;font-size:1rem}.view-controls-hint{margin-bottom:12px;color:#aaa}.view-controls-keys{display:flex;gap:24px;justify-content:center;margin-bottom:12px}.view-controls-key{display:flex;align-items:center;gap:6px}.view-controls-key kbd{background:var(--color-text);padding:4px 10px;border-radius:4px}.exit-view-btn{padding:8px 20px;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.exit-view-btn.interior{background:#17a2b8}.exit-view-btn.interior:hover{background:#138496}.exit-view-btn.walkthrough{background:var(--color-error)}.exit-view-btn.walkthrough:hover{background:#c82333}.pdf-progress-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 40px;border-radius:16px;z-index:3000;box-shadow:0 10px 40px rgba(0,0,0,.4);text-align:center;min-width:280px}.kit-modal-backdrop{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center}.kit-modal-backdrop.active{animation:backdropFadeIn var(--transition-normal) ease}.kit-modal-content{background-color:#fff;padding:2rem;border-radius:var(--radius-xl);width:90%;max-width:900px;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto;position:relative;animation:modalSlideUp var(--transition-slow) cubic-bezier(.16,1,.3,1)}.kit-modal-close{position:absolute;top:.75rem;right:.75rem;background:var(--color-bg-subtle);border:none;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.kit-modal-close:hover{background:var(--color-border);color:var(--color-text);transform:rotate(90deg)}.kit-modal-title{color:var(--color-primary);margin-bottom:.5rem;text-align:center;font-size:2rem}.kit-modal-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.kit-loading-container{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.kit-loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.kit-loading-text{color:var(--color-text-muted);font-size:1rem;font-weight:500}.onboarding-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;backdrop-filter:blur(2px)}.onboarding-tooltip{display:none;position:fixed;z-index:var(--z-modal);background:#fff;border-radius:12px;padding:20px;max-width:320px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.onboarding-title{margin:0 0 10px 0;color:var(--color-primary);font-size:1.1rem}.onboarding-text{margin:0 0 15px 0;color:#555;font-size:.95rem;line-height:1.5}.onboarding-footer{display:flex;justify-content:space-between;align-items:center}.onboarding-progress{color:var(--color-text-light);font-size:.85rem}.onboarding-buttons{display:flex;gap:8px}.onboarding-skip-btn{padding:8px 16px;border:none;background:#f0f0f0;color:var(--color-text-muted);border-radius:6px;cursor:pointer;font-size:.9rem}.onboarding-skip-btn:hover{background:var(--color-border)}.onboarding-prev-btn{padding:8px 16px;border:1px solid var(--color-border);background:0 0;color:var(--color-text);border-radius:6px;cursor:pointer;font-size:.9rem}.onboarding-prev-btn:hover{background:var(--color-border)}.onboarding-next-btn{padding:8px 16px;border:none;background:var(--color-primary);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.onboarding-next-btn:hover{background:var(--color-primary-hover)}.onboarding-arrow{position:absolute;width:0;height:0;border:10px solid transparent}.tool-window-positioned{display:none;min-width:280px}.header-branding-link{text-decoration:none;color:#fff;display:flex;align-items:center;gap:12px}.header-logo{height:40px}.initially-hidden{display:none}.module-card.just-added{background:#e8f5f4;border-color:var(--color-success)}.module-card.selected{background:var(--color-primary-bg);border-color:var(--color-primary)}.module-card.idle{background:#f8fcfc;border-color:var(--color-primary)}@media (max-width:768px){.module-card.idle,.module-card.selected{background:#fff;border-color:#e8e8e8}}.summary-item.selected{border-left:3px solid var(--color-primary);background:var(--color-primary-bg)}.summary-item.selected .summary-item-card{border-color:var(--color-primary);background:var(--color-primary-bg)}.pin-btn.pinned{color:var(--color-primary)}.pin-btn:not(.pinned){color:var(--color-text-lighter)}.toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.toggle-btn:not(.active){background:#fff;color:var(--color-text);border-color:var(--color-border-light)}.explode-status.active{color:var(--color-primary);font-weight:700}.explode-status:not(.active){color:var(--color-text-muted);font-weight:400}.material-status.active{color:var(--color-primary);font-weight:700}.material-status:not(.active){color:var(--color-text-muted);font-weight:400}.module-item-card.focused,.module-item-card.highlighted{border-color:var(--color-gold-light);border-left:3px solid var(--color-gold-light);background:#fefdf5;box-shadow:0 0 8px rgba(255,215,0,.2);transition:border-color .2s,box-shadow .2s,background .2s}.selected-module.highlighted{border-left:3px solid var(--color-gold-light);background:#fefdf5;padding-left:12px}.build-stats-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;margin-bottom:4px;background:rgba(21,99,94,.06);border-radius:6px}.build-mat-stat{font-size:.75rem;color:#555;white-space:nowrap}.build-category-section{margin-bottom:2px}.build-category-header{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;margin-bottom:2px}.build-cat-icon{font-size:.8rem}.build-cat-label{flex:1}.build-cat-count{font-size:.7rem;background:#f0f0f0;color:#666;padding:1px 6px;border-radius:8px;font-weight:700}.build-group-item{padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .15s ease;border-left:3px solid transparent}.build-group-item:hover{background:#f8f8f8;border-left-color:var(--color-primary)}.build-group-item.highlighted{border-left-color:var(--color-gold-light);background:#fefdf5}.build-group-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.build-group-name{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:#333;min-width:0}.build-group-name>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-mat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.build-group-qty{font-size:.72rem;font-weight:700;color:#fff;background:var(--color-primary);padding:0 5px;border-radius:8px;flex-shrink:0;line-height:1.4}.build-group-price{font-size:.8rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.scale-toggle-group{display:flex;align-items:center;gap:8px;padding:6px 12px}.scale-segmented{display:flex;background:rgba(0,0,0,.15);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.scale-btn{padding:3px 10px;font-size:11px;font-weight:600;color:rgba(255,255,255,.6);background:0 0;border:none;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.5px}.scale-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.scale-btn.active{background:var(--color-gold-light);color:#1a1a2e;box-shadow:0 1px 3px rgba(0,0,0,.3)}.floating-share-cta{position:absolute;bottom:24px;right:24px;z-index:50;background:linear-gradient(135deg,var(--color-gold-light),orange);color:#1a1a2e;border:none;border-radius:28px;padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px rgba(255,215,0,.4),0 2px 8px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s;animation:shareCtaPulse 3s ease-in-out infinite}.floating-share-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 24px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.3)}.floating-share-cta i{margin-right:6px}@keyframes shareCtaPulse{0%,100%{box-shadow:0 4px 16px rgba(255,215,0,.4),0 2px 8px rgba(0,0,0,.2)}50%{box-shadow:0 4px 24px rgba(255,215,0,.6),0 2px 12px rgba(0,0,0,.3)}}@media (max-width:768px){.floating-share-cta{bottom:16px;right:16px;padding:10px 18px;font-size:13px}}.module-quick-add.added{background:var(--color-success)}.pin-btn.pinned{color:var(--color-primary);transform:rotate(45deg)}.pin-btn:not(.pinned){color:var(--color-text-lighter);transform:none}.foundation-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.foundation-btn:not(.active){background:#fff;color:var(--color-text);border-color:var(--color-border-light)}.explode-btn.exploded{background:var(--color-error)}.explode-status.exploded{color:var(--color-error)}#measure-btn.active,.header-btn.active{background:var(--color-primary);color:#fff}#annotate-btn.active-gold,#walkthrough-btn.active-gold,.header-btn.active-gold{background:var(--color-gold);color:var(--color-text)}#interior-view-btn.active-interior,.header-btn.active-interior{background:#17a2b8;color:#fff}.undo-redo-btn.disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-light)}.undo-redo-btn:not(.disabled){opacity:1;cursor:pointer;color:var(--color-primary)}body.crosshair-cursor{cursor:crosshair}.visible{display:block!important}.hidden{display:none!important}.view-controls-overlay.visible{display:block}.input-error{border-color:var(--color-error)!important}.input-error:focus{border-color:var(--color-primary)!important}.price-container{margin-top:4px}.price-total-value{font-weight:700}.price-breakdown-details{font-size:.75rem;color:var(--color-text-muted);line-height:1.4;margin-top:2px}.opacity-label{font-size:.75rem;color:var(--color-text-light)}.opacity-slider{width:50px}.selected-module-actions{display:flex;gap:8px}.share-config-btn{margin-right:10px}.cinematic-banner{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(40px);z-index:900;background:rgba(10,10,30,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px 32px;opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;max-width:90vw}.cinematic-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.cinematic-banner-content{display:flex;align-items:center;gap:14px}.cinematic-banner-icon{font-size:2rem;line-height:1}.cinematic-banner-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.cinematic-banner-subtitle{color:rgba(255,255,255,.7);font-size:.85rem;margin-top:2px}@media (max-width:480px){.cinematic-banner{bottom:80px;padding:14px 22px;border-radius:14px}.cinematic-banner-icon{font-size:1.5rem}.cinematic-banner-title{font-size:1.05rem}.cinematic-banner-subtitle{font-size:.78rem}}.floating-quotes-cta{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1001;background:linear-gradient(135deg,#c8942a 0,#e6b84f 50%,#c8942a 100%);color:#1a1a2e;border:none;border-radius:50px;padding:14px 28px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(200,148,42,.4),0 0 0 0 rgba(230,184,79,.3);transition:all .3s ease;animation:quotes-cta-pulse 2.5s ease-in-out infinite;white-space:nowrap;letter-spacing:.02em}.floating-quotes-cta:hover{transform:translateX(-50%) translateY(-3px);box-shadow:0 6px 28px rgba(200,148,42,.55)}.floating-quotes-cta:active{transform:translateX(-50%) scale(.97)}.floating-quotes-cta i{margin-right:6px}@keyframes quotes-cta-pulse{0%,100%{box-shadow:0 4px 20px rgba(200,148,42,.4),0 0 0 0 rgba(230,184,79,.3)}50%{box-shadow:0 4px 20px rgba(200,148,42,.4),0 0 0 8px rgba(230,184,79,0)}}.floating-share-secondary{position:fixed!important;top:auto!important;bottom:80px!important;left:auto!important;right:24px!important;transform:none!important;padding:10px 18px!important;font-size:.82rem!important;border-radius:30px!important;opacity:.85;z-index:1000}.floating-share-secondary:hover{opacity:1;transform:translateY(-2px)!important}@media (max-width:480px){.floating-quotes-cta{bottom:16px;padding:12px 20px;font-size:.85rem}.floating-share-secondary{right:12px!important;bottom:70px!important;padding:8px 14px!important;font-size:.75rem!important}}.screenshot-share-bar{position:fixed;bottom:0;left:0;right:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;background:rgba(10,10,30,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease}.screenshot-share-bar.visible{transform:translateY(0);opacity:1}.screenshot-share-bar-label{color:rgba(255,255,255,.8);font-size:.85rem;font-weight:500;white-space:nowrap}.screenshot-share-bar-buttons{display:flex;gap:10px}.screenshot-share-bar .share-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.screenshot-share-bar .share-btn:hover{transform:scale(1.12)}.screenshot-share-bar .share-reddit{background:#ff4500}.screenshot-share-bar .share-twitter{background:#1a1a1a}.screenshot-share-bar .share-whatsapp{background:#25d366}.screenshot-share-bar .share-copy{background:var(--color-primary)}.screenshot-share-bar-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:rgba(255,255,255,.5);font-size:1.3rem;cursor:pointer;padding:4px 8px;line-height:1}.screenshot-share-bar-close:hover{color:#fff}@media (max-width:480px){.screenshot-share-bar{flex-wrap:wrap;gap:8px;padding:10px 16px}.screenshot-share-bar-label{font-size:.78rem;width:100%;text-align:center}.screenshot-share-bar .share-btn{width:36px;height:36px;font-size:1rem}}.welcome-back-banner{position:fixed;top:70px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:1500;background:rgba(10,10,30,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 24px;opacity:0;transition:opacity .4s ease,transform .4s cubic-bezier(.34, 1.56, .64, 1);max-width:92vw;box-shadow:0 8px 32px rgba(0,0,0,.3)}.welcome-back-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.welcome-back-content{display:flex;align-items:center;gap:20px}.welcome-back-title{color:#fff;font-size:1.1rem;font-weight:700}.welcome-back-subtitle{color:rgba(255,255,255,.65);font-size:.82rem;margin-top:2px}.welcome-back-actions{display:flex;gap:8px;flex-shrink:0}.welcome-back-btn{border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;white-space:nowrap}.welcome-back-btn:hover{transform:translateY(-1px)}.welcome-back-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff}.welcome-back-btn.secondary{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.welcome-back-btn.secondary:hover{background:rgba(255,255,255,.18)}@media (max-width:600px){.welcome-back-banner{top:60px;padding:12px 16px;border-radius:12px}.welcome-back-content{flex-direction:column;gap:10px;text-align:center}.welcome-back-title{font-size:1rem}.welcome-back-subtitle{font-size:.78rem}.welcome-back-btn{padding:7px 14px;font-size:.78rem}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}.skeleton-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--color-border-lighter);border-radius:8px;padding:10px 12px;height:64px;box-sizing:border-box;overflow:hidden}.skeleton-thumb{width:44px;height:44px;border-radius:6px;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-card:nth-child(2) .skeleton-line,.skeleton-card:nth-child(2) .skeleton-thumb{animation-delay:.1s}.skeleton-card:nth-child(3) .skeleton-line,.skeleton-card:nth-child(3) .skeleton-thumb{animation-delay:.2s}.skeleton-card:nth-child(4) .skeleton-line,.skeleton-card:nth-child(4) .skeleton-thumb{animation-delay:.3s}.skeleton-card:nth-child(5) .skeleton-line,.skeleton-card:nth-child(5) .skeleton-thumb{animation-delay:.4s}.skeleton-card:nth-child(6) .skeleton-line,.skeleton-card:nth-child(6) .skeleton-thumb{animation-delay:.5s}.skeleton-tabs{display:flex;gap:6px;padding:4px;margin-bottom:4px}.skeleton-tab{height:32px;width:72px;border-radius:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.skeleton-tab:nth-child(2){animation-delay:.15s;width:80px}.skeleton-tab:nth-child(3){animation-delay:.3s;width:68px}.skeleton-tab:nth-child(4){animation-delay:.45s;width:76px}.empty-state{color:var(--color-text-light);text-align:center;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-icon{font-size:2rem;color:var(--color-border);margin-bottom:4px}.empty-state-title{font-size:.95rem;font-weight:600;color:var(--color-text-muted)}.empty-state-subtitle{font-size:.8rem;color:var(--color-text-light);max-width:200px;line-height:1.4}.empty-state-cta{margin-top:8px;padding:8px 16px;border:1px solid var(--color-primary);background:0 0;color:var(--color-primary);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.empty-state-cta:hover{background:var(--color-primary);color:#fff}.no-results{grid-column:1/-1;text-align:center;padding:30px 16px;color:var(--color-text-light);display:flex;flex-direction:column;align-items:center;gap:8px}.no-results .search-empty-icon{font-size:2rem;margin-bottom:4px}.no-results .clear-search-btn{margin-top:4px;padding:6px 14px;border:1px solid var(--color-border);background:0 0;color:var(--color-text-muted);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all var(--transition-fast)}.no-results .clear-search-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.env-crossfade-overlay{position:absolute;inset:0;background:#1a1a2e;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s ease-out}.env-crossfade-overlay.active{opacity:1;transition:opacity .15s ease-in}.inspect-popover{position:fixed;z-index:9999;background:var(--color-surface,#fff);border:1px solid var(--color-border,#ddd);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.22);min-width:200px;max-width:260px;overflow:hidden;animation:popoverIn .18s ease-out}@keyframes popoverIn{from{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.inspect-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--color-border,#eee)}.inspect-popover-name{font-weight:600;font-size:.9rem;color:var(--color-text,#222);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspect-popover-close{background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-text-muted,#999);padding:0 0 0 8px;line-height:1}.inspect-popover-body{padding:8px 12px}.inspect-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--color-text-muted,#666);padding:3px 0}.inspect-row i{width:14px;text-align:center;font-size:.78rem;opacity:.6}.inspect-color-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);vertical-align:middle}.inspect-popover-actions{display:flex;gap:6px;padding:8px 12px 10px;border-top:1px solid var(--color-border,#eee)}.inspect-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border:1px solid var(--color-border,#ddd);background:var(--color-surface,#f8f8f8);color:var(--color-text,#333);border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.inspect-action-btn:active,.inspect-action-btn:hover{background:var(--color-primary,#4caf50);color:#fff;border-color:transparent}.inspect-action-btn.danger:active,.inspect-action-btn.danger:hover{background:#e53935}.ctx-menu{position:fixed;z-index:9999;background:var(--color-surface,#fff);border:1px solid var(--color-border,#ddd);border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.18);min-width:180px;overflow:hidden;animation:ctxIn .12s ease-out;padding:4px 0}@keyframes ctxIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-menu-header{padding:8px 14px 6px;font-weight:600;font-size:.82rem;color:var(--color-text,#222);border-bottom:1px solid var(--color-border,#eee);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:0 0;border:none;color:var(--color-text,#333);font-size:.82rem;cursor:pointer;text-align:left;transition:background .1s}.ctx-menu-item:hover{background:var(--color-hover,#f0f0f0)}.ctx-menu-item i{width:16px;text-align:center;font-size:.8rem;opacity:.65}.ctx-menu-item.danger{color:#e53935}.ctx-menu-item.danger:hover{background:#fbe9e7}.ctx-menu-divider{height:1px;background:var(--color-border,#eee);margin:3px 0}.save-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.save-modal{background:var(--color-surface,#fff);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.28);width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .22s ease-out}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.save-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--color-border,#eee)}.save-modal-header h3{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--color-text,#222)}.save-modal-close{background:0 0;border:none;font-size:1.3rem;cursor:pointer;color:var(--color-text-muted,#999);padding:0;line-height:1}.save-modal-new{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border,#eee)}.save-name-input{flex:1;padding:8px 12px;border:1px solid var(--color-border,#ddd);border-radius:8px;font-size:.85rem;outline:0;transition:border-color .15s;background:var(--color-surface,#fff);color:var(--color-text,#333)}.save-name-input:focus{border-color:var(--color-primary,#4caf50)}.save-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;background:var(--color-primary,#4caf50);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.save-btn:hover{background:var(--color-primary-dark,#388e3c)}.save-modal-list{flex:1;overflow-y:auto;padding:8px 0;max-height:320px}.save-empty{text-align:center;color:var(--color-text-muted,#999);padding:24px 16px;font-size:.85rem}.save-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;transition:background .1s}.save-item:hover{background:var(--color-hover,#f5f5f5)}.save-item-info{flex:1;min-width:0}.save-item-name{font-weight:600;font-size:.85rem;color:var(--color-text,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-item-meta{font-size:.75rem;color:var(--color-text-muted,#999);margin-top:2px}.save-item-actions{display:flex;gap:4px;margin-left:8px}.save-item-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border,#ddd);background:0 0;border-radius:6px;cursor:pointer;font-size:.78rem;color:var(--color-text-muted,#777);transition:all .12s}.save-item-btn.load:hover{color:var(--color-primary,#4caf50);border-color:var(--color-primary,#4caf50);background:rgba(76,175,80,.06)}.save-item-btn.delete:hover{color:#e53935;border-color:#e53935;background:rgba(229,57,53,.06)}.save-name-badge{display:inline-block;font-size:.72rem;font-weight:500;color:var(--color-primary,#4caf50);background:rgba(76,175,80,.08);padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}#build-summary,#module-library,.module-grid,body,html{scroll-behavior:auto!important}.skeleton-line,.skeleton-tab,.skeleton-thumb{animation:none!important;background:#e8e8e8!important}.notification-toast{animation:none!important}.env-crossfade-overlay,.env-crossfade-overlay.active{transition:none!important}.cinematic-banner{animation:none!important;transition:none!important}.onboarding-overlay{transition:none!important}.welcome-back-banner{animation:none!important;transition:none!important}}body.embed-mode #header{display:none!important}body.embed-mode .configurator-watermark{display:none}body.embed-mode #configurator-container{border-radius:0}body.embed-mode #module-library{display:none}body.embed-mode #build-summary{display:none}body.embed-mode #inline-edit-container{display:none}body.embed-mode .floating-quotes-cta,body.embed-mode .floating-share-cta{display:none!important}body.embed-mode #initial-choice-inline,body.embed-mode #initial-choice-modal,body.embed-mode #loading,body.embed-mode .cinematic-banner,body.embed-mode .design-cta-container,body.embed-mode .notification-toast,body.embed-mode .onboarding-overlay,body.embed-mode .onboarding-tooltip,body.embed-mode .screenshot-watermark{display:none!important}body.embed-mode #mobile-ar-fab,body.embed-mode #mobile-nav,body.embed-mode #mobile-share-fab,body.embed-mode #theme-toggle-btn,body.embed-mode .dark-mode-toggle,body.embed-mode .mobile-bottom-panel{display:none!important}@media (max-width:1024px){:root{--console-bg:#1a1a1a;--console-panel:#242424;--console-card:#2d2d2d;--console-card-expanded:#353535;--console-accent:var(--color-primary);--console-accent-glow:rgba(21, 99, 94, 0.4);--console-text:#ffffff;--console-text-secondary:#aaaaaa;--console-success:#4ade80;--console-border:#3a3a3a}body.day-mode{--console-bg:#f5f5f5;--console-panel:#ffffff;--console-card:#ffffff;--console-card-expanded:#f8f9fa;--console-accent:var(--color-primary);--console-accent-glow:rgba(21, 99, 94, 0.2);--console-text:#1f2937;--console-text-secondary:#6b7280;--console-success:#22c55e;--console-border:#e5e7eb}#theme-toggle-btn{position:fixed;top:70px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--console-panel);border:2px solid var(--console-border);color:var(--console-text);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4999;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}#theme-toggle-btn:active{transform:scale(.9)}body.day-mode #theme-toggle-btn{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.1)}body.day-mode #build-summary{background:#fff!important}body.day-mode #build-summary>div:not(.drawer-header){background:#f8f9fa!important}body.day-mode #build-summary #selected-modules-list>div{background:#fff!important;border-color:#e5e7eb!important}body.day-mode #build-summary #selected-modules-list>div span:first-child{color:#1f2937!important}body.day-mode #module-library{background:#fff!important}body.day-mode #module-library #modules-container{background:#f5f5f5!important}body.day-mode #module-library #category-tabs{background:#f8f9fa!important;border-color:#e5e7eb!important}body.day-mode #module-library .category-tab{background:#fff!important;border-color:#e5e7eb!important;color:#6b7280!important}body.day-mode #module-library .category-tab.active{background:var(--console-accent)!important;border-color:var(--console-accent)!important;color:#fff!important}body.day-mode #module-library .module-item-card{background:#fff!important;border-color:#e5e7eb!important}body.day-mode #module-library .module-item-card>div:first-child{background:#f5f5f5!important;border-color:#e5e7eb!important}body.day-mode #module-library .module-item-card>div:nth-child(2)>div:first-child{color:#1f2937!important}body.day-mode .module-card-icon{background:#f5f5f5!important;border-color:#e5e7eb!important}body.day-mode .module-card-name{color:#1f2937!important}body.day-mode .module-card-toggle{background:#f5f5f5!important;border-color:#e5e7eb!important;color:#6b7280!important}body.day-mode .material-btn{background:#f5f5f5!important;border-color:#e5e7eb!important;color:#6b7280!important}body.day-mode .material-btn.active{background:var(--console-accent)!important;border-color:var(--console-accent)!important;color:#fff!important}body.day-mode .module-edit-label{color:#6b7280!important}body.day-mode .opacity-slider{background:#e5e7eb!important}body.day-mode .opacity-value{color:#1f2937!important}body.day-mode .color-input-wrapper{border-color:#e5e7eb!important}body.day-mode #module-library #module-search{background:#fff!important;border-color:#e5e7eb!important;color:#1f2937!important}body.day-mode #module-library #foundation-section{background:#f8f9fa!important;border-color:var(--console-accent)!important}body.day-mode #module-library #foundation-section button{background:#fff!important;border-color:#e5e7eb!important;color:#6b7280!important}#mobile-peek-strip{display:none!important}#module-library{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;height:95vh!important;background:var(--console-panel)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 32px rgba(0,0,0,.4)!important;transform:translateY(100%)!important;transition:transform .35s cubic-bezier(.4, 0, .2, 1)!important;z-index:var(--z-overlay)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;padding:0!important}#module-library::before{display:none!important}#module-library.open{transform:translateY(0)!important}#module-library #modules-container{display:block!important;visibility:visible!important;flex:1!important;overflow-y:auto!important}#module-library #category-tabs{display:flex!important;visibility:visible!important}#module-library #module-grid{display:flex!important;flex-direction:column!important;visibility:visible!important;gap:8px!important}#module-library .module-item-card{width:100%!important;min-width:100%!important;height:auto!important;min-height:70px!important;background:var(--console-card)!important;border:1px solid var(--console-border)!important;border-radius:12px!important;padding:14px 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;text-align:left!important;cursor:pointer!important}#module-library .module-item-card:active{background:var(--console-card-expanded)!important;transform:scale(.98)!important}#module-library .module-item-card>div:first-child{width:48px!important;height:48px!important;min-width:48px!important;background:var(--console-bg)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;margin:0!important}#module-library .module-item-card>div:nth-child(2){flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}#module-library .module-item-card>div:nth-child(2)>div:first-child{font-size:.95rem!important;font-weight:600!important;color:var(--console-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#module-library .module-item-card>div:nth-child(2)>div:last-child{font-size:.85rem!important;color:var(--console-accent)!important;font-weight:600!important}#module-library .module-item-card .module-quick-add,#module-library .module-item-card>button{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;background:var(--console-accent)!important;color:#fff!important;border:none!important;font-size:1.3rem!important;display:flex!important;align-items:center!important;justify-content:center!important}#module-library.open::after{content:'';position:absolute;right:-2px;top:0;bottom:0;width:2px;background:var(--console-accent);box-shadow:0 0 12px var(--console-accent-glow)}#module-library .drawer-header{background:var(--color-primary)!important;border-bottom:none!important;padding:16px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:0!important;flex-shrink:0!important}#module-library .drawer-header+#modules-container,#module-library>#modules-container{margin-top:0!important;padding-top:12px!important;border-top:none!important}#module-library .drawer-header h2{color:#fff!important;font-size:1rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;margin:0!important}#module-library .drawer-close-btn{color:#fff!important;opacity:.8!important}#module-library .module-item-card{background:var(--console-card)!important;border:1px solid var(--console-border)!important;border-radius:12px!important;margin-bottom:8px!important;overflow:hidden!important;transition:all .2s ease!important}#module-library .module-item-card:active{transform:scale(.98)!important}#module-library .module-item-card.expanded{background:var(--console-card-expanded)!important;border-color:var(--console-accent)!important}.module-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.module-card-icon{width:44px;height:44px;background:var(--console-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;border:1px solid var(--console-border)}.module-card-info{flex:1;min-width:0}.module-card-name{font-size:.95rem;font-weight:600;color:var(--console-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card-price{font-size:.85rem;color:var(--console-accent);font-weight:600}.module-card-toggle{width:36px;height:36px;background:var(--console-bg);border:1px solid var(--console-border);border-radius:8px;color:var(--console-text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.module-item-card.expanded .module-card-toggle{background:var(--console-accent);border-color:var(--console-accent);color:#fff;transform:rotate(45deg)}.module-card-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 16px}.module-item-card.expanded .module-card-body{max-height:300px;padding:0 16px 16px}.module-edit-section{margin-bottom:16px}.module-edit-label{font-size:.7rem;font-weight:600;color:var(--console-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.material-selector{display:flex;gap:8px}.material-btn{flex:1;padding:10px 8px;background:var(--console-bg);border:2px solid var(--console-border);border-radius:8px;color:var(--console-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.material-btn.active{background:var(--console-accent);border-color:var(--console-accent);color:#fff}.material-btn:active{transform:scale(.95)}.color-picker-row{display:flex;align-items:center;gap:10px}.color-input-wrapper{width:44px;height:44px;border-radius:10px;overflow:hidden;border:2px solid var(--console-border);flex-shrink:0}.color-input-wrapper input[type=color]{width:60px;height:60px;margin:-8px;cursor:pointer;border:none}.color-presets{display:flex;gap:6px;flex-wrap:wrap;flex:1}.color-preset{width:32px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-preset:active{transform:scale(.9)}.color-preset.active{border-color:#fff;box-shadow:0 0 0 2px var(--console-accent)}.opacity-slider-wrapper{display:flex;align-items:center;gap:12px}.opacity-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--console-bg);border-radius:3px;outline:0}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--console-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.opacity-value{width:40px;font-size:.85rem;color:var(--console-text);font-weight:600;text-align:right}.module-remove-btn{width:100%;padding:10px;background:0 0;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.module-remove-btn:active{background:#ef4444;color:#fff}#mobile-nav.simplified{justify-content:space-around!important}#mobile-nav.simplified .mobile-nav-item{flex:1}#mobile-nav.simplified #nav-btn-modules{display:none!important}#module-library #category-tabs{background:var(--console-bg)!important;border-bottom:none!important;padding:12px!important;gap:8px!important}#module-library .category-tab{background:var(--console-card)!important;border:1px solid var(--console-border)!important;color:var(--console-text-secondary)!important;padding:8px 14px!important;font-size:.8rem!important}#module-library .category-tab.active{background:var(--console-accent)!important;border-color:var(--console-accent)!important;color:#fff!important}#module-library #modules-container{background:var(--console-bg)!important;padding:12px!important;margin-top:0!important;border-top:none!important}#module-library #modules-container>div:first-child{background:var(--console-bg)!important;padding-top:0!important;margin-top:0!important}#module-library #module-search{background:var(--console-card)!important;border-color:var(--console-border)!important;color:var(--console-text)!important}#module-library #module-search::placeholder{color:var(--console-text-secondary)!important}#more-tools-dropdown,#share-dropdown{background:var(--console-panel)!important;border:1px solid var(--console-border)!important}#more-tools-dropdown .tool-item,#share-dropdown .tool-item{color:var(--console-text)!important}#more-tools-dropdown .tool-item:active,#share-dropdown .tool-item:active{background:var(--console-card)!important}#more-tools-dropdown>div[style*="height: 1px"],#share-dropdown>div[style*="height: 1px"]{background:var(--console-border)!important}.share-ready-section{background:linear-gradient(135deg,var(--console-accent) 0,#1a7a73 100%);border-radius:12px;padding:16px;margin:12px;text-align:center}.share-ready-text{color:rgba(255,255,255,.9);font-size:.85rem;margin-bottom:12px}.share-ready-buttons{display:flex;gap:10px}.share-btn{flex:1;padding:12px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.share-btn.primary{background:#fff;color:var(--console-accent);border:none}.share-btn.secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}.share-btn:active{transform:scale(.95)}#panel-overlay{position:fixed;top:60px;left:0;right:0;bottom:75px;background:rgba(0,0,0,.5);z-index:4998;opacity:0;pointer-events:none;transition:opacity .35s ease}#panel-overlay.visible{opacity:1;pointer-events:auto}#module-library,#module-library.active{display:flex!important}#module-library.active{transform:translateY(0)!important}#build-summary.active{transform:translateY(0)!important}#module-library #foundation-section{background:var(--console-card)!important;border-color:var(--console-accent)!important}#module-library #foundation-section button{background:var(--console-bg)!important;border-color:var(--console-border)!important;color:var(--console-text-secondary)!important}#module-library #foundation-section button[style*="background: #15635E"],#module-library #foundation-section button[style*="background: rgb(21, 99, 94)"]{background:var(--console-accent)!important;border-color:var(--console-accent)!important;color:#fff!important}#build-summary{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:95vh!important;max-height:95vh!important;border-radius:20px 20px 0 0!important;z-index:var(--z-overlay)!important;box-shadow:0 -8px 32px rgba(0,0,0,.4)!important;background:var(--console-panel)!important;display:flex!important;flex-direction:column!important;transform:translateY(100%)!important;transition:transform .35s cubic-bezier(.4, 0, .2, 1)!important;overflow:hidden!important}#build-summary::before{display:none!important}#build-summary.active{transform:translateY(0)!important}#build-summary .drawer-header{background:var(--color-primary)!important;border-bottom:none!important;padding:16px 20px!important;flex-shrink:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}#build-summary .drawer-header h2{color:#fff!important;font-size:1rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;margin:0!important}#build-summary .drawer-header::after{content:'✕';font-size:1.3rem;color:#fff;opacity:.8;cursor:pointer;padding:8px}#build-summary>div:not(.drawer-header){flex:1!important;overflow-y:auto!important;padding:16px!important;background:var(--console-panel)!important}#build-summary #selected-modules-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding-bottom:100px!important}#build-summary #selected-modules-list>div,#build-summary .selected-module,#selected-modules .selected-module{background:var(--console-card)!important;border-radius:12px!important;padding:14px 16px!important;border:1px solid var(--console-border)!important;display:flex!important;align-items:center!important;gap:12px!important}#build-summary #selected-modules-list>div span:first-child,#build-summary .selected-module .selected-module-name,#selected-modules .selected-module .selected-module-name{flex:1!important;font-weight:600!important;color:var(--console-text)!important}#build-summary .selected-module .selected-module-qty,#selected-modules .selected-module .selected-module-qty{color:var(--console-text-secondary)!important}#build-summary #selected-modules-list>div span:last-of-type{color:var(--console-success)!important;font-weight:600!important}#build-summary #selected-modules-list>div button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:#fee2e2!important;color:#dc2626!important;border:none!important;font-size:1rem!important;cursor:pointer!important}#build-summary .total-section,#build-summary>div:last-child{position:sticky!important;bottom:0!important;background:var(--console-panel)!important;padding:16px 20px!important;border-top:1px solid var(--console-border)!important;box-shadow:0 -4px 12px rgba(0,0,0,.15)!important}#build-summary .checkout-btn,#build-summary .cta-btn,#build-summary button[style*="background: #15635E"]{width:100%!important;padding:16px!important;font-size:1.1rem!important;font-weight:700!important;border-radius:12px!important}#module-edit-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:60px!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:100%!important;height:auto!important;max-height:none!important;border-radius:20px 20px 0 0!important;padding:0!important;margin:0!important;background:var(--console-panel)!important;box-shadow:0 -8px 32px rgba(0,0,0,.3)!important;z-index:6000!important;overflow-y:auto!important;animation:slideUpSheet .3s ease!important;display:flex!important;flex-direction:column!important}@keyframes slideUpSheet{from{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}body:has(#module-edit-panel)::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:5999;pointer-events:none}#module-edit-panel .tool-window-header,#module-edit-panel>div:first-child{background:var(--color-primary)!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;padding:20px 20px!important;margin:0!important;cursor:default!important;flex-shrink:0!important}#module-edit-panel .tool-window-header span:last-of-type,#module-edit-panel .tool-window-header span[style*="font-weight: 700"]{color:#fff!important;font-size:1.2rem!important;font-weight:700!important}#module-edit-panel #edit-close-btn,#module-edit-panel .tool-window-close{font-size:1.8rem!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;opacity:.9!important}#module-edit-panel #edit-pin-btn{display:none!important}#module-edit-panel>div:not(:first-child){padding:24px 20px!important;flex:1!important;overflow-y:auto!important;background:#f8f9fa!important}#module-edit-panel div[style*="font-size: 0.85rem"][style*="color: #666"]{color:#374151!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:12px!important}#module-edit-panel .edit-mat-btn{padding:16px!important;font-size:1rem!important;min-height:80px!important;background:var(--console-card)!important;border-color:var(--console-border)!important;color:var(--console-text)!important}#module-edit-panel .edit-mat-btn[style*="border-color: #15635E"],#module-edit-panel .edit-mat-btn[style*="border-color: rgb(21, 99, 94)"]{background:var(--console-accent-glow)!important;border-color:var(--console-accent)!important;border-width:3px!important}#module-edit-panel .color-preset{width:40px!important;height:40px!important;border-radius:50%!important;border-width:3px!important}#module-edit-panel input[type=color]{width:50px!important;height:50px!important;border-radius:12px!important}#module-edit-panel input[type=range]{height:8px!important}#module-edit-panel input[type=range]::-webkit-slider-thumb{width:28px!important;height:28px!important}#module-edit-panel>div:last-child{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px 20px 24px!important;margin-top:auto!important;border-top:1px solid var(--console-border)!important;background:var(--console-bg)!important}#module-edit-panel #edit-done-btn{order:1!important;width:100%!important;padding:16px!important;font-size:1.1rem!important;font-weight:700!important;border-radius:12px!important;background:var(--color-primary)!important}#module-edit-panel #edit-remove-btn{order:2!important;width:100%!important;padding:14px!important;font-size:1rem!important;border-radius:12px!important;background:var(--console-card)!important;color:#ef4444!important;border-color:#ef4444!important}body:has(#module-edit-panel)::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:5999;pointer-events:none}body:has(#module-edit-panel) #module-library{transform:translateY(100%)!important}body:has(#module-edit-panel) #panel-overlay{opacity:0!important;pointer-events:none!important}body:has(#module-edit-panel) #mobile-peek-strip{opacity:0!important;pointer-events:none!important}#loading[style*=flex]{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0!important}#initial-choice-inline[style]{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;margin:0!important;margin-top:0!important;transform:none!important;background:var(--console-panel)!important;padding:24px 20px 40px 20px!important;border-radius:24px 24px 0 0!important;box-shadow:0 -8px 32px rgba(0,0,0,.4)!important;z-index:var(--z-modal)!important;animation:slideUpChoice .4s ease!important}#initial-choice-inline{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;margin:0!important;transform:none!important;background:var(--console-panel)!important;padding:24px 20px 40px 20px!important;border-radius:24px 24px 0 0!important;box-shadow:0 -8px 32px rgba(0,0,0,.4)!important;z-index:var(--z-modal)!important;animation:slideUpChoice .4s ease!important}@keyframes slideUpChoice{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}#initial-choice-inline p,#initial-choice-inline p[style]{text-align:center!important;font-size:1.1rem!important;margin:0 0 16px 0!important;color:var(--console-text)!important}#initial-choice-inline>div,#initial-choice-inline>div[style]{display:flex!important;flex-direction:column!important;gap:12px!important;justify-content:stretch!important}#initial-choice-inline button,#initial-choice-inline button[style]{width:100%!important;padding:18px 24px!important;font-size:1.1rem!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}#choice-kit-inline,#choice-kit-inline[style]{background:var(--console-accent)!important;border-color:var(--console-accent)!important;color:#fff!important;order:-1!important}#choice-custom-inline,#choice-custom-inline[style]{background:var(--console-card)!important;border:2px solid var(--console-border)!important;color:var(--console-text)!important}#kit-selection-modal{align-items:flex-end!important;z-index:6000!important}#kit-selection-modal .modal-content{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:95vh!important;max-height:95vh!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:24px 24px 0 0!important;padding:0!important;animation:slideUpChoice .35s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:var(--console-panel)!important}#kit-selection-modal .modal-content>div:first-child{background:var(--color-primary)!important;padding:20px!important;border-radius:24px 24px 0 0!important}#kit-selection-modal .modal-content>div:first-child h2{color:#fff!important;margin:0!important}#kit-selection-modal .modal-content>div:first-child p{color:rgba(255,255,255,.8)!important;margin:8px 0 0 0!important}#kit-grid{padding:16px!important;flex:1!important;overflow-y:auto!important;background:var(--console-bg)!important}#kit-loading p{color:var(--console-text-secondary)!important}#kit-grid>div:not(#kit-loading){padding:16px!important;border-radius:12px!important;background:var(--console-card)!important;border:1px solid var(--console-border)!important}#kit-grid>div h3,#kit-grid>div h4{color:var(--console-text)!important}#kit-grid>div p{color:var(--console-text-secondary)!important}#kit-selection-modal .modal-content button[onclick*=closeKitModal]{position:absolute!important;top:16px!important;right:16px!important;background:rgba(255,255,255,.2)!important;color:#fff!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;font-size:1.2rem!important}.inline-edit-container{position:fixed!important;left:0!important;right:0!important;bottom:70px!important;top:auto!important;width:100%!important;max-width:100%!important;z-index:var(--z-popover)!important;border-radius:16px 16px 0 0!important;box-shadow:0 -4px 24px rgba(0,0,0,.4)!important;animation:slideUpSheet .25s ease!important;margin:0!important}.inline-edit-container .inline-edit-header{padding:12px 16px!important;border-radius:16px 16px 0 0!important}.inline-edit-container .inline-edit-title{font-size:.95rem!important}.inline-edit-container .inline-edit-actions button{width:36px!important;height:36px!important;font-size:1rem!important}.inline-edit-container .inline-edit-body{padding:12px 16px!important}.inline-edit-container .inline-mat-btn{padding:10px 8px!important;font-size:.85rem!important;min-height:40px!important}.inline-edit-container .inline-color-swatch{width:32px!important;height:32px!important}.inline-edit-container #inline-opacity-slider{height:6px!important}.inline-edit-container #inline-opacity-slider::-webkit-slider-thumb{width:24px!important;height:24px!important}.inline-edit-container .inline-edit-footer{padding:8px 16px 12px!important}.inline-edit-container .inline-remove-btn{min-height:40px!important;font-size:1rem!important}body:has(.inline-edit-container[style*="display: block"]) #module-library.open{transform:translateY(100%)!important}#mobile-share-fab{z-index:4999!important}#build-summary.open~#mobile-share-fab,#module-library.open~#mobile-share-fab,body:has(#build-summary.open) #mobile-share-fab,body:has(#module-library.open) #mobile-share-fab{opacity:0!important;pointer-events:none!important;transform:scale(.8)!important}}@media (min-width:1025px){#mobile-peek-strip,#panel-overlay{display:none!important}}:root{--dm-bg-primary:#1a1a1a;--dm-bg-secondary:#252525;--dm-bg-tertiary:#333333;--dm-bg-hover:#3d3d3d;--dm-text-primary:#f0f0f0;--dm-text-secondary:#b8b8b8;--dm-text-muted:#888888;--dm-border:#404040;--dm-border-light:#333333;--dm-accent:#4ecdc4;--dm-accent-hover:#45b7aa}@media (prefers-color-scheme:dark){body:not(.light-mode){--configurator-bg:var(--dm-bg-primary)}body:not(.light-mode) #module-library,body:not(.light-mode) .left-sidebar{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) #module-library h3,body:not(.light-mode) .section-title{color:var(--dm-text-primary)!important;background:var(--dm-bg-tertiary)!important}body:not(.light-mode) .module-category{border-color:var(--dm-border)!important}body:not(.light-mode) .module-category-header{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .module-item{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .module-item:hover{background:var(--dm-bg-hover)!important}body:not(.light-mode) .module-item .module-name{color:var(--dm-text-primary)!important}body:not(.light-mode) .module-item .module-category-label,body:not(.light-mode) .module-item .module-price{color:var(--dm-text-secondary)!important}body:not(.light-mode) #header{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .btn,body:not(.light-mode) .header-btn{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .btn:hover,body:not(.light-mode) .header-btn:hover{background:var(--dm-bg-hover)!important}body:not(.light-mode) .btn.teal,body:not(.light-mode) .header-btn.teal{background:var(--color-primary)!important;color:#fff!important}body:not(.light-mode) .btn.cyan,body:not(.light-mode) .header-btn.cyan{background:#0891b2!important;color:#fff!important}body:not(.light-mode) .btn.pink,body:not(.light-mode) .header-btn.pink{background:#db2777!important;color:#fff!important}body:not(.light-mode) #more-tools-dropdown,body:not(.light-mode) #share-dropdown,body:not(.light-mode) .dropdown-panel{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .tool-item{color:var(--dm-text-primary)!important}body:not(.light-mode) .tool-item:hover{background:var(--dm-bg-hover)!important}body:not(.light-mode) #module-preview-section,body:not(.light-mode) .pricing-panel,body:not(.light-mode) .right-panel{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .pricing-row{color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .pricing-label{color:var(--dm-text-secondary)!important}body:not(.light-mode) .kit-modal,body:not(.light-mode) .modal-content,body:not(.light-mode) .wizard-modal{background:var(--dm-bg-secondary)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .modal-footer,body:not(.light-mode) .modal-header{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .modal-title{color:var(--dm-text-primary)!important}body:not(.light-mode) .kit-card{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .kit-card:hover{background:var(--dm-bg-hover)!important}body:not(.light-mode) .kit-name{color:var(--dm-text-primary)!important}body:not(.light-mode) .kit-description,body:not(.light-mode) .kit-price{color:var(--dm-text-secondary)!important}body:not(.light-mode) input,body:not(.light-mode) select,body:not(.light-mode) textarea{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) input::placeholder,body:not(.light-mode) textarea::placeholder{color:var(--dm-text-muted)!important}body:not(.light-mode) .tooltip,body:not(.light-mode) [role=tooltip]{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .header-unit-toggle{background:var(--dm-bg-tertiary)!important}body:not(.light-mode) .unit-toggle-btn{color:var(--dm-text-secondary)!important}body:not(.light-mode) .unit-toggle-btn.active{background:var(--dm-accent)!important;color:var(--dm-bg-primary)!important}body:not(.light-mode) #mobile-modules-panel,body:not(.light-mode) .mobile-bottom-panel{background:var(--dm-bg-secondary)!important}body:not(.light-mode) .mobile-tab{color:var(--dm-text-secondary)!important}body:not(.light-mode) .mobile-tab.active{color:var(--dm-accent)!important}body:not(.light-mode) ::-webkit-scrollbar-track{background:var(--dm-bg-primary)}body:not(.light-mode) ::-webkit-scrollbar-thumb{background:var(--dm-bg-hover)}body:not(.light-mode) ::-webkit-scrollbar-thumb:hover{background:#555}}body.dark-mode #module-library,body.dark-mode .left-sidebar{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body.dark-mode #module-library h3,body.dark-mode .section-title{color:var(--dm-text-primary)!important;background:var(--dm-bg-tertiary)!important}body.dark-mode .module-category{border-color:var(--dm-border)!important}body.dark-mode .module-category-header{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}body.dark-mode .module-item{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-primary)!important}body.dark-mode .module-item:hover{background:var(--dm-bg-hover)!important}body.dark-mode .module-item .module-name{color:var(--dm-text-primary)!important}body.dark-mode .module-item .module-category-label,body.dark-mode .module-item .module-price{color:var(--dm-text-secondary)!important}body.dark-mode #header{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body.dark-mode .btn,body.dark-mode .header-btn{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body.dark-mode .btn:hover,body.dark-mode .header-btn:hover{background:var(--dm-bg-hover)!important}body.dark-mode .btn.teal,body.dark-mode .header-btn.teal{background:var(--color-primary)!important;color:#fff!important}body.dark-mode .btn.cyan,body.dark-mode .header-btn.cyan{background:#0891b2!important;color:#fff!important}body.dark-mode .btn.pink,body.dark-mode .header-btn.pink{background:#db2777!important;color:#fff!important}body.dark-mode #more-tools-dropdown,body.dark-mode #share-dropdown,body.dark-mode .dropdown-panel{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body.dark-mode .tool-item{color:var(--dm-text-primary)!important}body.dark-mode .tool-item:hover{background:var(--dm-bg-hover)!important}body.dark-mode #module-preview-section,body.dark-mode .pricing-panel,body.dark-mode .right-panel{background:var(--dm-bg-secondary)!important;border-color:var(--dm-border)!important}body.dark-mode .pricing-row{color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body.dark-mode .pricing-label{color:var(--dm-text-secondary)!important}body.dark-mode .kit-modal,body.dark-mode .modal-content,body.dark-mode .wizard-modal{background:var(--dm-bg-secondary)!important;color:var(--dm-text-primary)!important}body.dark-mode .modal-footer,body.dark-mode .modal-header{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body.dark-mode .modal-title{color:var(--dm-text-primary)!important}body.dark-mode .kit-card{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body.dark-mode .kit-card:hover{background:var(--dm-bg-hover)!important}body.dark-mode .kit-name{color:var(--dm-text-primary)!important}body.dark-mode .kit-description,body.dark-mode .kit-price{color:var(--dm-text-secondary)!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--dm-text-muted)!important}body.dark-mode .tooltip,body.dark-mode [role=tooltip]{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}body.dark-mode .header-unit-toggle{background:var(--dm-bg-tertiary)!important}body.dark-mode .unit-toggle-btn{color:var(--dm-text-secondary)!important}body.dark-mode .unit-toggle-btn.active{background:var(--dm-accent)!important;color:var(--dm-bg-primary)!important}body.dark-mode #mobile-modules-panel,body.dark-mode .mobile-bottom-panel{background:var(--dm-bg-secondary)!important}body.dark-mode .mobile-tab{color:var(--dm-text-secondary)!important}body.dark-mode .mobile-tab.active{color:var(--dm-accent)!important}body.dark-mode ::-webkit-scrollbar-track{background:var(--dm-bg-primary)}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--dm-bg-hover)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}@media (min-width:901px){body.dark-mode #header-actions,body:not(.light-mode) #header-actions{background:rgba(255,255,255,.05)!important;border-color:var(--dm-border)!important}body.dark-mode #header-actions .header-btn,body:not(.light-mode) #header-actions .header-btn{color:var(--dm-text-secondary)!important;background:0 0!important}body.dark-mode #header-actions .header-btn:hover,body:not(.light-mode) #header-actions .header-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .toolbar-divider,body:not(.light-mode) .toolbar-divider{background:var(--dm-border)!important}body.dark-mode #header-actions .header-btn.share-accent,body:not(.light-mode) #header-actions .header-btn.share-accent{background:rgba(255,255,255,.1)!important;color:var(--dm-text-primary)!important;border-color:var(--dm-border)!important}body.dark-mode #header-actions .header-btn.share-accent:hover,body:not(.light-mode) #header-actions .header-btn.share-accent:hover{background:rgba(255,255,255,.18)!important}body.dark-mode #header-actions .undo-redo-btn,body:not(.light-mode) #header-actions .undo-redo-btn{color:var(--dm-text-muted)!important;background:0 0!important}body.dark-mode #header-actions .undo-redo-btn:not(:disabled),body:not(.light-mode) #header-actions .undo-redo-btn:not(:disabled){color:var(--dm-text-secondary)!important}body.dark-mode #header-actions .undo-redo-btn:not(:disabled):hover,body:not(.light-mode) #header-actions .undo-redo-btn:not(:disabled):hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode #header-actions .start-over-btn,body:not(.light-mode) #header-actions .start-over-btn{color:var(--dm-text-muted)!important;border-color:var(--dm-border)!important;background:0 0!important}body.dark-mode #header-actions .start-over-btn:hover,body:not(.light-mode) #header-actions .start-over-btn:hover{color:var(--dm-text-secondary)!important;background:var(--dm-bg-hover)!important}body.dark-mode .row2-btn,body:not(.light-mode) .row2-btn{color:var(--dm-text-muted)!important}body.dark-mode .row2-btn:hover,body:not(.light-mode) .row2-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .row2-btn.active,body:not(.light-mode) .row2-btn.active{background:rgba(78,205,196,.15)!important;color:var(--dm-accent)!important}body.dark-mode .row2-btn-cta,body:not(.light-mode) .row2-btn-cta{background:#e8af00!important;color:#1a1a1a!important}body.dark-mode .row2-btn-cta:hover,body:not(.light-mode) .row2-btn-cta:hover{background:gold!important}body.dark-mode .properties-panel,body:not(.light-mode) .properties-panel{background:rgba(25,25,25,.95)!important;border-color:var(--dm-border)!important}body.dark-mode .props-header,body:not(.light-mode) .props-header{color:var(--dm-text-secondary)!important}body.dark-mode .props-header:hover,body:not(.light-mode) .props-header:hover{background:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}body.dark-mode .props-section.open .props-header,body:not(.light-mode) .props-section.open .props-header{color:var(--dm-text-primary)!important;background:var(--dm-bg-tertiary)!important}body.dark-mode .props-section,body:not(.light-mode) .props-section{border-color:var(--dm-border-light)!important}body.dark-mode .properties-panel .env-option,body.dark-mode .properties-panel .weather-option,body:not(.light-mode) .properties-panel .env-option,body:not(.light-mode) .properties-panel .weather-option{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .properties-panel .env-option:hover,body.dark-mode .properties-panel .weather-option:hover,body:not(.light-mode) .properties-panel .env-option:hover,body:not(.light-mode) .properties-panel .weather-option:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .env-option.active,body.dark-mode .properties-panel .weather-option.active,body:not(.light-mode) .properties-panel .env-option.active,body:not(.light-mode) .properties-panel .weather-option.active{background:rgba(78,205,196,.2)!important;border-color:var(--dm-accent)!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .time-preset,body:not(.light-mode) .properties-panel .time-preset{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .properties-panel .time-preset:hover,body:not(.light-mode) .properties-panel .time-preset:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .time-preset.active,body:not(.light-mode) .properties-panel .time-preset.active{background:rgba(232,175,0,.2)!important;border-color:#e8af00!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .camera-preset-btn,body:not(.light-mode) .properties-panel .camera-preset-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .properties-panel .camera-preset-btn:hover,body:not(.light-mode) .properties-panel .camera-preset-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .dimension-box,body:not(.light-mode) .properties-panel .dimension-box{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body.dark-mode .properties-panel .dimension-label,body:not(.light-mode) .properties-panel .dimension-label{color:var(--dm-text-muted)!important}body.dark-mode .properties-panel .dimension-value,body:not(.light-mode) .properties-panel .dimension-value{color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .dimension-toggle-btn,body.dark-mode .properties-panel .explode-btn,body:not(.light-mode) .properties-panel .dimension-toggle-btn,body:not(.light-mode) .properties-panel .explode-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .properties-panel .dimension-toggle-btn:hover,body.dark-mode .properties-panel .explode-btn:hover,body:not(.light-mode) .properties-panel .dimension-toggle-btn:hover,body:not(.light-mode) .properties-panel .explode-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .properties-panel .explode-description,body.dark-mode .properties-panel .explode-status,body:not(.light-mode) .properties-panel .explode-description,body:not(.light-mode) .properties-panel .explode-status{color:var(--dm-text-muted)!important}body.dark-mode .properties-panel .tool-section-label,body:not(.light-mode) .properties-panel .tool-section-label{color:var(--dm-text-muted)!important}body.dark-mode .properties-panel .sun-time-display,body:not(.light-mode) .properties-panel .sun-time-display{color:var(--dm-text-muted)!important}}body.dark-mode .tool-window{background:var(--dm-bg-secondary)!important;box-shadow:0 8px 32px rgba(0,0,0,.5)!important}body.dark-mode .tool-window-header{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body.dark-mode .tool-window-header h4{color:var(--dm-accent)!important}body.dark-mode .tool-window-close{color:var(--dm-text-muted)!important}body.dark-mode .tool-window-close:hover{color:#ff6b6b!important}body.dark-mode .tool-window-body{color:var(--dm-text-primary)!important}body.dark-mode .env-option,body.dark-mode .weather-option{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .env-option:hover,body.dark-mode .weather-option:hover{background:var(--dm-bg-hover)!important;border-color:var(--dm-accent)!important;color:var(--dm-text-primary)!important}body.dark-mode .env-option.active,body.dark-mode .weather-option.active{background:rgba(78,205,196,.2)!important;border-color:var(--dm-accent)!important;color:var(--dm-text-primary)!important}body.dark-mode .time-preset{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .time-preset:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .time-preset.active{background:rgba(232,175,0,.2)!important;border-color:#e8af00!important;color:var(--dm-text-primary)!important}body.dark-mode .camera-preset-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .camera-preset-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .dimension-box{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body.dark-mode .dimension-label{color:var(--dm-text-muted)!important}body.dark-mode .dimension-value{color:var(--dm-text-primary)!important}body.dark-mode .dimension-toggle-btn,body.dark-mode .explode-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body.dark-mode .dimension-toggle-btn:hover,body.dark-mode .explode-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body.dark-mode .explode-description,body.dark-mode .explode-status{color:var(--dm-text-muted)!important}body.dark-mode .sun-time-display{color:var(--dm-text-muted)!important}body.dark-mode .tool-section-label{color:var(--dm-text-muted)!important}@media (prefers-color-scheme:dark){body:not(.light-mode) .tool-window{background:var(--dm-bg-secondary)!important;box-shadow:0 8px 32px rgba(0,0,0,.5)!important}body:not(.light-mode) .tool-window-header{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .tool-window-header h4{color:var(--dm-accent)!important}body:not(.light-mode) .tool-window-close{color:var(--dm-text-muted)!important}body:not(.light-mode) .tool-window-close:hover{color:#ff6b6b!important}body:not(.light-mode) .tool-window-body{color:var(--dm-text-primary)!important}body:not(.light-mode) .env-option,body:not(.light-mode) .weather-option{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body:not(.light-mode) .env-option:hover,body:not(.light-mode) .weather-option:hover{background:var(--dm-bg-hover)!important;border-color:var(--dm-accent)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .env-option.active,body:not(.light-mode) .weather-option.active{background:rgba(78,205,196,.2)!important;border-color:var(--dm-accent)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .time-preset{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body:not(.light-mode) .time-preset:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .time-preset.active{background:rgba(232,175,0,.2)!important;border-color:#e8af00!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .camera-preset-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body:not(.light-mode) .camera-preset-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .dimension-box{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important}body:not(.light-mode) .dimension-label{color:var(--dm-text-muted)!important}body:not(.light-mode) .dimension-value{color:var(--dm-text-primary)!important}body:not(.light-mode) .dimension-toggle-btn,body:not(.light-mode) .explode-btn{background:var(--dm-bg-tertiary)!important;border-color:var(--dm-border)!important;color:var(--dm-text-secondary)!important}body:not(.light-mode) .dimension-toggle-btn:hover,body:not(.light-mode) .explode-btn:hover{background:var(--dm-bg-hover)!important;color:var(--dm-text-primary)!important}body:not(.light-mode) .explode-description,body:not(.light-mode) .explode-status{color:var(--dm-text-muted)!important}body:not(.light-mode) .sun-time-display{color:var(--dm-text-muted)!important}body:not(.light-mode) .tool-section-label{color:var(--dm-text-muted)!important}}.dark-mode-toggle{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);border:2px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .2s,background-color .3s}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle i{font-size:20px;color:#333;transition:color .3s}@media (prefers-color-scheme:dark),body.dark-mode .dark-mode-toggle{}body.dark-mode .dark-mode-toggle{background:rgba(50,50,50,.9);border-color:#555}body.dark-mode .dark-mode-toggle i{color:#f0f0f0}.dark-mode-toggle .fa-sun{display:none}.dark-mode-toggle .fa-moon{display:block}body.dark-mode .dark-mode-toggle .fa-sun{display:block}body.dark-mode .dark-mode-toggle .fa-moon{display:none}@media (prefers-color-scheme:dark){body:not(.light-mode) .dark-mode-toggle .fa-sun{display:block}body:not(.light-mode) .dark-mode-toggle .fa-moon{display:none}}#header,#module-library,.btn,.dropdown-panel,.modal-content,.module-item,body,input,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Saira,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden}#module-library,#module-preview-section,#unit-toggle{opacity:0;pointer-events:none;transition:opacity .4s ease-out}body.ui-revealed #module-library,body.ui-revealed #module-preview-section,body.ui-revealed #unit-toggle{opacity:1;pointer-events:auto}#configurator-watermark{left:20px;transition:left .4s ease-out}body.ui-revealed #configurator-watermark{left:440px}@media (max-width:1024px){#configurator-watermark{left:20px!important}}#mobile-share-fab{display:none}#configurator-container{position:relative;width:100vw;height:100vh;overflow:hidden;display:block;background:#87ceeb}#viewport{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#header{position:fixed;top:0;left:0;right:0;z-index:9999;height:60px;background:var(--color-primary);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}#header h1{font-size:1.5rem;font-weight:900;text-transform:uppercase;font-style:italic}.header-left-group{display:flex;align-items:center;gap:.75rem}.header-home-link{color:#fff;text-decoration:none;font-size:1.1rem;opacity:.8;transition:opacity .2s;display:flex;align-items:center;padding:.4rem}.header-home-link:hover{opacity:1}#header-actions{display:flex;gap:1rem;align-items:center}.toolbar-group{display:contents}.toolbar-divider{display:none}.header-row2{display:none}.properties-panel{display:none}.annotation-modal,.auth-modal-backdrop,.configurator-modal,.email-modal-backdrop,.help-modal-backdrop,.kit-modal-backdrop,.light-gate-backdrop,.modal-overlay,.quote-modal-backdrop,.share-modal,.share-modal-backdrop,.share-modal-overlay,.shared-link-modal-overlay{z-index:var(--z-modal)!important}.annotation-modal,.auth-modal-content,.configurator-modal .modal-content,.email-modal-content,.help-modal-content,.kit-modal-content,.modal-overlay .modal-content-box,.quote-modal-content,.share-modal,.share-modal-overlay .share-modal-content,.shared-link-modal-overlay .shared-link-content{z-index:var(--z-popover)!important}.notification-toast{z-index:var(--z-toast)!important}.btn{padding:.5rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#fff;color:var(--color-primary)}.btn-secondary{background:0 0;color:#fff;border:2px solid #fff}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}#module-library{position:absolute;top:70px;left:20px;bottom:20px;width:400px;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:8px 10px;display:flex;flex-direction:column;overflow:hidden}#modules-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}#module-grid{flex:1 1 auto;min-height:0}@media (max-width:1024px){#module-grid{display:flex!important;flex-direction:column!important;gap:0!important}}#foundation-section{flex-shrink:0;margin-top:10px;border-top:1px solid #e0e0e0;padding-top:10px}#module-library h2{color:var(--color-primary);margin:0 0 8px 0;font-size:1.1rem}#module-diagram{position:relative;margin-bottom:1rem;border:2px solid var(--color-primary);border-radius:8px;overflow:hidden}#diagram-overlay rect:hover{opacity:.2!important;fill:var(--color-primary)}#diagram-overlay rect.active{opacity:.3!important;fill:#28a745}.module-category{margin-bottom:1.5rem}.module-category h3{font-size:.9rem;color:#666;text-transform:uppercase;margin-bottom:.5rem}.module-item{background:#f8f9fa;padding:10px;margin-bottom:0;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid #ddd;box-sizing:border-box}.module-item:hover{background:#e8f5f4;border-color:var(--color-primary)}#category-tabs{border-bottom:none}.category-tab:hover{color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important}.category-tab.active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;font-weight:700!important}.module-item.added{background:#d4edda;border-color:#28a745}.module-name{font-weight:600;color:#333;margin-bottom:.25rem}.module-price{color:var(--color-primary);font-weight:700}#viewport{position:relative;background:linear-gradient(to bottom,#87ceeb 0,#f5f5f5 100%)}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;transform:translateZ(0)}#loading{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.65);padding:1.25rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);z-index:var(--z-modal);max-width:380px}#initial-choice-inline{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);padding:1.5rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid rgba(21,99,94,.2);backdrop-filter:blur(12px);z-index:var(--z-modal)}.spinner{width:36px;height:36px;border:3px solid #f3f3f3;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .75rem auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#build-summary{background:#fff;padding:1.5rem;overflow-y:auto;border-left:1px solid #e0e0e0;display:none;position:absolute;right:0;top:60px;bottom:0;width:350px;z-index:100;box-shadow:-5px 0 15px rgba(0,0,0,.1)}#build-summary.open{display:block}#selected-modules{margin-bottom:2rem}.item-action-btn{background:0 0;border:none;cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.item-action-btn:hover{transform:scale(1.2)}.selected-module{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fdfdfd;border:1px solid #eee;border-radius:8px;margin-bottom:8px;transition:all .2s;cursor:pointer}.selected-module:hover{border-color:var(--color-primary);background:#f0f7f6}.remove-btn{background:#dc3545;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem}.selected-module-info{flex:1}.selected-module-name{font-weight:600;color:#333}.selected-module-qty{font-size:.9rem;color:#666}#price-breakdown{border-top:2px solid #e0e0e0;padding-top:1rem;margin-top:1rem}.price-line{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#666}.price-total{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:900;color:var(--color-primary);margin-top:1rem;padding-top:1rem;border-top:2px solid var(--color-primary)}#checkout-btn{width:100%;margin-top:.5rem;padding:8px 16px;background:0 0;color:#888;border:none;font-weight:500;cursor:pointer;font-size:.82rem;text-align:center;transition:color .2s}#checkout-btn:hover:not(:disabled){color:var(--color-primary)}#checkout-btn:disabled{color:#ccc;cursor:not-allowed}.light-gate-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem}.light-gate-content{background:#fff;border-radius:16px;padding:2rem;max-width:480px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto}.light-gate-close{position:absolute;top:.75rem;right:.75rem;background:0 0;border:none;font-size:1.8rem;color:#999;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.light-gate-close:hover{background:#f0f0f0;color:#333}.light-gate-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem 0}.light-gate-subtitle{font-size:.9rem;color:#666;margin:0 0 1.25rem 0;line-height:1.5}.light-gate-build-info{background:#f5f9f8;border:1px solid #d4e8e5;border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.2rem}.light-gate-build-info strong{font-size:1rem;color:var(--color-primary)}.light-gate-build-info span{font-size:.85rem;color:#555}.light-gate-field{margin-bottom:1rem}.light-gate-field label{display:block;font-weight:600;font-size:.9rem;color:#333;margin-bottom:.35rem}.light-gate-field input{width:100%;padding:.7rem .85rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.light-gate-field input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(21,99,94,.1)}.light-gate-field-hint{display:block;font-size:.75rem;color:#999;margin-top:.25rem}.light-gate-submit{width:100%;padding:.85rem;background:#e8740c;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:.5rem}.light-gate-submit:hover{background:#c86200}.light-gate-privacy{text-align:center;font-size:.75rem;color:#aaa;margin-top:.75rem}.light-gate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;gap:1rem}.light-gate-spinner{width:36px;height:36px;border:3px solid #eee;border-top-color:#e8740c;border-radius:50%;animation:lightGateSpin .8s linear infinite}@keyframes lightGateSpin{to{transform:rotate(360deg)}}.light-gate-loading p{font-size:.95rem;color:#666}.light-gate-error{background:#fff5f5;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-top:1rem}.build-summary-content{max-width:520px}.bso-stats{background:#f5f9f8;border:1px solid #d4e8e5;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:1.25rem}.bso-stats-info{flex:1}.bso-stats-kit{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin:0 0 .15rem 0}.bso-stats-meta{font-size:.85rem;color:#555;margin:0}.bso-stats-cost{text-align:right;flex-shrink:0}.bso-stats-cost-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.bso-stats-cost-value{font-size:1.3rem;font-weight:800;color:var(--color-primary)}.bso-categories{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.bso-cat-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.bso-cat-icon{font-size:1.2rem;width:32px;text-align:center;flex-shrink:0}.bso-cat-info{flex:1}.bso-cat-name{font-weight:600;font-size:.9rem;color:#333}.bso-cat-parts{font-size:.78rem;color:#888}.bso-cat-count{font-size:.8rem;font-weight:600;color:var(--color-primary);background:#eef6f5;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.bso-footnote{text-align:center;font-size:.75rem;color:#aaa;margin-top:.75rem}@media (max-width:1024px){#module-preview-section{display:none!important}#configurator-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr auto;height:100vh;min-height:100vh;min-height:-webkit-fill-available}#header-nav{display:none!important}#build-summary::before,#module-library::before{content:"";display:block;width:60px;height:6px;background:#ccc;border-radius:3px;margin:12px auto 8px;cursor:grab;touch-action:none}#build-summary:active::before,#module-library:active::before{background:var(--color-primary)}#build-summary,#module-library{padding-top:0}.module-category h3{border-bottom:2px solid var(--color-primary);padding-bottom:5px;margin-top:1.5rem;margin-bottom:1rem;color:var(--color-primary)}.material-options-container{display:flex;gap:10px;margin:20px 0;padding:10px;background:#f8f8f8;border-radius:12px;border:1px solid #eee}.material-option{flex:1;padding:10px;text-align:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s}.material-option:hover{border-color:var(--color-primary);background:#f0f7f6}.material-option.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}#build-summary,#module-library{position:fixed;bottom:85px;left:2.5%;width:95%;height:75vh;background:#fff;z-index:5000;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3);display:none;flex-direction:column;overflow:hidden;padding:0}#build-summary.active,#module-library.active{display:flex}.drawer-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #eee;background:#f9f9f9}.drawer-header h2{margin:0;font-size:1.1rem;color:var(--color-primary);font-weight:700}.drawer-close-btn{background:0 0;border:none;font-size:1.8rem;line-height:1;color:#888;padding:0 8px;cursor:pointer;display:none}@media (max-width:1024px){.drawer-close-btn{display:block}}#modules-container,#selected-modules{flex:1;overflow-y:auto;padding:15px;-webkit-overflow-scrolling:touch}#viewport-container{position:relative;height:100%}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:75px;background:var(--color-primary);z-index:9999;pointer-events:auto;justify-content:space-around;align-items:center;padding:0 10px;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.mobile-nav-item{color:rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;background:0 0;border:none;padding:10px;width:100%;height:100%;touch-action:manipulation;transition:transform .1s,background-color .2s,color .2s}.mobile-nav-item:active{transform:scale(.95);background-color:rgba(255,255,255,.1)}.mobile-nav-item.active{color:#fff;background:rgba(255,255,255,.1)}.mobile-nav-item span{font-size:1.8rem;margin-bottom:2px;line-height:1;display:block}.mobile-nav-item span:last-child{font-size:.85rem}#module-diagram{max-width:300px;margin:0 auto}}@media (min-width:1025px){#mobile-nav{display:none}}@media (max-width:1024px){#mobile-share-fab{position:fixed;bottom:95px;right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;border:none;box-shadow:0 4px 16px rgba(21,99,94,.4);z-index:6000;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:transform .2s,box-shadow .2s}#mobile-share-fab:active{transform:scale(.92);box-shadow:0 2px 8px rgba(21,99,94,.4)}#build-summary,#module-library{border-radius:24px 24px 0 0;bottom:75px;height:70vh;max-height:calc(100vh - 140px)}#build-summary::before,#module-library::before{width:48px;height:5px;background:#d0d0d0;margin:14px auto 10px;border-radius:3px}#build-summary.peek,#module-library.peek{height:35vh}.module-item{padding:16px;margin-bottom:10px;border-radius:12px;display:flex;align-items:center;gap:14px;min-height:70px;border:2px solid #e8e8e8;background:#fff;touch-action:manipulation}.module-item:active{transform:scale(.98);background:var(--color-primary-bg)}.module-item .module-icon{width:50px;height:50px;background:var(--color-primary-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.module-item .module-info{flex:1;min-width:0}.module-item .module-name{font-size:1rem;font-weight:700;color:#222;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-item .module-price{font-size:.95rem;color:var(--color-primary);font-weight:600}.module-item .module-add-btn{width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .2s}.module-item .module-add-btn:active{background:var(--color-primary-dark)}.module-item.added .module-add-btn{background:#28a745}#category-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:none;background:#f8f9fa}#category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:10px 18px;border-radius:20px;background:#fff;border:2px solid #e0e0e0;font-size:.9rem;font-weight:600;color:#666;white-space:nowrap}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.mobile-stats-bar{display:flex;justify-content:space-around;padding:16px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;border-radius:12px;margin:12px 16px}.mobile-stat{text-align:center}.mobile-stat-value{font-size:1.5rem;font-weight:800;display:block}.mobile-stat-label{font-size:.75rem;opacity:.8;text-transform:uppercase}#mobile-nav{height:70px;padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.mobile-nav-item{gap:4px}.mobile-nav-item svg{width:26px;height:26px}.mobile-nav-item span{font-size:.75rem;font-weight:700;letter-spacing:.3px}@keyframes swipe-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.drawer-swipe-hint{animation:swipe-hint 1.5s ease-in-out 3}#share-dropdown{top:55px!important;bottom:auto!important;left:auto!important;right:10px!important;width:auto!important;min-width:180px;border-radius:12px;padding:8px}#share-dropdown .tool-item{padding:14px 16px;font-size:1rem}#more-tools-dropdown{top:55px!important;bottom:auto!important;left:auto!important;right:10px!important;width:auto!important;min-width:200px;border-radius:16px;padding:12px}#more-tools-dropdown .tool-item{padding:14px 16px;font-size:1rem}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 8px rgba(255,107,53,.4)}50%{box-shadow:0 0 20px rgba(255,107,53,.8),0 0 30px rgba(232,175,0,.4)}}.env-option:hover{border-color:var(--color-primary)!important;background:var(--color-primary-bg)!important}@media (max-width:768px){#header{height:50px;padding:0 12px}#ar-btn,#fullscreen-btn,#interior-view-btn,#start-over-btn,#walkthrough-btn{display:none!important}#more-tools-btn{display:none!important}#share-menu-btn{display:flex!important;padding:8px 12px!important}#share-menu-btn .btn-label{display:none!important}#share-menu-btn i{font-size:1.15rem}.mobile-only-tool{display:flex!important}}@media (min-width:769px){.mobile-only-tool{display:none!important}}.mobile-ar-fab{display:none;position:fixed;bottom:20px;right:20px;z-index:1000;background:linear-gradient(135deg,#ff6b35 0,#e8af00 100%);color:#fff;border:none;border-radius:50px;padding:14px 20px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px rgba(255,107,53,.4);animation:ar-fab-pulse 2s ease-in-out infinite;align-items:center;gap:8px}.mobile-ar-fab i{font-size:1.1rem}.mobile-ar-fab:active{transform:scale(.95)}@keyframes ar-fab-pulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,53,.4)}50%{box-shadow:0 4px 30px rgba(255,107,53,.7),0 0 40px rgba(232,175,0,.3)}}@media (max-width:768px){.mobile-ar-fab{display:flex}}body.modal-open .mobile-ar-fab{display:none!important}.design-cta{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);z-index:1000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;border-radius:50px;padding:16px 28px;cursor:pointer;box-shadow:0 6px 25px rgba(21,99,94,.4);opacity:0;transition:all .4s cubic-bezier(.34, 1.56, .64, 1)}.design-cta.visible{opacity:1;transform:translateX(-50%) translateY(0)}.design-cta:hover{transform:translateX(-50%) translateY(-3px);box-shadow:0 8px 30px rgba(21,99,94,.5)}.design-cta:active{transform:translateX(-50%) scale(.95)}.design-cta-content{display:flex;align-items:center;gap:10px}.design-cta-icon{font-size:1.3rem}.design-cta-text{font-size:1.1rem;font-weight:600;white-space:nowrap}@media (max-width:480px){.design-cta{padding:14px 22px}.design-cta-text{font-size:1rem}}@media (max-width:600px){#kit-grid{grid-template-columns:1fr!important;gap:1rem!important}#kit-selection-modal .modal-content{padding:1.5rem!important;width:95%!important}}@media (max-width:900px) and (min-width:769px){#header-actions .btn-label{display:none}#header-actions .btn{padding:8px 10px}}@media (min-width:901px){#header-actions{gap:0;background:rgba(255,255,255,.08);border-radius:10px;padding:4px 6px;border:1px solid rgba(255,255,255,.12)}.toolbar-group{display:flex;align-items:center;gap:4px;padding:0 6px}.toolbar-divider{display:block;width:1px;height:24px;background:rgba(255,255,255,.2);flex-shrink:0}#header-actions .header-btn{background:0 0!important;color:rgba(255,255,255,.85)!important;border:none;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:500;gap:5px;transition:background .15s,color .15s;box-shadow:none}#header-actions .header-btn:hover{background:rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none;transform:none}#header-actions .header-btn.cyan,#header-actions .header-btn.pink,#header-actions .header-btn.teal{color:rgba(255,255,255,.85)!important;background:0 0!important}#header-actions .header-btn.cyan:hover,#header-actions .header-btn.pink:hover,#header-actions .header-btn.teal:hover{color:#fff!important;background:rgba(255,255,255,.15)!important}#header-actions .header-btn.share-accent{background:rgba(255,255,255,.15)!important;color:#fff!important;font-weight:600;border:1px solid rgba(255,255,255,.25)!important}#header-actions .header-btn.share-accent:hover{background:rgba(255,255,255,.25)!important}#header-actions .undo-redo-group{background:0 0;padding:0;border-radius:0;gap:2px}#header-actions .undo-redo-btn{color:rgba(255,255,255,.5);background:0 0;padding:6px 8px;border-radius:6px}#header-actions .undo-redo-btn:not(:disabled):hover{background:rgba(255,255,255,.15);color:#fff}#header-actions .undo-redo-btn:not(:disabled){color:rgba(255,255,255,.85)}#header-actions .header-unit-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}#header-actions .start-over-btn{background:0 0;color:rgba(255,255,255,.45);border:1px dashed rgba(255,255,255,.2);padding:6px 10px;font-size:.75rem;margin-left:2px}#header-actions .start-over-btn:hover{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}#header-actions .header-btn.active{background:rgba(255,255,255,.9)!important;color:var(--color-primary)!important}#header-actions .header-btn.active-gold{background:#e8af00!important;color:#333!important}#header-actions .header-btn.active-interior{background:#17a2b8!important;color:#fff!important}#header-actions .toolbar-group[aria-label="Export and Tools"]{display:none}#header{height:auto;flex-wrap:wrap;padding:8px 16px 0}.header-left-group{align-self:flex-start;padding-top:4px}#header-actions{align-self:flex-start;margin-top:2px}.header-row2{display:flex;align-items:center;width:100%;padding:4px 0 6px;gap:0;justify-content:center}.header-row2 .toolbar-group{gap:2px;padding:0 4px}.header-row2 .toolbar-divider{height:20px}.row2-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:0 0;color:rgba(255,255,255,.6);border:none;border-radius:5px;cursor:pointer;font-size:.8rem;transition:background .15s,color .15s;position:relative}.row2-btn:hover{background:rgba(255,255,255,.15);color:#fff}.row2-btn.active{background:rgba(255,255,255,.2);color:#fff}.row2-tooltip{position:fixed;pointer-events:none;z-index:var(--z-tooltip);padding:6px 12px;background:rgba(15,15,15,.95);color:#f0f0f0;font-size:.72rem;font-weight:500;letter-spacing:.02em;border-radius:6px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.row2-tooltip.visible{opacity:1;transform:translateY(0)}.row2-tooltip::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(15,15,15,.95)}.row2-spacer{flex:1}.row2-btn-cta{display:flex;align-items:center;gap:5px;height:28px;padding:0 12px;background:#e8af00;color:#1a1a1a;border:none;border-radius:5px;cursor:pointer;font-size:.72rem;font-weight:700;white-space:nowrap;transition:background .15s,transform .1s}.row2-btn-cta:hover{background:gold;transform:translateY(-1px)}.row2-btn-cta:active{transform:scale(.97)}.row2-btn-cta i{font-size:.75rem}#module-library{top:100px}#initial-choice-inline{top:110px;z-index:var(--z-modal)}#loading{top:110px;z-index:var(--z-modal)}.notification-toast{top:100px}.tool-window{display:none!important}.properties-panel{position:fixed;right:0;top:90px;bottom:0;width:280px;background:rgba(30,30,30,.92);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-left:1px solid rgba(255,255,255,.1);z-index:2000;overflow-y:auto;display:none;padding:8px 0}.properties-panel.visible{display:block}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.props-section{border-bottom:1px solid rgba(255,255,255,.08)}.props-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:0 0;border:none;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;text-transform:uppercase;letter-spacing:.5px}.props-header span{display:flex;align-items:center;gap:8px}.props-header:hover{background:rgba(255,255,255,.06);color:#fff}.props-chevron{font-size:.65rem;transition:transform .2s;opacity:.5}.props-section.open .props-chevron{transform:rotate(180deg)}.props-section.open .props-header{color:#fff;background:rgba(255,255,255,.06)}.props-body{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 14px}.props-section.open .props-body{max-height:500px;padding:10px 14px 14px}.props-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.properties-panel .env-option,.properties-panel .weather-option{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);border-radius:6px;padding:8px;font-size:.75rem;cursor:pointer;transition:all .15s;text-align:center}.properties-panel .env-option:hover,.properties-panel .weather-option:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff}.properties-panel .env-option.active,.properties-panel .weather-option.active{background:rgba(78,205,196,.2);border-color:#4ecdc4;color:#fff}.properties-panel .time-preset{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);border-radius:6px;padding:6px;font-size:.7rem;cursor:pointer;transition:all .15s}.properties-panel .time-preset:hover{background:rgba(255,255,255,.15);color:#fff}.properties-panel .time-preset.active{background:rgba(232,175,0,.2);border-color:#e8af00;color:#fff}.properties-panel .tool-section-label{color:rgba(255,255,255,.4);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.properties-panel .sun-slider-row{display:flex;align-items:center;gap:8px;margin-top:8px}.properties-panel .sun-slider-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,#ff8c00,gold,#87ceeb,#4169e1);border-radius:3px}.properties-panel .sun-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#e8af00;border-radius:50%;border:2px solid #fff;cursor:pointer}.properties-panel .sun-time-display{text-align:center;color:rgba(255,255,255,.6);font-size:.75rem;margin-top:4px}.properties-panel .camera-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.properties-panel .camera-preset-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);border-radius:6px;padding:8px 4px;font-size:.7rem;cursor:pointer;text-align:center;transition:all .15s}.properties-panel .camera-preset-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff}.properties-panel .camera-btn-icon{font-size:1.1rem;margin-bottom:2px}.properties-panel .dimension-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;text-align:center}.properties-panel .dimension-label{color:rgba(255,255,255,.4);font-size:.65rem;text-transform:uppercase;margin-bottom:2px}.properties-panel .dimension-value{color:#fff;font-size:1rem;font-weight:600}.properties-panel .dimensions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.properties-panel .dimension-toggle-btn{margin-top:8px;width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);border-radius:6px;padding:6px;font-size:.75rem;cursor:pointer;transition:all .15s}.properties-panel .dimension-toggle-btn:hover{background:rgba(255,255,255,.15);color:#fff}.properties-panel .explode-description{color:rgba(255,255,255,.5);font-size:.75rem;margin-bottom:8px}.properties-panel .explode-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8);border-radius:6px;padding:8px 16px;font-size:.8rem;cursor:pointer;transition:all .15s}.properties-panel .explode-btn:hover{background:rgba(255,255,255,.15);color:#fff}.properties-panel .explode-status{color:rgba(255,255,255,.4);font-size:.7rem;margin-top:6px}}#sun-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#ff8c00,gold,#87ceeb,#4169e1);border-radius:4px}#sun-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#e8af00;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer}.tool-item:hover{background:var(--color-primary-bg)!important}.tool-item:active{background:#e0f0ef!important}.tool-window{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);z-index:2500;min-width:220px;overflow:hidden}@media (max-width:1024px){.tool-window{left:16px!important;right:16px!important;top:auto!important;bottom:160px!important;width:auto!important;min-width:unset!important;max-height:60vh;overflow-y:auto;border-radius:16px}}.tool-window-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:move;user-select:none}.tool-window-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:8px}.tool-window-close{background:0 0;border:none;font-size:1.3rem;color:#888;cursor:pointer;padding:0 4px;line-height:1}.tool-window-close:hover{color:#dc3545}.tool-window-body{padding:16px}