.sd-tool .sd-panels{margin: 0 -10px}.sd-tool .sd-panel-header{display: flex;align-items: center;justify-content: space-between}.sd-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px;display: block}.sd-tool .sd-chips{display: flex;gap: 6px;flex-wrap: wrap}.sd-tool .sd-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 5px 14px;border-radius: 999px;cursor: pointer}.sd-tool .sd-chip:hover{border-color: #4f46e5;color: #4f46e5}.sd-tool .sd-chip.is-active{background: #4f46e5;border-color: #4f46e5;color: #fff}.sd-tool .sd-stats{display: flex;gap: 12px;margin: 12px 0}.sd-tool .sd-stat{flex: 1;background: #eef2ff;border: 1px solid #c7d2fe;border-radius: 8px;padding: 8px;text-align: center}.sd-tool .sd-stat-label{display: block;font-size: 11px;color: #3730a3;text-transform: uppercase}.sd-tool .sd-stat-val{display: block;font-size: 20px;font-weight: 700;color: #4f46e5}.sd-tool .sd-actions{display: flex;gap: 6px;flex-wrap: wrap}.sd-tool .sd-btn{flex: 1;min-width: 80px;font-size: 13px}.sd-tool .sd-board-wrap{display: flex;flex-direction: column;align-items: center;gap: 12px}.sd-tool .sd-board{display: grid;grid-template-columns: repeat(9,1fr);gap: 0;width: 100%;max-width: 450px;border: 2px solid #1e1b4b;background: #1e1b4b}.sd-tool .sd-cell{aspect-ratio: 1;background: #fff;display: flex;align-items: center;justify-content: center;font-size: clamp(14px,3vw,22px);font-weight: 600;color: #1e1b4b;cursor: pointer;position: relative;border-right: 1px solid #c7d2fe;border-bottom: 1px solid #c7d2fe;user-select: none}.sd-tool .sd-cell:nth-child(3n){border-right: 2px solid #1e1b4b}.sd-tool .sd-cell:nth-child(9n){border-right: none}.sd-tool .sd-cell:nth-child(n+19):nth-child(-n+27),.sd-tool .sd-cell:nth-child(n+46):nth-child(-n+54){border-bottom: 2px solid #1e1b4b}.sd-tool .sd-cell.sd-given{color: #111827;cursor: default}.sd-tool .sd-cell.sd-selected{background: #e0e7ff}.sd-tool .sd-cell.sd-related{background: #eef2ff}.sd-tool .sd-cell.sd-same{background: #c7d2fe}.sd-tool .sd-cell.sd-error{color: #dc2626;background: #fee2e2}.sd-tool .sd-notes{position: absolute;inset: 2px;display: grid;grid-template-columns: repeat(3,1fr);grid-template-rows: repeat(3,1fr);font-size: 9px;font-weight: 400;color: #6366f1;line-height: 1}.sd-tool .sd-notes span{display: flex;align-items: center;justify-content: center}.sd-tool .sd-numpad{display: grid;grid-template-columns: repeat(9,1fr);gap: 4px;width: 100%;max-width: 450px}.sd-tool .sd-numpad button{aspect-ratio: 1;border: 1px solid #c7d2fe;background: #fff;border-radius: 6px;font-size: 18px;font-weight: 600;color: #4f46e5;cursor: pointer}.sd-tool .sd-numpad button:hover{background: #eef2ff}.sd-tool .sd-numpad button:active{background: #c7d2fe}:root[data-theme="dark"] .sd-tool .sd-panel-header{background: #1e1b3a;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .sd-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .sd-tool .sd-chip{background: transparent;border-color: #312e81;color: #cbd5e1}:root[data-theme="dark"] .sd-tool .sd-chip.is-active{background: #4f46e5;color: #fff}:root[data-theme="dark"] .sd-tool .sd-stat{background: rgba(79,70,229,0.15);border-color: rgba(79,70,229,0.3)}:root[data-theme="dark"] .sd-tool .sd-stat-label{color: #a5b4fc}:root[data-theme="dark"] .sd-tool .sd-stat-val{color: #818cf8}:root[data-theme="dark"] .sd-tool .sd-cell{background: #1f2937;color: #e5e7eb;border-color: #374151}:root[data-theme="dark"] .sd-tool .sd-cell.sd-given{color: #f3f4f6}:root[data-theme="dark"] .sd-tool .sd-cell.sd-selected{background: #3730a3}:root[data-theme="dark"] .sd-tool .sd-cell.sd-related{background: #1e1b4b}:root[data-theme="dark"] .sd-tool .sd-cell.sd-same{background: #4338ca}:root[data-theme="dark"] .sd-tool .sd-numpad button{background: #1f2937;border-color: #374151;color: #a5b4fc}@media (max-width: 767px){.sd-tool .row-layout{flex-direction: column}}