.cqe{gap:2rem;width:100%;display:grid}.cqe__header{gap:.5rem;display:grid}.cqe__layout{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:2rem;display:grid}.cqe__board-col{gap:1.5rem;display:grid}.cqe__board-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cqe__phase-badge,.cqe__turn-badge{border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.cqe__phase-badge{color:#4338ca;background:#4f46e514}.cqe__turn-badge{color:#059669;background:#10b9811a}.cqe__board-with-palette{gap:1rem;display:grid}.cqe__piece-palette{background:#f8fafce6;border:1px solid #94a3b833;border-radius:1rem;gap:1rem;padding:.75rem;display:grid}.cqe__palette-group{gap:.75rem;display:grid}.cqe__palette-heading{color:#334155;font-size:.875rem;font-weight:700}.cqe__palette-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.cqe__palette-piece{cursor:grab;background:#fff;border-radius:.75rem;place-items:center;padding:.5rem;display:grid;box-shadow:0 1px 2px #0f172a0d}.cqe__promotion-picker{background:#fff;border:1px solid #94a3b833;border-radius:1rem;gap:.75rem;padding:1rem;display:grid}.cqe__promotion-options{flex-wrap:wrap;gap:.5rem;display:flex}.cqe__promotion-picker button,.cqe__setup-actions button,.cqe__record-actions button,.cqe__save-btn{cursor:pointer;background:#fff;border:1px solid #94a3b833;border-radius:9999px;padding:.75rem 1rem}.cqe__setup-actions,.cqe__record-actions,.cqe__sidebar-phase-controls{gap:.75rem;display:grid}.cqe__side-toggle,.cqe__castling-toggle{gap:.5rem;display:grid}.cqe__side-toggle button,.cqe__castling-toggle button{background:#fff;border:1px solid #94a3b833;border-radius:9999px;padding:.55rem .85rem}.cqe__side-toggle button.is-active,.cqe__castling-toggle button.is-active{color:#fff;background:#4f46e5;border-color:#4f46e599}.cqe__hint{color:#64748b;font-size:.9rem}.cqe__sidebar{background:#ffffffeb;border:1px solid #94a3b826;border-radius:1.5rem;gap:1.25rem;padding:1.5rem;display:grid}.cqe__field{gap:.5rem;display:grid}.cqe__field input,.cqe__field textarea{background:#f8fafc;border:1px solid #94a3b840;border-radius:.9rem;width:100%;padding:.8rem 1rem}.cqe__pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.cqe__pill-group button{background:#fff;border:1px solid #94a3b833;border-radius:9999px;padding:.55rem .85rem}.cqe__pill-group button.is-active{color:#fff;background:#4f46e5;border-color:#4f46e599}.cqe__validation{background:#f8fafc;border:1px solid #94a3b833;border-radius:1rem;gap:.5rem;padding:1rem;display:grid}.cqe__validation-error{color:#b91c1c}.cqe__validation-warning{color:#7871e7}.cqe__validation-ok{color:#059669}.cqe__solution-list{background:#fff;border:1px solid #94a3b833;border-radius:1rem;gap:.75rem;padding:1rem;display:grid}.cqe__solution-list-title{font-weight:700}