body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:none;touch-action:manipulation}html{height:100vh;height:100dvh}.floating-panel-toggle{background:#007bff;border-radius:50%;flex-direction:column;font-size:12px;font-weight:700;height:56px;justify-content:center;width:56px;z-index:1001}.floating-panel-toggle:hover{background:#0056b3;transform:scale(1.05)}.floating-panel-toggle .toggle-icon{font-size:16px;line-height:1}.floating-panel-toggle .toggle-text{font-size:8px;line-height:1;margin-top:2px}@media (max-width:768px){.floating-panel-toggle{height:50px;width:50px}.floating-panel-toggle .toggle-icon{font-size:14px}.floating-panel-toggle .toggle-text{font-size:7px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.admin-page h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:30px}.admin-page .loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.admin-page .message{align-items:center;border:1px solid;border-radius:6px;display:flex;font-weight:500;justify-content:space-between;margin:10px 0;padding:12px 16px}.admin-page .message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.admin-page .message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.admin-page .message .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:10px;padding:0}.admin-page .search-container{margin-bottom:20px}.admin-page .search-input{border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;max-width:400px;padding:10px 12px;transition:border-color .2s ease;width:100%}.admin-page .search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.admin-page .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.admin-page .btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.admin-page .btn:active{transform:translateY(0)}.admin-page .btn.primary{background-color:#007bff;color:#fff}.admin-page .btn.primary:hover{background-color:#0056b3}.admin-page .btn.secondary{background-color:#6c757d;color:#fff}.admin-page .btn.secondary:hover{background-color:#545b62}.admin-page .btn.danger{background-color:#dc3545;color:#fff}.admin-page .btn.danger:hover{background-color:#c82333}.admin-page .btn.success{background-color:#28a745;color:#fff}.admin-page .btn.success:hover{background-color:#1e7e34}.admin-page .form{background-color:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;margin-bottom:30px;padding:24px}.admin-page .form-group{margin-bottom:16px}.admin-page .form-group label{color:#333;display:block;font-weight:600;margin-bottom:6px}.admin-page .form-input{border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.admin-page .form-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.admin-page .form-textarea{min-height:80px;resize:vertical}.admin-page .form-actions{display:flex;gap:12px;margin-top:20px}.admin-page .patient-card{background-color:#fff;border:2px solid #e1e5e9;border-radius:6px;margin-bottom:16px;padding:16px;transition:box-shadow .2s ease,border-color .2s ease}.admin-page .patient-card:hover{border-color:#007bff;box-shadow:0 2px 8px #00000014}.admin-page .patient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.admin-page .patient-title{color:#333;font-size:1.2rem;font-weight:600;margin:0}.admin-page .patient-actions{display:flex;gap:6px}.admin-page .patient-meta{color:#666;font-size:.8rem;line-height:1.3;margin-bottom:8px}.admin-page .patient-description{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:12px}.admin-page .edit-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:20px;padding:20px}.admin-page .edit-form .form-actions{justify-content:flex-end}.admin-page .section{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px}.admin-page .section-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:12px}.admin-page .file-list{list-style:none;margin:0;padding:0}.admin-page .file-item{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;font-size:.9rem;margin-bottom:4px;padding:8px 12px}.admin-page .upload-section{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;margin-top:12px;padding:16px}.admin-page .upload-section.uploading{background-color:#fff3cd;border-color:#ffc107}.admin-page .upload-input{margin-bottom:8px}.admin-page .upload-status{color:#856404;font-size:.9rem;font-weight:500}.admin-page .share-section{margin-top:20px}.admin-page .share-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-page .share-link{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:12px;padding:12px}.admin-page .share-link.expired{background-color:#f8d7da;border-color:#f5c6cb}.admin-page .share-url-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.admin-page .share-url{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;flex:1 1;font-family:monospace;font-size:.85rem;padding:8px 12px}.admin-page .share-url.expired{background-color:#f8d7da}.admin-page .share-meta{color:#666;font-size:.8rem}.admin-page .share-meta.expired{color:#721c24}@media (max-width:768px){.admin-page{padding:16px}.admin-page .patient-header{flex-direction:column;gap:12px}.admin-page .patient-actions{align-self:flex-end}.admin-page .share-actions{flex-direction:column}.admin-page .share-url-container{flex-direction:column;gap:8px}.admin-page .form-actions{flex-direction:column}}.admin-page .message,.admin-page .patient-card{animation:fadeIn .3s ease-out}.admin-page .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.admin-page .page-info{color:#666;font-size:.9rem;font-weight:500}.admin-page .page-numbers{align-items:center;display:flex;gap:8px}.admin-page .page-number{background-color:#fff;border:2px solid #e1e5e9;border-radius:6px;color:#007bff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.admin-page .page-number:hover{background-color:#f8f9fa;border-color:#007bff}.admin-page .page-number.active{background-color:#007bff;border-color:#007bff;color:#fff}.admin-page .page-number.active:hover{background-color:#0056b3}.admin-page .no-patients{color:#666;font-size:1.1rem;padding:40px;text-align:center}.admin-page .file-size{color:#666;font-size:.8rem;margin-left:8px}.admin-page .search-results{color:#666;font-size:.9rem;margin-left:16px}@media (max-width:768px){.admin-page .pagination{flex-direction:column;gap:12px}.admin-page .page-numbers{flex-wrap:wrap;justify-content:center}}.context-menu{-webkit-touch-callout:none;-webkit-overflow-scrolling:auto;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;min-width:140px;padding:2px 0;position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}@media (max-width:768px){.context-menu{border-radius:10px;box-shadow:0 4px 16px #0003;font-size:15px;min-width:160px}}.context-menu-item{-webkit-tap-highlight-color:rgba(0,0,0,.1);color:#333;cursor:pointer;padding:8px 12px;touch-action:manipulation;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}@media (max-width:768px){.context-menu-item{align-items:center;display:flex;min-height:40px;padding:12px 16px}}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-item.disabled{color:#999;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:initial}.context-menu-separator{background-color:#e0e0e0;height:1px;margin:4px 0}.loading-progress-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-progress-container{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;min-width:400px;padding:24px}.loading-progress-header{margin-bottom:20px}.loading-progress-header h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.loading-progress-total{align-items:center;display:flex;gap:12px}.loading-progress-bar{background-color:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,#4285f4,#34a853);border-radius:4px;height:100%;transition:width .3s ease}.loading-progress-text{color:#4285f4;font-weight:600;min-width:40px;text-align:right}.loading-progress-files{max-height:200px;overflow-y:auto}.loading-progress-file{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;margin-bottom:12px;padding:8px 0}.loading-progress-file:last-child{border-bottom:none;margin-bottom:0}.loading-progress-filename{color:#666;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-progress-file-bar{background-color:#f0f0f0;border-radius:3px;flex:2 1;height:6px;overflow:hidden}.loading-progress-file-fill{background:linear-gradient(90deg,#4285f4,#34a853);border-radius:3px;height:100%;transition:width .3s ease}.loading-progress-file-text{color:#666;font-size:12px;min-width:35px;text-align:right}.loading-progress-more{color:#999;font-size:14px;font-style:italic;padding:8px 0;text-align:center}@media (max-width:480px){.loading-progress-container{max-width:90vw;min-width:320px;padding:20px}.loading-progress-file{align-items:flex-start;flex-direction:column;gap:8px}.loading-progress-filename{max-width:none}}.control-panel{transition:all .3s ease}@media (max-width:768px){.control-panel.minimized{max-height:60px!important}.control-panel.expanded{maxHeight:"120px"!important}}@media (max-width:480px){.control-panel.minimized{max-height:50px!important}.control-panel.expanded{max-height:80px!important}.control-panel .model-card{max-width:60px!important;min-width:50px!important;padding:2px!important}.control-panel .model-name{font-size:7px!important}.control-panel .model-info{font-size:6px!important}}@media (min-width:1200px){.control-panel.expanded{max-height:350px!important}}@media (hover:none) and (pointer:coarse){.control-panel button{min-height:44px!important;min-width:44px!important}.control-panel input[type=range]{height:6px!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.control-panel{border-width:.5px!important}}@media (prefers-color-scheme:dark){.control-panel{background-color:#2d3748!important;border-top-color:#4a5568!important}.control-panel .panel-header{background-color:#4a5568!important}}.horizontal-scroll{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll .model-card{flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.horizontal-scroll .model-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (hover:none) and (pointer:coarse){.horizontal-scroll .model-card{min-height:120px}.horizontal-scroll .model-card:active{transform:scale(.98);transition:transform .1s ease}button:active{transform:scale(.95);transition:transform .1s ease}input[type=checkbox]{margin:6px;transform:scale(1.2)}input[type=range]{cursor:pointer;height:8px}input[type=range]::-webkit-slider-thumb{background:#007bff;border-radius:50%;cursor:pointer;height:24px;width:24px}input[type=range]::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:24px;width:24px}}.scroll-indicator{background-color:#0003;border-radius:2px;bottom:8px;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:40px}.horizontal-scroll:hover .scroll-indicator{opacity:1}.floating-panel-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.floating-panel-toggle:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.floating-panel-toggle:active{box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.toggle-icon{align-items:center;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.toggle-text{opacity:.9;white-space:nowrap}@media (max-width:768px){.floating-panel-toggle{bottom:15px;font-size:13px;padding:10px 14px;right:15px}.toggle-text{display:none}.floating-panel-toggle{min-height:48px;min-width:48px;padding:12px}}@media (hover:none) and (pointer:coarse){.floating-panel-toggle{min-height:56px;min-width:56px;padding:14px 18px}}@media (prefers-contrast:high){.floating-panel-toggle{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.control-panel{transition:none!important}.viewer-page *{animation:none!important}.horizontal-scroll{scroll-behavior:auto!important}.floating-panel-toggle,.horizontal-scroll .model-card{transition:none!important}.floating-panel-toggle:hover{transform:none!important}}.viewer-toolbar{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:12px 20px;position:relative;z-index:100}.toolbar-left,.viewer-toolbar{align-items:center;display:flex}.toolbar-left{min-width:0}.toolbar-main-title{align-items:center;display:flex;gap:8px}.toolbar-title{color:#2c3e50;font-weight:600}.toolbar-subtitle,.toolbar-title{font-size:16px;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-subtitle{color:#6c757d}.toolbar-right{flex-wrap:wrap;gap:8px}.toolbar-button,.toolbar-right{align-items:center;display:flex}.toolbar-button{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.toolbar-button:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.toolbar-button:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.toolbar-button.primary{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.toolbar-button.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;color:#fff}@media (max-width:768px){.viewer-toolbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.toolbar-subtitle,.toolbar-title{font-size:14px}.toolbar-main-title{gap:6px}.toolbar-right{gap:4px}.toolbar-button{font-size:11px;padding:6px 10px}}@media (max-width:480px){.viewer-toolbar{padding:6px 10px}.toolbar-left{flex:1 1;min-width:0}.toolbar-right{flex-shrink:0;gap:2px}.toolbar-button{font-size:10px;padding:6px 8px}}@media (hover:none) and (pointer:coarse){.toolbar-button{min-height:44px;min-width:44px;padding:10px 14px}.toolbar-button span{font-size:14px}}@media (prefers-contrast:high){.viewer-toolbar{border-bottom-width:2px}.toolbar-button{border-width:2px}}@media (prefers-color-scheme:dark){.viewer-toolbar{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom-color:#4a5568}.toolbar-title{color:#e2e8f0}.toolbar-subtitle{color:#a0aec0}.toolbar-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.toolbar-button:hover{background:#4a5568;border-color:#718096}}.model-hierarchy-panel{background:#2c3e50;border-left:1px solid #34495e;color:#ecf0f1;display:flex;flex-direction:column;height:100%;overflow:hidden}.hierarchy-controls{background:#34495e;border-bottom:1px solid #34495e;display:flex;gap:8px;padding:12px}.hierarchy-search{background:#2c3e50;border:1px solid #4a5f7a;border-radius:4px;color:#ecf0f1;flex:1 1;font-size:12px;padding:6px 8px}.hierarchy-search:focus{border-color:#3498db;outline:none}.hierarchy-search::placeholder{color:#95a5a6}.hierarchy-filter{background:#2c3e50;border:1px solid #4a5f7a;border-radius:4px;color:#ecf0f1;cursor:pointer;font-size:12px;padding:6px 8px}.hierarchy-filter:focus{border-color:#3498db;outline:none}.hierarchy-tree{flex:1 1;overflow-y:auto;padding:8px 0}.hierarchy-node{margin:2px 0}.hierarchy-node-content{align-items:center;border-radius:4px;cursor:pointer;display:flex;min-height:28px;padding:4px 8px;transition:background-color .2s ease}.hierarchy-node-content:hover{background:#34495e}.hierarchy-node-content.selected{background:#3498db;color:#fff}.expand-btn{background:none;border:none;border-radius:2px;color:#bdc3c7;cursor:pointer;font-size:10px;min-width:16px;padding:2px 4px;text-align:center}.expand-btn:hover{background:#4a5f7a;color:#fff}.node-icon-placeholder{display:inline-block;width:16px}.visibility-btn{background:none;border:none;border-radius:2px;color:#bdc3c7;cursor:pointer;font-size:12px;margin-right:4px;padding:2px 4px}.visibility-btn:hover{background:#4a5f7a;color:#fff}.visibility-btn.visible{color:#27ae60}.visibility-btn.hidden{color:#95a5a6}.node-name{flex:1 1;font-size:12px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-name.group{color:#3498db;font-weight:500}.node-name.model{color:#ecf0f1;font-weight:400}.node-metadata{color:#95a5a6;font-size:10px;font-style:italic;margin-left:8px}.hierarchy-children{border-left:1px solid #34495e;margin-left:16px;padding-left:8px}.hierarchy-empty{color:#95a5a6;font-size:12px;padding:20px;text-align:center}.hierarchy-actions{background:#34495e;border-top:1px solid #34495e;display:flex;gap:8px;padding:12px}.action-btn{background:#2c3e50;border:1px solid #4a5f7a;border-radius:4px;color:#ecf0f1;cursor:pointer;flex:1 1;font-size:11px;padding:6px 12px;transition:all .2s ease}.action-btn:hover{background:#3498db;border-color:#3498db}.action-btn.primary{background:#27ae60;border-color:#27ae60}.action-btn.primary:hover{background:#2ecc71;border-color:#2ecc71}.action-btn.secondary{background:#e74c3c;border-color:#e74c3c}.action-btn.secondary:hover{background:#c0392b;border-color:#c0392b}.hierarchy-tree::-webkit-scrollbar{width:6px}.hierarchy-tree::-webkit-scrollbar-track{background:#2c3e50}.hierarchy-tree::-webkit-scrollbar-thumb{background:#4a5f7a;border-radius:3px}.hierarchy-tree::-webkit-scrollbar-thumb:hover{background:#5a6f8a}@media (max-width:768px){.hierarchy-controls{flex-direction:column;gap:4px}.hierarchy-filter,.hierarchy-search{font-size:14px}.hierarchy-actions{flex-direction:column}.node-name{font-size:14px}}.hierarchy-node-content{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.hierarchy-children{position:relative}.hierarchy-children:before{background:linear-gradient(180deg,#0000 0,#34495e 20%,#34495e 80%,#0000);bottom:0;content:"";left:-8px;position:absolute;top:0;width:1px}.view-preset-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border:1px solid #34495e80;border-radius:8px;color:#fff;min-width:200px;padding:12px}.preset-title{border-bottom:1px solid #34495e;color:#3498db;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px;text-align:center}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.preset-button{align-items:center;background:#34495ecc;border:1px solid #4a5f7a80;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;justify-content:center;min-height:60px;padding:8px 6px;text-align:center;transition:all .2s ease}.preset-button:hover{background:#3498db33;border-color:#3498db;box-shadow:0 2px 8px #3498db4d;transform:translateY(-1px)}.preset-button.active{background:#3498db4d;border-color:#3498db;box-shadow:0 0 0 2px #3498db80}.preset-icon{font-size:16px;margin-bottom:2px}.preset-name{font-size:10px;font-weight:500;line-height:1.2}.preset-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:9px;line-height:1.1;opacity:.7;overflow:hidden}.view-preset-selector.compact{display:inline-block;position:relative}.preset-toggle{align-items:center;background:#34495ee6;border:1px solid #4a5f7a80;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.preset-toggle:hover{background:#3498db33;border-color:#3498db}.preset-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border:1px solid #34495e80;border-radius:4px;margin-top:2px;max-height:200px;min-width:120px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.preset-item{background:none;border:none;border-bottom:1px solid #34495e4d;color:#fff;cursor:pointer;display:block;font-size:11px;padding:6px 12px;text-align:left;transition:background-color .2s ease;width:100%}.preset-item:last-child{border-bottom:none}.preset-item:hover{background:#3498db33}.preset-item.active{background:#3498db4d;color:#3498db}.preset-dropdown::-webkit-scrollbar{width:4px}.preset-dropdown::-webkit-scrollbar-track{background:#2c3e5080}.preset-dropdown::-webkit-scrollbar-thumb{background:#4a5f7ab3;border-radius:2px}.preset-dropdown::-webkit-scrollbar-thumb:hover{background:#3498dbb3}@media (max-width:768px){.view-preset-selector{min-width:160px;padding:8px}.preset-grid{gap:6px;grid-template-columns:1fr}.preset-button{min-height:50px;padding:6px 4px}.preset-name{font-size:9px}.preset-description{font-size:8px}}@media (max-width:480px){.view-preset-selector{min-width:140px}.preset-button{min-height:45px}}.preset-button{animation:fadeInUp .3s ease-out}.preset-button:first-child{animation-delay:.05s}.preset-button:nth-child(2){animation-delay:.1s}.preset-button:nth-child(3){animation-delay:.15s}.preset-button:nth-child(4){animation-delay:.2s}.preset-button:nth-child(5){animation-delay:.25s}.preset-button:nth-child(6){animation-delay:.3s}.preset-button:nth-child(7){animation-delay:.35s}.preset-button:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preset-button:before{background:#34495ee6;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}.preset-button:hover:before{opacity:1}.preset-button.loading{cursor:not-allowed;opacity:.6}.preset-button.loading:after{animation:spin 1s linear infinite;border:2px solid #3498db;border-radius:50%;border-top-color:#0000;content:"";height:12px;left:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;width:12px}.viewer-page-with-hierarchy{background:#1a1a1a;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;position:relative}.viewer-page-with-hierarchy .viewer-toolbar{align-items:center;background-color:#2c3e50;border-bottom:1px solid #34495e;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 15px}.viewer-toolbar .title-section{align-items:center;display:flex;gap:15px}.viewer-toolbar .title{color:#ecf0f1;font-size:16px;font-weight:700}.viewer-toolbar .subtitle{color:#bdc3c7;font-size:12px;opacity:.8}.viewer-toolbar .controls-section{align-items:center;display:flex;gap:10px}.hierarchy-toggle-btn{background:#4a5f7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.hierarchy-toggle-btn:hover{background:#5a6f8a}.hierarchy-toggle-btn.active{background:#3498db}.hierarchy-toggle-btn.active:hover{background:#2980b9}.viewer-main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.viewer-3d-area{height:100%;position:relative;transition:width .3s ease;width:100%}.viewer-3d-area.with-hierarchy{width:75%}.hierarchy-panel-area{background:#2c3e50;border-left:1px solid #34495e;overflow:hidden;transition:width .3s ease;width:25%}.hierarchy-panel-area.collapsed{border-left:none;width:0}@media (max-width:1024px){.viewer-3d-area.with-hierarchy{width:70%}.hierarchy-panel-area{width:30%}}@media (max-width:768px){.viewer-toolbar{height:36px;padding:0 10px}.viewer-toolbar .title{font-size:14px}.viewer-toolbar .subtitle{display:none}.viewer-3d-area.with-hierarchy{width:60%}.hierarchy-panel-area{width:40%}}@media (max-width:480px){.viewer-main-content{flex-direction:column}.viewer-3d-area{height:70%;width:100%!important}.hierarchy-panel-area{border-left:none;border-top:1px solid #34495e;height:30%;width:100%!important}}.viewer-page-with-hierarchy *{box-sizing:border-box}.hierarchy-panel-area{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.viewer-page-with-hierarchy .loading-overlay{align-items:center;background:#1a1a1acc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.hierarchy-toggle-btn:after{background:#34495e;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.hierarchy-toggle-btn:hover:after{opacity:1}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-left:8px;width:8px}.status-indicator.online{background:#27ae60}.status-indicator.offline{background:#95a5a6}.status-indicator.loading{animation:pulse 1s infinite;background:#f39c12}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-header{margin-bottom:30px}.login-header h1{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:10px 12px}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{border-top:1px solid #e1e5e9;color:#666;padding-top:20px}.login-footer p{font-size:14px;font-weight:500;margin:0 0 8px}.login-footer small{color:#999;font-size:12px}@media (max-width:480px){.login-page{padding:10px}.login-container{padding:30px 20px}.login-header h1{font-size:20px}.form-group input,.login-btn{font-size:16px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-btn:disabled:after{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:#667eea}.password-toggle{position:relative}.password-toggle input[type=password]{padding-right:50px}.password-toggle .toggle-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle .toggle-btn:hover{color:#333}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.11fefb7c.css.map*/