.ExerciseView-module__5t1K6W__container{max-width:1400px;margin:0 auto;padding:2rem}.ExerciseView-module__5t1K6W__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.ExerciseView-module__5t1K6W__title{color:var(--foreground);font-size:2rem;font-weight:700}.ExerciseView-module__5t1K6W__controls{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:.25rem;display:flex}.ExerciseView-module__5t1K6W__controlBtn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600}.ExerciseView-module__5t1K6W__controlBtn:hover{color:var(--foreground)}.ExerciseView-module__5t1K6W__controlBtnActive{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.ExerciseView-module__5t1K6W__controlBtnActive:hover{color:#fff}.ExerciseView-module__5t1K6W__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:600px;box-shadow:var(--shadow-lg);overflow:hidden}.ExerciseView-module__5t1K6W__demoContainer{background:var(--background);height:100%;padding:2rem}.ExerciseView-module__5t1K6W__codeContainer{background:#1e1e1e;height:100%;overflow:auto}@media (max-width:768px){.ExerciseView-module__5t1K6W__container{padding:1rem}.ExerciseView-module__5t1K6W__header{flex-direction:column;align-items:flex-start;gap:1rem}.ExerciseView-module__5t1K6W__controls{width:100%;overflow-x:auto}.ExerciseView-module__5t1K6W__controlBtn{white-space:nowrap;flex:1;padding:.5rem 1rem;font-size:.75rem}.ExerciseView-module__5t1K6W__title{font-size:1.5rem}}