*,.a4-page{box-sizing:border-box}.a4-page,.app-layout,.meta-item,.page-meta,body{display:flex}.cell,.cell.answer,.page-title,.sidebar-title{font-weight:700}.btn,.lang-btn{cursor:pointer;transition:.2s}*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f3f4f6;color:#1f2937;flex-direction:column;min-height:100vh}.preview-container{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.a4-page{width:210mm;min-height:297mm;padding:15mm;background-color:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);margin-bottom:.5rem;position:relative;flex-direction:column}.page-header{width:100%;text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #374151}.page-title{font-size:24px;letter-spacing:2px;color:#111827;margin-bottom:12px}.page-meta{justify-content:space-between;font-size:14px;color:#4b5563;padding:0 10px}.meta-item{align-items:flex-end}.underline-space{display:inline-block;border-bottom:1px solid #4b5563;min-width:80px;height:18px;margin-left:4px}.sudoku-print-grid{display:grid;width:100%;gap:25px 20px;flex-grow:1;align-content:start;justify-items:center;padding:10px 0}.grid-layout-4{grid-template-columns:repeat(3,1fr)}.grid-layout-6,.grid-layout-9{grid-template-columns:repeat(2,1fr)}.grid-layout-9{gap:30px 15px}.sudoku-card{display:flex;flex-direction:column;align-items:center}.sudoku-card-header{font-size:14px;font-weight:700;color:#374151;margin-bottom:8px;align-self:flex-start}.sudoku-board{display:grid;border:2px solid #111827;background-color:#111827;gap:1px}.cell,.sidebar{background-color:#fff;display:flex}.cell{align-items:center;justify-content:center;font-family:"Courier New",Courier,monospace;user-select:none}.board-4{grid-template-columns:repeat(4,38px);grid-template-rows:repeat(4,38px)}.board-4 .cell{font-size:22px}.board-4 .cell:nth-child(2n),.board-6 .cell:nth-child(3n),.board-9 .cell:nth-child(3n){border-right:2px solid #111827}.board-4 .cell:nth-child(4n),.board-6 .cell:nth-child(6n),.board-9 .cell:nth-child(9n){border-right:none}.board-4 .cell-row-border,.board-6 .cell-row-border,.board-9 .cell-row-border{border-bottom:2px solid #111827}.board-6{grid-template-columns:repeat(6,32px);grid-template-rows:repeat(6,32px)}.board-6 .cell{font-size:20px}.board-9{grid-template-columns:repeat(9,28px);grid-template-rows:repeat(9,28px)}.board-9 .cell{font-size:18px}.cell.given{background-color:#f9fafb;color:#111827}.cell.answer{color:#dc2626}.page-footer{text-align:center;font-size:11px;color:#9ca3af;margin-top:auto;padding-top:10px}.sidebar{width:340px;border-left:1px solid #e5e7eb;padding:1.5rem;flex-direction:column;gap:1.25rem;box-shadow:-2px 0 10px rgba(0,0,0,.05);z-index:10}.sidebar-title{font-size:1.15rem;color:#0f172a;flex:1}.btn,.form-label{font-size:.875rem}.btn,.form-label,.lang-btn{font-weight:600}.checkbox-group,.form-group,.radio-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#374151}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;cursor:pointer}.checkbox-label input,.radio-label input{width:1rem;height:1rem;accent-color:#2563eb;cursor:pointer}.btn-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.btn{width:100%;padding:.625rem 1rem;border-radius:.375rem;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}@media print{body{background-color:#fff;display:block}.footer-copyright,.sidebar{display:none!important}.preview-container{padding:0;overflow:visible}.a4-page{box-shadow:none;margin:0;width:210mm;height:297mm;page-break-after:always}.cell.answer{color:#000!important}.cell.given{background-color:#f3f4f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.app-layout{flex:1;width:100%}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.lang-switcher-container{display:flex;align-items:center;background-color:#f1f5f9;border-radius:6px;padding:3px;width:91px}.lang-btn{border:none;background:0 0;padding:4px 10px;font-size:.75rem;color:#64748b;border-radius:4px}.lang-btn.active{background-color:#2563eb;color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.3)}.footer-copyright{text-align:center;padding:16px 0;margin-top:auto;font-size:13px;color:#64748b;background-color:#fff;border-top:1px solid #e2e8f0;width:100%}@media (max-width:1024px){.app-layout{flex-direction:column-reverse}.sidebar{width:100%;border-left:none;border-bottom:1px solid #e2e8f0}.preview-container{padding:1rem;overflow-x:auto}}