.DragDropProofExercise-module__4uWl1q__container{flex-direction:column;gap:2rem;padding:1rem 0;display:flex;position:relative}.DragDropProofExercise-module__4uWl1q__dragPreview{pointer-events:none;z-index:1000;background:var(--background-primary);border:2px solid var(--accent-primary);opacity:.95;border-radius:6px;flex-direction:column;gap:.25rem;min-width:250px;max-width:90vw;padding:.75rem 1rem;display:flex;position:fixed;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 8px 16px #0000004d}.DragDropProofExercise-module__4uWl1q__dragPreview .DragDropProofExercise-module__4uWl1q__stepStatement{color:var(--foreground-primary);font-size:1rem;font-weight:500}.DragDropProofExercise-module__4uWl1q__dragPreview .DragDropProofExercise-module__4uWl1q__stepJustification{color:var(--foreground-secondary);font-size:.875rem;font-style:italic}.DragDropProofExercise-module__4uWl1q__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.DragDropProofExercise-module__4uWl1q__header h4{color:var(--foreground-primary);margin:0;font-size:1rem;font-weight:600}.DragDropProofExercise-module__4uWl1q__resetButton{background:var(--danger-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.DragDropProofExercise-module__4uWl1q__resetButton:hover{background:var(--danger-primary);filter:brightness(.9);transform:translateY(-1px)}.DragDropProofExercise-module__4uWl1q__resetButton:active{transform:translateY(0)}.DragDropProofExercise-module__4uWl1q__availableSteps{background:var(--background-secondary);border:2px dashed var(--border-primary);border-radius:8px;padding:1.5rem}.DragDropProofExercise-module__4uWl1q__stepsList{flex-direction:column;gap:.5rem;min-height:60px;display:flex}.DragDropProofExercise-module__4uWl1q__emptyState{color:var(--foreground-secondary);text-align:center;padding:1.5rem;font-style:italic}.DragDropProofExercise-module__4uWl1q__step{background:var(--background-primary);border:1px solid var(--border-primary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative}.DragDropProofExercise-module__4uWl1q__step:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.DragDropProofExercise-module__4uWl1q__step:active{cursor:grabbing}.DragDropProofExercise-module__4uWl1q__step.DragDropProofExercise-module__4uWl1q__dragging{opacity:.4;transform:scale(.95)}.DragDropProofExercise-module__4uWl1q__stepStatement{color:var(--foreground-primary);font-size:1rem;font-weight:500}.DragDropProofExercise-module__4uWl1q__stepJustification{color:var(--foreground-secondary);font-size:.875rem;font-style:italic}.DragDropProofExercise-module__4uWl1q__proofArea{background:var(--background-secondary);border:2px solid var(--accent-primary);border-radius:8px;padding:1.5rem}.DragDropProofExercise-module__4uWl1q__proofArea h4{color:var(--foreground-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.DragDropProofExercise-module__4uWl1q__proofSteps{min-height:120px;position:relative}.DragDropProofExercise-module__4uWl1q__proofSteps.DragDropProofExercise-module__4uWl1q__empty{justify-content:center;align-items:center;display:flex}.DragDropProofExercise-module__4uWl1q__placeholder{color:var(--foreground-secondary);text-align:center;padding:2rem;font-style:italic}.DragDropProofExercise-module__4uWl1q__dropZone{background-color:#0000;align-items:center;height:20px;margin:2px 0;transition:all .2s;display:flex;position:relative}.DragDropProofExercise-module__4uWl1q__dropZone.DragDropProofExercise-module__4uWl1q__dragOver{height:24px;margin:4px 0}.DragDropProofExercise-module__4uWl1q__dropZone.DragDropProofExercise-module__4uWl1q__dragOver:before{content:"";background-color:var(--accent-primary);border-radius:2px;height:4px;animation:.6s ease-in-out infinite DragDropProofExercise-module__4uWl1q__pulse;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 12px #007bffcc}.DragDropProofExercise-module__4uWl1q__finalDropZone{align-items:center;height:20px;margin-top:4px;display:flex;position:relative}.DragDropProofExercise-module__4uWl1q__finalDropZone.DragDropProofExercise-module__4uWl1q__dragOver{height:24px;margin-top:8px}.DragDropProofExercise-module__4uWl1q__finalDropZone.DragDropProofExercise-module__4uWl1q__dragOver:before{content:"";background-color:var(--accent-primary);border-radius:2px;height:4px;animation:.6s ease-in-out infinite DragDropProofExercise-module__4uWl1q__pulse;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 12px #007bffcc}@keyframes DragDropProofExercise-module__4uWl1q__pulse{0%,to{opacity:1}50%{opacity:.6}}.DragDropProofExercise-module__4uWl1q__proofStep{background:var(--background-primary);border:2px solid var(--accent-primary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .75rem;margin:4px 0;padding:.75rem 1rem;transition:all .2s;display:grid}.DragDropProofExercise-module__4uWl1q__proofStep:hover{transform:translateY(-2px);box-shadow:0 4px 8px #007bff33}.DragDropProofExercise-module__4uWl1q__proofStep:active{cursor:grabbing}.DragDropProofExercise-module__4uWl1q__proofStep.DragDropProofExercise-module__4uWl1q__dragging{opacity:.4;box-shadow:none;transform:scale(.95)}.DragDropProofExercise-module__4uWl1q__stepNumber{color:var(--accent-primary);grid-area:1/1/span 2;min-width:24px;font-weight:600}.DragDropProofExercise-module__4uWl1q__proofStep .DragDropProofExercise-module__4uWl1q__stepStatement{grid-area:1/2;font-size:1rem;font-weight:500}.DragDropProofExercise-module__4uWl1q__proofStep .DragDropProofExercise-module__4uWl1q__stepJustification{grid-area:2/2;font-size:.875rem;font-style:italic}.DragDropProofExercise-module__4uWl1q__removeButton{color:var(--danger-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;grid-area:1/3/span 2;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;transition:background-color .2s;display:flex}.DragDropProofExercise-module__4uWl1q__removeButton:hover{background-color:var(--danger-muted)}.DragDropProofExercise-module__4uWl1q__removeButton:focus{outline:2px solid var(--danger-primary);outline-offset:2px}@media (max-width:768px){.DragDropProofExercise-module__4uWl1q__container{gap:1.5rem}.DragDropProofExercise-module__4uWl1q__availableSteps,.DragDropProofExercise-module__4uWl1q__proofArea{padding:1rem}.DragDropProofExercise-module__4uWl1q__step,.DragDropProofExercise-module__4uWl1q__proofStep{min-height:44px;padding:.5rem .75rem}.DragDropProofExercise-module__4uWl1q__step:active,.DragDropProofExercise-module__4uWl1q__proofStep:active{opacity:.7;transform:scale(.98)}.DragDropProofExercise-module__4uWl1q__step,.DragDropProofExercise-module__4uWl1q__proofStep,.DragDropProofExercise-module__4uWl1q__stepsList,.DragDropProofExercise-module__4uWl1q__proofSteps{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.DragDropProofExercise-module__4uWl1q__dropZone{height:30px;margin:4px 0}.DragDropProofExercise-module__4uWl1q__dropZone.DragDropProofExercise-module__4uWl1q__dragOver{height:40px;margin:8px 0}.DragDropProofExercise-module__4uWl1q__finalDropZone{height:30px;margin-top:8px}.DragDropProofExercise-module__4uWl1q__finalDropZone.DragDropProofExercise-module__4uWl1q__dragOver{height:40px;margin-top:12px}}