@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap";body{font-family:Arial,sans-serif;background:#1a1a2e;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.app{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.app>*{flex-shrink:0}.app-footer{background:#16213e;color:#fff;padding:15px 20px;text-align:center;margin-top:auto;flex-shrink:0}header{background:#16213e;color:#fff;padding:15px 20px;text-align:center;position:relative;flex-shrink:0}header h1{font-size:1.5rem;margin-bottom:5px}header p{font-size:.9rem;opacity:.8}.view-toggle-container{display:flex;justify-content:center;gap:10px;margin-top:10px}@media(max-width:768px){.view-toggle-container{flex-wrap:wrap;margin-top:10px}.view-toggle-btn{padding:8px 15px;font-size:.9rem}}.view-toggle-btn{padding:10px 20px;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s;background:#333;color:#aaa}.view-toggle-btn.active{background:#4caf50;color:#fff}.view-toggle-btn:hover:not(.active){background:#444}body{font-family:Arial,sans-serif;background:#1a1a2e;min-height:100vh;display:flex;flex-direction:column}.viewer__container{flex:1;display:flex;flex-direction:column;padding:20px;position:relative;width:100%;min-height:0;height:100%;flex-basis:0;overflow:hidden;box-sizing:border-box}.viewer__content{flex:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;min-height:0}#viewer{flex:1;min-height:0;display:flex;flex-direction:column}.viewer__controls{flex-shrink:0;padding:10px 0;box-sizing:border-box;width:100%;min-height:0}.viewer__header{display:flex;justify-content:center;padding:15px 0}.viewer__model-container{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;flex:1 1 auto}model-viewer{width:100%!important;height:100%!important;min-height:100px!important;background-color:#2a2a4a;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:block;flex:1 1 auto;min-width:100px!important}.viewer__toggle-container{display:flex;justify-content:center;gap:10px;padding:15px;background:#16213e;border-radius:8px;box-shadow:0 4px 12px #0000001a}.viewer__toggle-btn{padding:10px 20px;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s;background:#333;color:#aaa}.viewer__toggle-btn--active{background:#4caf50;color:#fff}.viewer__toggle-btn:not(.viewer__toggle-btn--active){background:#333;color:#aaa}.viewer__toggle-btn:hover:not(.viewer__toggle-btn--active){background:#444}.viewer__mobile-toggle-btn{position:absolute;top:30px;left:30px;background:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;z-index:10;display:none}.viewer__mobile-fullscreen-btn{position:absolute;top:30px;right:30px;background:#4caf50;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:1rem;z-index:1000;display:none}.viewer__mobile-fullscreen-toggle-btn{position:absolute;top:30px;left:30px;background:#4caf50;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:1rem;z-index:1000;display:none}.viewer__legend-container{position:absolute;top:30px;right:30px;background:#fffffff2;padding:15px;border-radius:8px;font-size:.8rem;box-shadow:0 4px 15px #0003;z-index:10;width:250px}.viewer__legend-container h3{margin-bottom:10px;font-size:.9rem}.viewer__legend-item{display:flex;align-items:center;margin:5px 0}.viewer__legend-color{width:20px;height:20px;border-radius:3px;margin-right:8px}.viewer__notes-section{position:absolute;top:300px;right:30px;background:#fffffff2;padding:15px;border-radius:8px;box-shadow:0 4px 15px #0003;z-index:10;width:300px;max-height:400px;overflow-y:hidden;overflow-x:hidden}.viewer__notes-container{max-height:250px;overflow-y:auto;overflow-x:hidden}.viewer__notes-section h3{margin-bottom:10px;font-size:.9rem}.viewer__notes-section textarea{width:100%;height:80px;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;resize:vertical}.viewer__notes-section button{background:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;width:100%;box-sizing:border-box;font-size:1rem}@media(max-width:768px){.viewer__legend-container,.viewer__notes-section{position:static;width:100%;margin:20px 0;display:none}.viewer__mobile-toggle-btn,.viewer__mobile-fullscreen-btn{display:block}.viewer__mobile-fullscreen-toggle-btn,.viewer__fullscreen-btn-legend{display:none}.viewer__legend-container.viewer__legend-container--visible,.viewer__notes-section.viewer__notes-section--visible{display:block;position:static;width:100%;margin:20px 0}.viewer__container{padding-top:80px}}.viewer__fullscreen{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1000!important;background:#1a1a2e}.viewer__fullscreen .viewer__container{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;z-index:1000!important}.viewer__fullscreen model-viewer{width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important}.viewer__fullscreen .viewer__legend-container,.viewer__fullscreen .viewer__notes-section,.viewer__fullscreen .viewer__fullscreen-btn,.viewer__fullscreen .viewer__fullscreen-btn-legend{position:fixed!important;z-index:1001!important}.viewer__fullscreen .viewer__legend-container{top:30px!important;right:30px!important;left:auto!important}.viewer__fullscreen .viewer__notes-section{top:300px!important;right:30px!important;left:auto!important;width:300px!important}.viewer__fullscreen .viewer__notes-container{max-height:250px!important}.viewer__fullscreen .viewer__mobile-toggle-btn{top:30px!important;left:30px!important}.viewer__fullscreen .viewer__fullscreen-btn-legend{top:10px!important;right:10px!important}.viewer__fullscreen .viewer__controls{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;z-index:1001!important;background:#16213ee6}.viewer__fullscreen .viewer__controls p{margin:15px 20px;text-align:center}.viewer__fullscreen .viewer__toggle-container{position:fixed!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;z-index:1001!important;background:#16213ee6!important;padding:10px!important;border-radius:6px!important}.viewer__controls{background:#16213e;color:#fff;padding:15px 20px;text-align:center;font-family:Arial,sans-serif}.viewer__controls p{font-size:.85rem;opacity:.7;margin:0;line-height:1.4}.floor-plan-room{position:absolute;border:2px solid;border-radius:4px;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease}.floor-plan-room:hover{box-shadow:0 0 20px #4a90d933}.floor-plan-room--selected{box-shadow:0 0 0 2px #4a90d9,0 0 30px #4a90d94d}.floor-plan-room--snapping{box-shadow:0 0 0 2px #4a90d9,0 0 0 4px #7bc4a8}.floor-plan-room__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.floor-plan-room__name{display:block;color:#e8f4ff;font-size:13px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.floor-plan-room__size{display:block;color:#7eb8da;font-family:JetBrains Mono,monospace;font-size:11px;margin-top:2px}.floor-plan-room__wall-dimension{position:absolute;color:#7eb8da;font-family:JetBrains Mono,monospace;font-size:10px;background:#0a1628d9;padding:1px 4px;border-radius:2px;pointer-events:none;white-space:nowrap}.floor-plan-room__wall-top{top:-18px;left:50%;transform:translate(-50%)}.floor-plan-room__wall-bottom{bottom:-18px;left:50%;transform:translate(-50%)}.floor-plan-room__wall-left{left:-8px;top:50%;transform:translate(-100%) translateY(-50%)}.floor-plan-room__wall-right{right:-8px;top:50%;transform:translate(100%) translateY(-50%)}.floor-plan-room__delete-btn{position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:#dc3545;border:2px solid #0a1628;border-radius:50%;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.floor-plan-room__delete-btn:hover{background:#ff4757}.floor-plan-room__resize-handle{position:absolute;width:10px;height:10px;background:#4a90d9;border:2px solid #0a1628;border-radius:2px;z-index:5}.floor-plan-room__resize-n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.floor-plan-room__resize-ne{top:-5px;right:-5px;cursor:ne-resize}.floor-plan-room__resize-e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.floor-plan-room__resize-se{bottom:-5px;right:-5px;cursor:se-resize}.floor-plan-room__resize-s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.floor-plan-room__resize-sw{bottom:-5px;left:-5px;cursor:sw-resize}.floor-plan-room__resize-w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.floor-plan-room__resize-nw{top:-5px;left:-5px;cursor:nw-resize}.floor-plan-door{position:absolute;width:40px;height:40px;cursor:move;-webkit-user-select:none;user-select:none;z-index:10}.floor-plan-door-frame{position:absolute;bottom:0;left:0;width:40px;height:4px;background:#e8f4ff;border-radius:1px}.floor-plan-door-swing{position:absolute;bottom:0;left:0;width:36px;height:36px;border:2px solid #e8f4ff;border-bottom:none;border-left:none;border-radius:0 100% 0 0;transform-origin:bottom left}.floor-plan-door--selected .floor-plan-door-frame,.floor-plan-door--selected .floor-plan-door-swing{border-color:#4a90d9;background:#4a90d9}.floor-plan-door--selected .floor-plan-door-swing{background:transparent}.floor-plan-door__delete-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#4a90d9;border:2px solid #0a1628;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.floor-plan-door__delete-btn:hover{background:#5ba0e9}.floor-plan-door__rotate-btn{position:absolute;bottom:-8px;right:-8px;width:22px;height:22px;background:#4a90d9;border:2px solid #0a1628;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.floor-plan-door__rotate-btn:hover{background:#5ba0e9}.floor-plan-window{position:absolute;width:30px;height:30px;cursor:move;-webkit-user-select:none;user-select:none;z-index:10}.floor-plan-window-frame{position:absolute;bottom:0;left:0;width:30px;height:4px;background:#e8f4ff;border-radius:1px}.floor-plan-window-pane{position:absolute;bottom:0;left:0;width:26px;height:26px;background:#c8e6ff;border:2px solid #a8d8ff;border-bottom:none;border-left:none;border-radius:0 100% 0 0;transform-origin:bottom left}.floor-plan-window-sash{position:absolute;top:50%;left:0;width:100%;height:2px;background:#a8d8ff;transform:translateY(-50%)}.floor-plan-window-frame,.floor-plan-window-pane,.floor-plan-window-sash{transition:all .15s ease}.floor-plan-window--selected .floor-plan-window-frame,.floor-plan-window--selected .floor-plan-window-pane,.floor-plan-window--selected .floor-plan-window-sash{background:#4a90d9;border-color:#4a90d9}.floor-plan-window--selected .floor-plan-window-pane{background:transparent}.floor-plan-window__delete-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#4a90d9;border:2px solid #0a1628;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.floor-plan-window__delete-btn:hover{background:#5ba0e9}.floor-plan-window__rotate-btn{position:absolute;bottom:-8px;right:-8px;width:22px;height:22px;background:#4a90d9;border:2px solid #0a1628;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.floor-plan-window__rotate-btn:hover{background:#5ba0e9}*{margin:0;padding:0;box-sizing:border-box}.floor-plan__app{flex:1;min-height:0;background:#0a1628;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column}.floor-plan__header{background:linear-gradient(180deg,#0f2847,#0a1628);border-bottom:1px solid #1e3a5f;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.floor-plan__header h1{color:#e8f4ff;font-size:18px;font-weight:500;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.floor-plan__header h1:before{content:"";display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A90D9' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E") center/contain no-repeat}.floor-plan__stats{display:flex;gap:24px;font-family:JetBrains Mono,monospace;font-size:13px}.floor-plan__stat{color:#7eb8da}.floor-plan__stat-value{color:#e8f4ff;font-weight:600}.floor-plan__main-container{display:flex;flex:1;overflow:hidden}.floor-plan__sidebar{width:240px;background:#0d1f35;border-right:1px solid #1e3a5f;padding:20px;display:flex;flex-direction:column;gap:20px}.floor-plan__sidebar-section{display:flex;flex-direction:column;gap:10px}.floor-plan__sidebar-section h3{color:#5a8bb8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.floor-plan__room-buttons{display:flex;flex-direction:column;gap:8px}.floor-plan__room-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0a1628;border:1px solid #1e3a5f;border-radius:6px;color:#c4daf0;font-family:Space Grotesk,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.floor-plan__room-btn:hover{background:#122a4a;border-color:#2e5a8f;transform:translate(2px)}.floor-plan__room-btn:before{content:"";width:14px;height:14px;border-radius:3px;flex-shrink:0}.floor-plan__room-btn[data-color="#4A90D9"]:before{background:#4a90d9}.floor-plan__room-btn[data-color="#7BC4A8"]:before{background:#7bc4a8}.floor-plan__room-btn[data-color="#E8A54B"]:before{background:#e8a54b}.floor-plan__room-btn[data-color="#E86B4B"]:before{background:#e86b4b}.floor-plan__room-btn[data-color="#9B8AC4"]:before{background:#9b8ac4}.floor-plan__room-btn[data-color="#C4A07B"]:before{background:#c4a07b}.floor-plan__room-btn[data-color="#8B7355"]:before{background:#8b7355}.floor-plan__room-btn[data-color="#5BA58B"]:before{background:#5ba58b}.floor-plan__properties-panel{padding-top:20px;border-top:1px solid #1e3a5f}.floor-plan__properties-panel--hidden{opacity:.4}.floor-plan__property-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.floor-plan__property-label{color:#7eb8da;font-size:12px}.floor-plan__property-input{width:120px;padding:6px 8px;background:#0a1628;border:1px solid #1e3a5f;border-radius:4px;color:#e8f4ff;font-family:JetBrains Mono,monospace;font-size:12px}.floor-plan__property-input:focus{outline:none;border-color:#4a90d9}.floor-plan__canvas-container{flex:1;position:relative;overflow:hidden;background:#081120;min-height:0;padding:20px}.floor-plan__canvas{position:relative;width:100%;height:100%;min-height:0;margin:0;background:#0a1628;border:2px solid #1e3a5f;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.floor-plan__grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,#1e3a5f22 1px,transparent 1px),linear-gradient(to bottom,#1e3a5f22 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:1}.floor-plan__grid-overlay:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,#1e3a5f44 1px,transparent 1px),linear-gradient(to bottom,#1e3a5f44 1px,transparent 1px);background-size:15px 15px;pointer-events:none;z-index:1}.floor-plan__scale-indicator{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;color:#5a8bb8;font-family:JetBrains Mono,monospace;font-size:11px}.floor-plan__help-text{position:absolute;top:20px;right:20px;color:#5a8bb8;font-family:JetBrains Mono,monospace;font-size:11px;background:#0a1628d9;padding:8px 12px;border-radius:4px;z-index:10;white-space:pre-line;line-height:1.4}.floor-plan__scale-bar{width:80px;height:4px;background:linear-gradient(90deg,#4A90D9 50%,transparent 50%);background-size:40px 4px;border:1px solid #4A90D9}.floor-plan__add-door-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0a1628;border:1px dashed #4A90D9;border-radius:6px;color:#4a90d9;font-family:Space Grotesk,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease;margin-top:12px}.floor-plan__add-door-btn:hover{background:#122a4a;border-style:solid}.floor-plan__add-door-btn:before{content:"🚪";font-size:14px}.floor-plan__add-window-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0a1628;border:1px dashed #7BC4A8;border-radius:6px;color:#7bc4a8;font-family:Space Grotesk,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease;margin-top:12px}.floor-plan__add-window-btn:hover{background:#122a4a;border-style:solid}.floor-plan__add-window-btn:before{content:"🪟";font-size:14px}.floor-plan__file-buttons{display:flex;flex-direction:column;gap:8px}.floor-plan__file-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:#0a1628;border:1px solid #1e3a5f;border-radius:6px;color:#c4daf0;font-family:Space Grotesk,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.floor-plan__file-btn:hover{background:#122a4a;border-color:#2e5a8f}.floor-plan__export-btn:before{content:"↓";font-size:14px;font-weight:700}.floor-plan__import-btn:before{content:"↑";font-size:14px;font-weight:700}.walking-tour__container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#1a1a2e;color:#fff;overflow:hidden}.walking-tour__header{padding:15px 20px;background-color:#16213e;border-bottom:1px solid #0f3460;text-align:center;flex-shrink:0}.walking-tour__header h2{margin:0 0 10px;font-size:1.5rem;color:#e94560}.walking-tour__header p{margin:0;font-size:.9rem;opacity:.8}.walking-tour__canvas-container{flex:1;position:relative;width:100%;height:calc(100% - 70px);overflow:hidden}.walking-tour__canvas-container canvas{width:100%;height:100%;display:block}.walking-tour__instructions{position:absolute;bottom:20px;left:20px;background-color:#000000b3;padding:10px 15px;border-radius:8px;font-size:.9rem;max-width:300px;z-index:10}.walking-tour__instructions p{margin:5px 0;font-family:monospace}