.sudoku-generator-shell{border:1px solid #dce6df;border-radius:24px;background:#fff;padding:20px;box-shadow:0 14px 36px rgb(15 23 42/6%)}.sudoku-tool-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sudoku-tool-heading h2{font-family:var(--font-space),sans-serif;font-size:1.2rem;font-weight:800;line-height:1.35}.sudoku-tool-stack{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px}.sudoku-settings{position:sticky;top:5.25rem;min-width:0;max-height:calc(100dvh - 6.25rem);overflow-y:auto;border:1px solid #dce5df;border-radius:14px;background:#fafcf9;padding:16px;scrollbar-width:thin}.sudoku-settings-content{display:grid;min-width:0;gap:16px}.sudoku-settings-heading{font-size:.95rem;font-weight:800}.sudoku-settings label{display:grid;min-width:0;gap:7px}.sudoku-settings label>span,.sudoku-settings legend{color:#243248;font-size:.75rem;font-weight:750}.sudoku-settings input[type=text],.sudoku-settings select{min-width:0;width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 10px;color:#172238;font-size:.85rem;font-weight:650}.sudoku-settings select:disabled{background:#f1f5f2;color:#64748b}.sudoku-settings-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sudoku-difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.sudoku-difficulty-options button{min-height:44px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-size:.75rem;font-weight:750}.sudoku-difficulty-options button[aria-pressed=true]{border-color:#168141;background:#168141;color:#fff}.sudoku-setting-note{margin-top:-6px;color:#64748b;font-size:.75rem;line-height:1.5}.sudoku-style-settings{border:1px solid #dce5df;border-radius:10px;background:#fff}.sudoku-style-settings summary{display:flex;min-height:44px;cursor:pointer;align-items:center;justify-content:space-between;gap:8px;padding:10px;color:#243248;font-size:.8rem;font-weight:750;list-style:none}.sudoku-style-settings summary:before{content:"+";color:#168141;font-size:1rem}.sudoku-style-settings[open] summary:before{content:"−"}.sudoku-style-settings summary span{margin-left:auto;color:#64748b;font-size:.75rem;font-weight:650;white-space:nowrap}.sudoku-style-settings-content{display:grid;gap:14px;border-top:1px solid #e7ece8;padding:12px 10px}.sudoku-style-border-controls{display:grid;gap:12px;border-top:1px solid #e7ece8;padding-top:12px}.sudoku-settings label.sudoku-style-control{gap:0}.sudoku-style-control>span{display:flex;align-items:center;justify-content:space-between;gap:6px}.sudoku-style-control output{color:#166534;font-variant-numeric:tabular-nums;white-space:nowrap}.sudoku-style-control input[type=range]{width:100%;min-width:0;min-height:44px;accent-color:#168141;cursor:pointer}.sudoku-style-settings-content .sudoku-reset-button,.sudoku-style-settings-content .sudoku-setting-note{margin-top:0}.sudoku-settings label.sudoku-answer-option{display:flex;min-height:32px;align-items:center;gap:9px}.sudoku-answer-option input{width:18px;height:18px;accent-color:#168141}.sudoku-generate-button{width:100%;min-height:46px;border-radius:10px;background:#168141;padding:10px 12px;color:#fff;font-size:.85rem;font-weight:800}.sudoku-generate-button:hover:not(:disabled){background:#116832}.sudoku-generate-button:disabled{opacity:.6;cursor:wait}.sudoku-more-settings{border-top:1px solid #dce5df;padding-top:13px;font-size:.8rem}.sudoku-more-settings summary{min-height:28px;cursor:pointer;color:#475569;font-weight:700}.sudoku-more-settings label{margin-top:12px}.sudoku-more-settings p{margin-top:10px}.sudoku-reset-button{min-height:40px;margin-top:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:6px 14px;color:#475569;font-size:.8rem;font-weight:700}.sudoku-mobile-settings-toggle{display:none}.sudoku-workspace{min-width:0}.sudoku-generated-preview{scroll-margin-top:5.25rem}.sudoku-generated-preview:focus-visible{outline:2px solid #168141;outline-offset:4px}.sudoku-preview-toolbar{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.sudoku-preview-toolbar h3{font-size:.95rem;font-weight:800}.sudoku-preview-toolbar p{margin-top:4px;color:#64748b;font-size:.75rem;line-height:1.5}.sudoku-preview-actions{display:flex;flex-wrap:wrap;gap:6px}.sudoku-preview-actions button{min-height:42px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 10px;color:#334155;font-size:.75rem;font-weight:750}.sudoku-preview-actions button.sudoku-print-button{border-color:#172238;background:#172238;color:#fff}.sudoku-preview-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sudoku-preview-pager{display:flex;align-items:center;gap:8px;margin-left:auto}.sudoku-preview-pager button{min-height:40px;border:1px solid #dbe3eb;border-radius:8px;background:#fff;padding:6px 10px;color:#334155;font-size:.75rem;font-weight:700}.sudoku-preview-pager button:disabled{color:#94a3b8;cursor:default}.sudoku-preview-pager span{color:#475569;font-size:.75rem;font-weight:700;white-space:nowrap}.sudoku-preview-tabs{display:flex;gap:4px;border-radius:9px;background:#eef3ef;padding:3px}.sudoku-preview-tabs button{min-height:38px;border-radius:7px;padding:5px 14px;color:#64748b;font-size:.8rem;font-weight:750}.sudoku-preview-tabs button[aria-pressed=true]{background:#fff;color:#166534;box-shadow:0 1px 3px rgb(15 23 42/9%)}.sudoku-generator-shell .sudoku-screen-preview-grid{grid-template-columns:minmax(0,1fr)}.sudoku-generator-shell .sudoku-page-preview-title{font-size:.72rem;line-height:1.4}.sudoku-feedback,.sudoku-share-feedback{margin-bottom:12px;border-left:3px solid #22c55e;background:#f0fdf4;padding:8px 12px;color:#166534;font-size:.8rem;line-height:1.5}.sudoku-feedback[data-status=error]{border-color:#f59e0b;background:#fffbeb;color:#92400e}.sudoku-share-feedback input{width:100%;margin-top:8px;border:1px solid #cbd5e1;border-radius:6px;padding:8px;color:#334155}.sudoku-empty-preview{display:grid;min-height:420px;justify-items:center;align-content:center;gap:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#fbfcfa;padding:28px;text-align:center}.sudoku-empty-preview h3{font-family:var(--font-space),sans-serif;font-size:1.5rem;font-weight:800}.sudoku-empty-preview p{max-width:24rem;color:#64748b;font-size:.9rem;line-height:1.7}.sudoku-empty-generate{display:none}.sudoku-generator-shell button:focus-visible,.sudoku-generator-shell input:focus-visible,.sudoku-generator-shell select:focus-visible,.sudoku-generator-shell summary:focus-visible{outline:2px solid #168141;outline-offset:3px}@media screen and (min-width:1280px){.sudoku-generator-shell .sudoku-screen-preview-grid:not(.sudoku-screen-preview-grid-single){grid-template-columns:repeat(2,minmax(0,1fr))}.sudoku-preview-tabs{display:none}}@media screen and (max-width:1279px){.sudoku-screen-preview-grid[data-preview-kind=answers] .sudoku-puzzle-preview-column,.sudoku-screen-preview-grid[data-preview-kind=puzzles] .sudoku-answer-preview-column{display:none}}@media screen and (max-width:899px){.sudoku-generator-shell{border-radius:18px;padding:12px}.sudoku-tool-heading{align-items:start;margin-bottom:14px}.sudoku-tool-heading h2{font-size:1.05rem}.sudoku-tool-stack{grid-template-columns:minmax(0,1fr);gap:16px}.sudoku-settings{position:static;max-height:none;overflow:visible;padding:0}.sudoku-mobile-settings-toggle{display:flex;width:100%;min-height:66px;align-items:center;justify-content:space-between;gap:12px;padding:12px;text-align:left}.sudoku-mobile-settings-toggle strong{display:block;color:#172238;font-size:.9rem}.sudoku-mobile-settings-toggle small{display:block;margin-top:3px;color:#64748b;font-size:.75rem}.sudoku-mobile-settings-toggle>span:last-child{color:#166534;font-size:.8rem;font-weight:750}.sudoku-settings-content{padding:4px 12px 14px}.sudoku-settings-heading,.sudoku-settings[data-settings-open=false] .sudoku-settings-content{display:none}.sudoku-preview-toolbar{gap:10px}.sudoku-preview-actions{width:100%}.sudoku-preview-actions button{min-height:44px}.sudoku-preview-pager{margin-left:0}.sudoku-empty-preview{min-height:280px;padding:20px}.sudoku-empty-generate{display:block;max-width:18rem}}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper{container-type:inline-size;padding:var(--sudoku-preview-padding)}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper .sudoku-answer-card,.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper .sudoku-print-card{max-width:none}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper [data-sudoku-print-layout]{align-content:start;gap:var(--sudoku-grid-gap)}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper [data-sudoku-print-layout="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper h3{font-size:var(--sudoku-title-size);margin-bottom:var(--sudoku-title-gap)}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper [role=img]{width:min(100%,var(--sudoku-grid-width));margin-inline:auto}.generator-tool-shell[data-sudoku-generator] .sudoku-page-preview-paper [role=img]>div{border-color:#111;font-size:var(--sudoku-digit-size);font-family:var(--sudoku-digit-font)}@page sudoku-letter{size:letter;margin:.45in}@page sudoku-a4{size:A4;margin:12mm}@media print{html:has([data-sudoku-generator] .sudoku-print-output)>:not(head):not(body){display:none!important;visibility:hidden!important}body:has([data-sudoku-generator] .sudoku-print-output) :not(.sudoku-print-output):not(.sudoku-print-output *):not(:has(.sudoku-print-output)){display:none!important}body:has([data-sudoku-generator] .sudoku-print-output),body:has([data-sudoku-generator] .sudoku-print-output) :has(.sudoku-print-output){display:block!important;position:static!important;min-height:0!important;height:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}.generator-tool-shell[data-sudoku-generator] .sudoku-print-output{display:block!important;position:static!important;inset:auto!important;margin:0!important}.sudoku-tool-stack{display:block!important}html:has([data-sudoku-generator] .sudoku-print-letter){page:sudoku-letter}html:has([data-sudoku-generator] .sudoku-print-a4){page:sudoku-a4}.generator-tool-shell[data-sudoku-generator] .sudoku-print-output [role=img]{width:min(100%,var(--sudoku-grid-width))!important}.generator-tool-shell[data-sudoku-generator] .sudoku-print-output [role=img]>div{font-size:var(--sudoku-digit-size)!important;font-family:var(--sudoku-digit-font)!important}.generator-tool-shell[data-sudoku-generator] .sudoku-print-page{gap:var(--sudoku-grid-gap)!important}.generator-tool-shell[data-sudoku-generator] .sudoku-print-output h3{font-size:var(--sudoku-title-size)!important;margin-bottom:var(--sudoku-title-gap)!important}}