.floorplan-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;background:#0006;width:100vw;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}.floorplan-popup{z-index:9999;background-color:#fff;border-radius:12px;width:80%;max-width:1100px;padding:60px 50px 50px;animation:.3s popIn;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.floorplan-close-btn{cursor:pointer;color:#9ca3af;z-index:10;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px}.floorplan-close-btn .close-icon{fill:currentColor;width:24px;height:24px}.floorplan-close-btn:hover{color:#374151;background:#f3f4f6}.section-header{color:#6b7280;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;display:inline-flex}.section-header svg{width:20px;height:20px}.section-header-text{margin:0;font-size:16px;font-weight:500}.floorplan-content{grid-template-columns:1fr 1fr;gap:64px;display:grid}.column-wrapper{flex-direction:column;display:flex}.floorplan-column{cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;min-height:420px;padding:50px 12px;transition:all .3s;display:flex}.floorplan-column:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.upload-column.dragging{background:#f9fafb;border-style:solid;border-color:#9ca3af}.upload-icon-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.upload-icon{color:#9ca3af;fill:currentColor;width:72px;height:72px;transition:all .3s}.floorplan-column:hover .upload-icon{color:#9ca3af;transform:scale(1.05)}.example-image-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.example-image-container{border-radius:8px;width:100%;max-width:320px;transition:all .3s;overflow:hidden}.example-column:hover .example-image-container{transform:scale(1.02)}.example-image{width:100%;height:auto;display:block}.column-text-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.column-title{color:#111827;text-align:center;margin:0;font-size:18px;font-weight:600;transition:color .3s}.column-title .highlight{color:#111827;font-weight:700}.floorplan-column:hover .column-title{color:#111827}.column-description{color:#6b7280;text-align:center;margin:0;font-size:14px;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:1200px){.floorplan-popup{width:85%;max-width:1000px}}@media (max-width:1024px){.floorplan-popup{width:90%;padding:36px 40px 44px}.floorplan-close-btn{top:16px}.floorplan-title{font-size:24px}.floorplan-subtitle{font-size:15px}.floorplan-content{gap:24px}.floorplan-column{min-height:340px;padding:40px 24px}.upload-icon{width:64px;height:64px}.example-image-container{max-width:280px}}@media (max-width:768px){.floorplan-popup{width:90%;padding:24px 24px 32px}.floorplan-popup .floorplan-close-btn{top:8px!important}.floorplan-content{grid-template-columns:1fr;gap:24px}.section-header{margin-bottom:12px}.section-header svg{width:18px;height:18px}.section-header-text{font-size:15px}.floorplan-column{min-height:240px;padding:28px 20px}.upload-icon{width:56px;height:56px}.column-title{font-size:16px}}@media (max-width:480px){.floorplan-popup{width:95%;padding:20px 20px 28px}.floorplan-popup .floorplan-close-btn{top:8px!important}.section-header{margin-bottom:10px}.section-header svg{width:16px;height:16px}.section-header-text{font-size:14px}.floorplan-column{min-height:200px;padding:24px 16px}.upload-icon{width:48px;height:48px}.example-image-container{max-width:200px}.column-title{font-size:15px}.column-description{font-size:13px}}.dark .floorplan-popup{background-color:#1a1a1a}.dark .floorplan-close-btn{color:#9ca3af}.dark .floorplan-close-btn:hover{color:#e0e0e0;background:#2a2a2a}.dark .section-header{color:#9ca3af}.dark .floorplan-column{background:#1a1a1a;border-color:#333}.dark .floorplan-column:hover,.dark .upload-column.dragging{background:#2a2a2a;border-color:#555}.dark .upload-icon,.dark .floorplan-column:hover .upload-icon{color:#9ca3af}.dark .column-title,.dark .column-title .highlight,.dark .floorplan-column:hover .column-title{color:#fff}.dark .column-description{color:#9ca3af}