.visualizer-ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.visualizer-ui-overlay *{box-sizing:border-box}.visualizer-panel{position:absolute;background:#fffffff2;border-radius:8px;box-shadow:0 2px 10px #00000026;padding:12px;pointer-events:auto;max-height:60%;overflow-y:auto}.visualizer-panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333;margin-bottom:10px}.visualizer-material-panel{top:60px;left:12px;min-width:240px;padding:0;overflow:hidden;max-height:calc(100vh - 80px);overflow-y:auto}.visualizer-object-group{border-bottom:1px solid #eee}.visualizer-object-header{padding:10px 12px;background:#f8f9fa;font-weight:600;font-size:13px;color:#333;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.visualizer-object-content{display:block}.visualizer-object-chevron{margin-left:auto;transition:transform .2s}.visualizer-material-item{padding:10px 12px;border-bottom:1px solid #f5f5f5}.visualizer-material-item:last-child{border-bottom:none}.visualizer-material-name{font-size:12px;font-weight:500;color:#555;margin-bottom:8px}.visualizer-toggle-panel{top:12px;right:12px;min-width:150px}.visualizer-toggle-list{display:flex;flex-direction:column;gap:8px}.visualizer-toggle-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.visualizer-toggle-item:hover{background:#0000000d}.visualizer-toggle-checkbox{width:18px;height:18px;cursor:pointer}.visualizer-toggle-label{font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.visualizer-preview-panel{bottom:60px;left:12px}.visualizer-preview-list{display:flex;gap:8px;flex-wrap:wrap}.visualizer-preview-btn{padding:6px 12px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.visualizer-preview-btn:hover{border-color:var(--primary-color, #007bff)}.visualizer-preview-btn.active{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.visualizer-bg-panel{position:absolute;top:20px;right:20px;width:200px;pointer-events:auto}.visualizer-panel-section{margin-bottom:12px}.visualizer-panel-label{display:block;font-size:11px;font-weight:600;color:#666;margin-bottom:4px;text-transform:uppercase}select.visualizer-select{width:100%;padding:6px;border-radius:4px;border:1px solid #ddd;font-size:12px;background:#fff}.visualizer-keybinds-panel{bottom:60px;right:12px;display:none;min-width:200px}.visualizer-keybinds-list{display:flex;flex-direction:column;gap:6px}.visualizer-keybind-item{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.visualizer-keybind-key{background:#e9ecef;padding:2px 8px;border-radius:4px;font-family:monospace;font-weight:600;color:#333;min-width:60px;text-align:center}.visualizer-keybind-action{color:#666;flex:1}.visualizer-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.visualizer-swatch{width:40px;height:40px;border-radius:4px;border:2px solid transparent;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s,transform .1s}.visualizer-swatch:hover{transform:scale(1.1)}.visualizer-swatch.active{border-color:var(--primary-color, #007bff)}.visualizer-dropdown{position:relative;display:inline-block}.visualizer-dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:20;border-radius:4px;max-height:300px;overflow-y:auto;left:50%;transform:translate(-50%);margin-top:4px;padding:4px 0}.visualizer-dropdown.show .visualizer-dropdown-content{display:block}.visualizer-dropdown-item{color:#333;padding:8px 12px;text-decoration:none;display:block;cursor:pointer;font-size:13px;white-space:nowrap}.visualizer-dropdown-item:hover{background-color:#f1f1f1}.visualizer-dropdown-item.active{background-color:var(--primary-color, #007bff);color:#fff}.visualizer-dropdown-btn{padding:8px 16px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #0000001a;transition:all .2s;min-width:140px;justify-content:space-between}.visualizer-dropdown-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.visualizer-controls-bar{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;pointer-events:auto}.visualizer-control-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.visualizer-control-btn:hover{transform:scale(1.1);background:#fff}.visualizer-control-btn svg{width:18px;height:18px;stroke:#333;fill:none}.visualizer-accordion-item{border-bottom:1px solid #eee}.visualizer-accordion-item:last-child{border-bottom:none}.visualizer-accordion-header{padding:10px;cursor:pointer;font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center;background:transparent;color:#333;transition:background-color .2s}.visualizer-accordion-header:hover{background:#00000005}.visualizer-accordion-content{display:none;padding:10px;background:#00000005}.visualizer-accordion-item.active .visualizer-accordion-content{display:block}.visualizer-accordion-icon{transition:transform .2s;font-size:10px}.visualizer-accordion-item.active .visualizer-accordion-icon{transform:rotate(180deg)}.visualizer-viewsnaps-panel{top:16px;left:50%;transform:translate(-50%);background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible}.visualizer-viewsnaps-dropdown{position:relative}.visualizer-viewsnaps-toggle{width:auto;height:auto;border-radius:999px;border:1px solid #ddd;background:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026;padding:8px 14px;gap:8px;min-width:180px}.visualizer-viewsnaps-toggle:hover{background:#fff;border-color:var(--primary-color, #007bff)}.visualizer-viewsnaps-toggle svg{width:18px;height:18px;stroke:#333;fill:none}.visualizer-viewsnaps-menu{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:#fffffffa;border-radius:8px;box-shadow:0 4px 20px #0003;padding:8px;display:none;min-width:160px;z-index:100}.visualizer-viewsnaps-menu.open{display:block}.visualizer-viewsnaps-group{margin-bottom:8px}.visualizer-viewsnaps-group:last-child{margin-bottom:0}.visualizer-viewsnaps-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#888;padding:4px 8px;margin-bottom:4px}.visualizer-viewsnaps-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.visualizer-viewsnaps-list.single-column{grid-template-columns:1fr}.visualizer-viewsnap-btn{height:32px;padding:0 10px;border-radius:6px;border:1px solid transparent;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s;font-size:12px;color:#333}.visualizer-viewsnap-btn:hover{background:var(--primary-color, #007bff);color:#fff}.visualizer-viewsnap-btn:hover svg{stroke:#fff}.visualizer-viewsnap-btn.active{background:var(--primary-color, #007bff);color:#fff}.visualizer-viewsnap-btn.active svg{stroke:#fff}.visualizer-viewsnap-btn svg{width:16px;height:16px;stroke:#555;fill:none;transition:stroke .15s;flex-shrink:0}.visualizer-viewsnap-btn .hotkey{margin-left:auto;font-size:10px;opacity:.6;font-family:monospace}.visualizer-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.visualizer-loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:var(--primary-color, #007bff);border-radius:50%;animation:visualizer-spin 1s linear infinite}@keyframes visualizer-spin{to{transform:rotate(360deg)}}.visualizer-loading-text{margin-top:12px;font-size:14px;color:#666}.visualizer-loading-progress{width:200px;height:4px;background:#eee;border-radius:2px;margin-top:8px;overflow:hidden}.visualizer-loading-progress-bar{height:100%;background:var(--primary-color, #007bff);transition:width .3s}.visualizer-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;padding:20px;text-align:center}.visualizer-error-icon{font-size:48px;margin-bottom:16px}.visualizer-error-message{font-size:14px;color:#666;max-width:300px}.texture-upload-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.texture-upload-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009}.texture-upload-dialog{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.texture-upload-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.texture-upload-header h3{margin:0;font-size:18px;font-weight:600}.texture-upload-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.texture-upload-close:hover{color:#333}.texture-upload-content{padding:20px;overflow-y:auto;flex:1}.texture-upload-dropzone{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s}.texture-upload-dropzone:hover,.texture-upload-dropzone.dragover{border-color:#007bff;background:#007bff0d}.texture-upload-dropzone-content svg{color:#999;margin-bottom:12px}.texture-upload-dropzone-content p{margin:0 0 8px;font-size:14px;color:#333}.texture-upload-hint{font-size:12px;color:#999}.texture-upload-preview-container{text-align:center}#texturePreview{border:1px solid #ddd;border-radius:8px;cursor:move;max-width:100%}.texture-upload-preview-hint{font-size:12px;color:#999;margin-top:8px}.texture-upload-controls{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.texture-upload-control-group{display:flex;align-items:center;gap:12px;margin-bottom:12px}.texture-upload-control-group label{width:70px;font-size:13px;color:#666}.texture-upload-control-group input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:#ddd;border-radius:2px}.texture-upload-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer}.texture-upload-control-group span{width:50px;font-size:12px;color:#333;text-align:right}.texture-upload-reset-btn{width:100%;padding:8px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;margin-top:8px}.texture-upload-reset-btn:hover{background:#e9ecef}.texture-upload-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee}.texture-upload-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.texture-upload-btn-secondary{background:#fff;border:1px solid #ddd;color:#333}.texture-upload-btn-secondary:hover{background:#f8f9fa}.texture-upload-btn-primary{background:#007bff;border:1px solid #007bff;color:#fff}.texture-upload-btn-primary:hover:not(:disabled){background:#0056b3}.texture-upload-btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}