.model-viewer-container{position:relative}.model-viewer-canvas{width:100%;height:450px;border:1px solid #ccc;border-radius:4px}.control-panel{position:absolute;top:10px;right:10px;z-index:10;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #00000026;min-width:220px;max-height:calc(100vh - 120px);overflow-y:auto;transition:all .3s ease}.control-panel.collapsed{padding:8px;min-width:auto;width:auto;overflow:visible;display:flex;align-items:center;justify-content:center}.control-panel.collapsed .panel-toggle-btn{position:static;margin:0}.panel-toggle-btn{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;border:none;border-radius:4px;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:1}.panel-toggle-btn:hover{background:#45a049}.panel-toggle-btn:active{transform:scale(.95)}.control-panel.expanded{padding-top:48px}.control-section-header{margin:0 0 12px;font-size:15px;font-weight:600;color:#333}.mouse-controls-section{margin-bottom:16px}.control-item{display:flex;align-items:center;margin-bottom:6px;font-size:13px;line-height:1.8;color:#333}.control-item:last-child{margin-bottom:0}.control-icon{margin-right:8px;font-size:16px}.control-item strong{margin-right:4px}.camera-views-section{margin-bottom:16px}.camera-buttons{display:flex;gap:8px;flex-direction:column}.display-section{margin-top:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{font-size:14px;font-weight:500;color:#333}.touch-controls-section{display:none;margin-bottom:16px}@media screen and (max-width:768px){.control-panel{top:8px;right:8px;padding:12px;min-width:180px;max-width:calc(100vw - 32px);font-size:.9em}.control-section-header{font-size:14px;margin-bottom:10px}.control-item{font-size:12px;margin-bottom:4px}.control-icon{font-size:14px}.toggle-label{font-size:13px}.model-viewer-canvas{height:400px}}@media screen and (max-width:600px){.control-panel{padding:10px;min-width:160px}.control-panel.expanded{padding-top:48px}.control-panel.collapsed{width:auto;padding:8px}.control-panel.collapsed .panel-toggle-btn{position:static;margin:0}.panel-toggle-btn{width:36px;height:36px;font-size:20px}.control-section-header{font-size:13px;margin-bottom:8px}.control-item{font-size:11px}.camera-buttons{gap:6px}.toggle-label{font-size:12px}.model-viewer-canvas{height:350px}.mouse-controls-section{display:none}.touch-controls-section{display:block}}@media screen and (min-width:1200px){.control-panel{min-width:240px}}@media print{.control-panel{display:none}.model-viewer-canvas{border:none}}body{font-family:Courier New,Courier,monospace}