body{margin:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;background-color:#1a1a1a;display:flex;flex-direction:column;height:100vh}#viewer{flex-grow:1;position:relative;overflow:hidden;background-color:#212830}#controls{position:absolute;top:10px;left:10px;background:#1e1e1ecc;padding:10px;border-radius:8px;display:flex;gap:10px;z-index:10;box-shadow:0 4px 8px #0000004d}.custom-file-input{display:inline-block;background-color:#4caf50;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.custom-file-input:hover{background-color:#45a049}#fileInput{display:none}.control-button{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.control-button:hover{background-color:#0056b3}.control-button:disabled{background-color:#555;cursor:not-allowed}#statusBox{position:absolute;bottom:10px;left:10px;background:#1e1e1ecc;color:#e0e0e0;padding:8px 12px;border-radius:8px;font-size:12px;max-height:150px;overflow-y:auto;z-index:10;box-shadow:0 4px 8px #0000004d;white-space:pre-wrap;word-break:break-word}#mousePositionBox{position:absolute;bottom:10px;right:10px;background:#1e1e1ecc;color:#e0e0e0;padding:8px 12px;border-radius:8px;font-size:12px;z-index:10;box-shadow:0 4px 8px #0000004d}#hotspotInfoBox{position:absolute;top:60px;left:10px;background:#1e1e1ee6;color:#e0e0e0;padding:10px;border-radius:8px;font-size:13px;z-index:10;box-shadow:0 4px 8px #0006;min-width:150px;line-height:1.6}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;justify-content:center;align-items:center}.modal-content{background-color:#333;padding:25px;border-radius:10px;box-shadow:0 5px 15px #00000080;max-width:400px;width:90%;color:#e0e0e0;text-align:center}.modal-content h3{margin-top:0;color:#007bff;font-size:1.5em}.modal-content p{margin:10px 0;font-size:.95em}.modal-content input[type=text],.modal-content input[type=number],.modal-content select{width:calc(100% - 20px);padding:10px;margin:8px 0 15px;display:inline-block;border:1px solid #555;border-radius:5px;box-sizing:border-box;background-color:#444;color:#e0e0e0;font-size:1em}.modal-content input[type=text]::placeholder,.modal-content input[type=number]::placeholder{color:#bbb}.modal-buttons{margin-top:20px;display:flex;justify-content:space-around;gap:10px}.modal-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease;flex-grow:1}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.modal-full-window{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;justify-content:center;align-items:center}.modal-full-window .modal-content{max-width:90%;max-height:90%;width:auto;height:auto;display:flex;flex-direction:column;background-color:#2c2c2c;border-radius:10px;box-shadow:0 5px 15px #000000b3}.modal-full-window .modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid #444}.modal-full-window .modal-header h3{margin:0;color:#007bff}.modal-full-window .close-button{background:none;border:none;font-size:2em;color:#e0e0e0;cursor:pointer;transition:color .2s ease}.modal-full-window .close-button:hover{color:#bbb}#roomListTableContainer{flex-grow:1;overflow-y:auto;padding:20px 25px}#roomListTable{width:100%;border-collapse:collapse;margin-top:10px}#roomListTable th,#roomListTable td{padding:12px 15px;text-align:left;border-bottom:1px solid #444;color:#e0e0e0}#roomListTable th{background-color:#3a3a3a;font-weight:700;text-transform:uppercase;font-size:.9em}#roomListTable tbody tr:hover{background-color:#4a4a4a}#roomListTable tbody tr.selected-room{background-color:#004085!important}#roomListTable td input[type=checkbox]{transform:scale(1.2);cursor:pointer}.delete-room-button{background-color:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.85em;transition:background-color .2s ease}.delete-room-button:hover{background-color:#c82333}#viewer canvas{display:block}