.cls-hint{background:var(--color-info-bg,#eff6ff);border:1px solid var(--color-info-bg,#bfdbfe);color:var(--color-info,#1e3a8a);border-radius:var(--student-radius-control,var(--guest-radius-control,6px));padding:12px 14px;font-size:var(--fs-body);line-height:1.5;margin-bottom:20px}.cls-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.cls-column{border:1px solid var(--color-border);border-radius:var(--student-radius-card,var(--guest-radius-card,8px));overflow:hidden;background:#fafbfc}.cls-column-title{padding:12px 14px;font-weight:700;background:var(--color-info-bg,#eef2ff);color:var(--color-info,#3730a3);font-size:var(--fs-body);text-align:center}.cls-drop-area{min-height:90px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:background 0.15s ease}.cls-drop-area.drag-over{background:var(--color-info-bg,#dbeafe)}.cls-tray-title{font-weight:600;color:#667085;font-size:var(--fs-body);margin-bottom:10px}.cls-tray{display:flex;flex-wrap:wrap;gap:10px;min-height:56px;padding:12px;border:1px dashed var(--color-border-strong);border-radius:var(--student-radius-card,var(--guest-radius-card,8px));background:var(--color-surface)}.cls-card{padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--fs-body);cursor:grab;user-select:none;-webkit-touch-callout:none;transition:0.15s ease}.cls-drop-area .cls-card{width:100%;box-sizing:border-box;cursor:pointer;background:var(--color-primary-subtle,#eff6ff);border-color:var(--color-primary)}.cls-card.selected{border-color:var(--color-primary,#2563eb);background:var(--color-primary-subtle,#dbeafe);outline:2px solid var(--color-primary);outline-offset:1px}.cls-card.dragging{opacity:0.4}@media (max-width:480px){.cls-columns{grid-template-columns:1fr 1fr}}.match-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.match-left-label{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--student-radius-control,var(--guest-radius-control,6px));background:var(--color-surface-hover);font-size:var(--fs-body);font-weight:600}.match-arrow{color:var(--color-text-faint);font-size:var(--fs-16)}.match-drop-area{min-height:46px;border-radius:var(--student-radius-control,var(--guest-radius-control,6px));transition:background 0.15s ease}.match-drop-area.drag-over{background:var(--color-info-bg,#dbeafe)}.match-drop-placeholder{min-height:46px;padding:12px 14px;border:1px dashed var(--color-border-strong);border-radius:var(--student-radius-control,var(--guest-radius-control,6px));color:var(--color-text-faint);font-size:var(--fs-13);display:flex;align-items:center}@media (max-width:480px){.match-row{grid-template-columns:1fr;gap:4px}.match-arrow{display:none}}.seq-list{display:flex;flex-direction:column;gap:8px}.seq-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--student-radius-card,var(--guest-radius-card,8px));cursor:grab;user-select:none;-webkit-touch-callout:none;transition:0.15s ease}.seq-row.selected{border-color:var(--color-primary,#2563eb);background:var(--color-primary-subtle,#dbeafe);outline:2px solid var(--color-primary);outline-offset:1px}.seq-row.dragging{opacity:0.4}.seq-row.drag-over{background:var(--color-primary-subtle,#eff6ff);border-color:var(--color-primary)}.seq-position{flex:0 0 auto;min-width:22px;text-align:right;color:var(--color-text-faint);font-weight:600}.seq-card{flex:1;font-size:var(--fs-body)}.seq-controls{flex:0 0 auto;display:flex;gap:4px}.seq-move-button{min-width:44px;min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);cursor:pointer;font-size:var(--fs-16)}.seq-move-button:disabled{opacity:0.35;cursor:not-allowed}.cls-card.auto-corrected,.seq-row.auto-corrected{background:var(--color-danger,#dc2626)!important;color:var(--color-surface,#ffffff)!important;border-color:var(--color-danger,#dc2626)!important}.seq-row.auto-corrected .seq-text{color:var(--color-surface,#ffffff)!important}