.spatial-quiz{background-color:#fff;padding:0;border-radius:10px}.model-container{width:100%;max-width:800px;position:relative;background:#f0f0f0;border-radius:8px;overflow:hidden;margin:-50px auto 0}#review-3d-model,.three-container{width:100%;height:100%}.views-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:20px}.view-canvas,.view-option{position:relative;overflow:hidden}.view-option{background:#f0f0f0;border-radius:8px;transition:transform .2s ease}.view-option:hover{transform:translateY(-2px)}.view-canvas{height:250px!important;aspect-ratio:1;margin:auto}#review-3d-model canvas,.three-container canvas,.view-canvas canvas{width:100%!important;display:block}@media (min-width:769px){#review-3d-model canvas,.three-container canvas,.view-canvas canvas{height:100%!important}}@media (max-width:768px){#review-3d-model canvas,.three-container canvas,.view-canvas canvas{width:100%!important;height:auto!important;display:block}}.view-button{width:100%;padding:12px;background:#3b82f6;color:#fff;border:0;border-radius:0 0 8px 8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.view-button:hover{background:#2563eb}.view-option.selected{outline:3px solid #4299e1}.view-option.selected .view-button{background:#4299e1}.view-option.correct{outline:3px solid #48bb78}.view-option.correct .view-button{background:#48bb78}.view-option.incorrect{outline:3px solid #f56565}.view-option.incorrect .view-button{background:#f56565}.review-container{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;max-width:100%}.view-preview{background:#f0f0f0;border-radius:4px;width:100%;box-sizing:border-box}.view-preview .view-canvas{height:200px!important;aspect-ratio:1;margin:0 auto}.view-preview canvas{width:100%!important;height:100%!important;display:block}.view-preview img{width:100%;height:auto}.selected-view{border:2px solid #4299e1}.correct-view{border:2px solid #48bb78}.response-info{margin-top:15px;padding:10px;background:#f7fafc;border-radius:4px}.response-status{color:#2563eb}@media (max-width:1350px){.views-container{grid-template-columns:1fr 1fr;gap:10px}.review-grid{grid-template-columns:repeat(2,1fr);gap:10px}.view-preview .view-canvas{height:200px!important}.model-container{margin:0 auto}}@media (max-width:768px){.review-grid,.views-container{grid-template-columns:1fr;gap:10px}.view-preview .view-canvas{margin:0 auto}}.load-more-container{text-align:center;margin-top:20px;padding:20px}.load-more-button{background:#3b82f6;color:#fff;border:0;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.load-more-button:hover{background:#2563eb}.review-3d-model-container{margin-bottom:30px;border:1px solid #ddd;border-radius:4px;padding:20px;background-color:#f8f9fa}#review-3d-model canvas{cursor:grab}.nav-buttons{display:flex;justify-content:space-between;margin-top:30px;padding:0 20px}.next-question-button,.prev-question-button{padding:10px 20px;background-color:#3b82f6;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.next-question-button:hover,.prev-question-button:hover{background-color:#2563eb}.next-question-button:disabled,.prev-question-button:disabled{background-color:#cbd5e0;cursor:not-allowed}.prev-question-button+.next-question-button{margin-left:20px}@media (max-width:768px){.nav-buttons{flex-direction:column;gap:10px}.next-question-button,.prev-question-button{width:100%}.prev-question-button+.next-question-button{margin-left:0}}.reset-view-btn,.toggle-controls-help{margin-top:10px;padding:8px 16px;background-color:#3b82f6;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.reset-view-btn:hover{background-color:#2563eb}.toggle-controls-help{background-color:#dedede;color:#000;min-width:150px}.toggle-controls-help:hover{background-color:#c7c7c7}.review-stats{display:flex;justify-content:center;gap:20px;margin-bottom:25px}.stat-item{padding:5px 10px;border-radius:4px;font-weight:700}.stat-item.correct{background-color:rgba(72,187,120,.2);color:#2f855a}.stat-item.incorrect{background-color:rgba(245,101,101,.2);color:#c53030}.view-option{cursor:pointer}.practice-info-box{background-color:#e6f7ff;border-left:4px solid #1890ff;padding:15px 20px;margin-bottom:20px;border-radius:4px}.practice-info-box p{margin:0 0 10px}.practice-info-box p:last-child{margin-bottom:0}.practice-info-box strong{color:#1890ff}.practice-info-box a,.upgrade-banner a{color:#1890ff;text-decoration:underline}.practice-info-box a:hover,.upgrade-banner a:hover{color:#096dd9}.practice-info-box ul{margin:10px 0;padding-left:20px}.practice-info-box li{margin-bottom:5px}.controls-help-panel{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-top:15px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.controls-help-panel h4{margin-top:0;margin-bottom:12px;color:#2d3748;font-size:1.1rem;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:15px}.control-group{display:flex;align-items:flex-start;gap:10px}.control-icon{flex-shrink:0;width:36px;height:36px;background-color:#edf2f7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:3px}.control-desc{flex-grow:1}.control-desc strong{display:block;font-size:.95rem;margin-bottom:4px;color:#4a5568}.control-desc p{margin:0;font-size:.85rem;color:#718096;line-height:1.4}.control-tip{background-color:#ebf8ff;border-left:3px solid #63b3ed;padding:8px 12px;border-radius:4px}.control-tip p{margin:0;font-size:.9rem;color:#2c5282}.control-pan:before,.control-rotate:before{content:"↻";font-size:20px;color:#4a5568}.control-pan:before{content:"⇔"}.control-zoom:before{content:"🔍";font-size:18px;color:#4a5568}@media (max-width:640px){.controls-grid{grid-template-columns:1fr}}