.md2-viewer{display:flex;flex-direction:column;height:100%;background:#2d2d2d;position:relative}.md2-canvas-container{flex:1;position:relative;min-height:400px;overflow:hidden}.md2-viewer-canvas{width:100%;height:100%;display:block;cursor:grab}.md2-viewer-canvas:active{cursor:grabbing}.md2-frame-overlay{position:absolute;top:10px;left:10px;background-color:#00000080;color:#fff;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:14px;pointer-events:none;z-index:10}.md2-controls-panel{padding:12px;background:#1e1e1e;border-top:1px solid #444;display:flex;flex-direction:column;gap:12px}.md2-animation-controls,.md2-skin-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.md2-gamepad-controls{display:flex;align-items:flex-start;justify-content:center;gap:24px;padding:8px;background:#252525;border-radius:8px}.d-pad-group{display:flex;flex-direction:column;align-items:center;gap:4px}.d-pad-label{font-size:.75rem;color:#aaa;text-transform:uppercase;font-weight:700}.d-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:90px;height:90px}.d-pad-btn{background:#444;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0;transition:background .1s}.d-pad-btn:hover{background:#555}.d-pad-btn:active{background:#666;transform:translateY(1px)}.d-pad-btn.center{background:#333;font-size:.7rem;font-weight:700}.d-pad-btn.up{grid-column:2;grid-row:1}.d-pad-btn.left{grid-column:1;grid-row:2}.d-pad-btn.right{grid-column:3;grid-row:2}.d-pad-btn.down{grid-column:2;grid-row:3}.d-pad-btn.center{grid-column:2;grid-row:2;visibility:hidden}.md2-reset-btn{align-self:center;padding:8px 16px;background:#e94560;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:.8rem;text-transform:uppercase}.md2-reset-btn:hover{background:#ff6b6b}.md2-animation-controls label,.md2-camera-controls label{font-size:.875rem;color:#ccc}.md2-animation-controls select,.md2-camera-controls select,.md2-skin-controls select{flex:1;min-width:120px;padding:6px;background:#3c3c3c;color:#fff;border:1px solid #555;border-radius:4px}.md2-animation-controls input[type=range],.md2-camera-controls input[type=range]{flex:1;min-width:120px}.md2-animation-controls button{padding:6px 12px;background:#5a5a5a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.md2-animation-controls button:hover{background:#6a6a6a}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e4e4e4;--text-secondary: #a0a0a0;--accent: #e94560;--accent-hover: #ff6b6b;--border: #2a2a4a;--selection: #e945602a}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.toolbar-title{font-size:1.25rem;font-weight:600;color:var(--accent)}.toolbar-actions{display:flex;gap:8px}.toolbar-button{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.toolbar-button:hover{background:var(--accent-hover)}.toolbar-info{margin-left:auto;color:var(--text-secondary);font-size:.875rem}.main-content{display:flex;flex:1;overflow:hidden}.resizable-panel{display:flex;flex-direction:column;background:var(--bg-secondary);position:relative;flex-shrink:0}.resizable-panel[data-position=left]{border-right:1px solid var(--border)}.resizable-panel[data-position=right]{border-left:1px solid var(--border)}.resizable-panel-collapsed{width:40px;display:flex;flex-direction:column;align-items:center;padding:8px 0;background:var(--bg-secondary)}.resizable-panel-collapsed[data-position=left]{border-right:1px solid var(--border)}.resizable-panel-collapsed[data-position=right]{border-left:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.panel-collapse-button,.panel-expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:.75rem;border-radius:3px;transition:background .2s,color .2s}.panel-collapse-button:hover,.panel-expand-button:hover{background:var(--bg-primary);color:var(--accent)}.panel-collapsed-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:12px}.panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background .2s;z-index:10}.resize-handle:hover,.resize-handle:active{background:var(--accent)}.resize-handle-left{right:-3px}.resize-handle-right{left:-3px}.file-tree{flex:1;background:var(--bg-secondary);overflow-y:auto;padding:8px 0}.file-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:32px}.tree-node{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.tree-node:hover{background:var(--bg-tertiary)}.tree-node-selected{background:var(--selection)}.tree-expand-icon{font-size:.625rem;width:12px;text-align:center}.tree-icon{font-size:1rem}.tree-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-panel{flex:1;min-width:300px;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.preview-panel-empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.preview-header{padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.preview-path{font-size:.875rem;color:var(--text-secondary);font-family:monospace}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px}.preview-image{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-image canvas{border:1px solid var(--border);background:repeating-conic-gradient(#333 0% 25%,#444 0% 50%) 50% / 16px 16px}.preview-dimensions{font-size:.75rem;color:var(--text-secondary)}.preview-model{text-align:center;color:var(--text-secondary)}.preview-model-icon{font-size:4rem;margin-bottom:16px}.preview-audio{display:flex;flex-direction:column;align-items:center;gap:16px}.preview-audio-icon{font-size:4rem}.preview-audio-button{padding:12px 32px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.preview-audio-button:hover{background:var(--accent-hover)}.preview-audio-info{color:var(--text-secondary);font-size:.875rem}.preview-text{width:100%;height:100%;overflow:auto}.preview-text pre{font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.preview-hex{width:100%;height:100%;overflow:auto}.preview-hex pre{font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.4}.preview-hex-truncated{margin-top:16px;color:var(--text-secondary);font-style:italic}.preview-error{padding:12px 16px;margin-bottom:16px;background:#e9456033;border-left:3px solid var(--accent);border-radius:2px;color:var(--accent);font-size:.875rem;word-break:break-word}.metadata-panel{flex:1;background:var(--bg-secondary);overflow-y:auto;padding:16px}.metadata-panel-empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.metadata-section{margin-bottom:24px}.metadata-section h3,.metadata-section h4{font-size:.875rem;font-weight:600;margin-bottom:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.metadata-section dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.metadata-section dt{color:var(--text-secondary);font-size:.75rem}.metadata-section dd{font-size:.875rem;word-break:break-all}.md2-skin-list,.md2-animation-list,.md2-frame-list{list-style:none;padding:0;margin:0;font-size:.75rem;max-height:150px;overflow-y:auto}.md2-skin-item,.md2-animation-item,.md2-frame-item{padding:4px 0;border-bottom:1px solid var(--border);display:flex;gap:8px}.md2-skin-path,.md2-frame-name{color:var(--text-secondary);word-break:break-all}.md2-animation-name{font-weight:500;min-width:80px}.md2-animation-frames{color:var(--text-secondary)}.md2-frame-index{color:var(--accent);min-width:24px}.md2-no-skins{color:var(--text-secondary);font-size:.75rem;font-style:italic}.md2-skin-link{background:none;border:none;color:var(--accent);cursor:pointer;text-align:left;padding:0;font-size:inherit;text-decoration:underline;word-break:break-all}.md2-skin-link:hover{color:#ff6b6b}.md2-skin-missing{color:var(--text-secondary);font-style:italic}.drop-zone-container{height:100%;position:relative}.drop-zone-overlay{position:fixed;inset:0;background:#e9456033;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.drop-zone-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;background:var(--bg-secondary);border:3px dashed var(--accent);border-radius:16px;font-size:1.5rem;color:var(--text-primary)}.drop-zone-icon{font-size:4rem}.error-banner,.loading-banner{padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.error-banner{background:#e9456033;color:var(--accent)}.error-banner button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline}.loading-banner{background:var(--bg-tertiary);color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.entity-legend{border-top:1px solid var(--border);padding:16px;background:var(--bg-secondary)}.entity-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.entity-item{padding:4px 0;border-bottom:1px solid var(--border)}.entity-item:last-child{border-bottom:none}.entity-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.entity-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.entity-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin-bottom:.5rem}h2{margin:2rem 0 1rem}.counter-demo{margin-top:2rem}.button-group{display:flex;gap:.5rem;margin-top:1rem}.button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.button:hover:not(:disabled){opacity:.8}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:#007bff;color:#fff}.button-secondary{background-color:#6c757d;color:#fff}