:root{--bg:#f6f7f2;--paper:#fff;--ink:#132236;--muted:#5f6b7a;--accent:#0f9d8f;--accent-strong:#0b786d;--line:#b7c4d1;--sidebar-w:420px}*{box-sizing:border-box}[hidden]{display:none!important}body{color:var(--ink);background:var(--bg);margin:0;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif}.hero{width:100%;padding:0}.hero-bar{width:100%;box-shadow:none;background:#ffffffe6;border-bottom:1px solid #d7e0e8;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.5rem;display:flex}.hero-brand{flex-direction:column;gap:.2rem;display:flex}.hero-license-actions{align-items:center;gap:.55rem;display:flex}.mode-badge{color:#36506a;background:#edf2f6;border:1px solid #d7e0e8;justify-content:center;align-items:center;min-height:2rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.mode-badge[data-mode=licensed]{color:#2f6b47;background:#e7f4eb;border-color:#cbe3d2}.top-license-cta{color:#183046;background:#dce9f4;border:1px solid #c5d5e4;justify-content:center;align-items:center;min-height:2.2rem;padding:.35rem .9rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.hero h1{letter-spacing:.02em;margin:0;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:1.4rem}.hero p{color:var(--muted);margin:0;font-size:.9rem;font-weight:600}.top-nav{align-items:center;gap:.5rem;display:flex}.top-nav a{min-height:2.2rem;color:var(--ink);background:#fff;border:1px solid #d7e0e8;justify-content:center;align-items:center;padding:.35rem .8rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.top-nav a[data-active=true]{background:#dce9f4;border-color:#c5d5e4}.app-layout{grid-template-columns:minmax(0, 1fr) minmax(380px, var(--sidebar-w));align-items:start;gap:1.2rem;max-width:1400px;margin:0 auto;padding:1rem 1.5rem 3rem;display:grid}.app-view[hidden]{display:none!important}.preview{min-width:0;padding:0}.worksheet-pages{flex-direction:column;align-items:center;gap:2rem;display:flex}.sidebar{align-self:start;min-width:0;position:sticky;top:1rem}.controls{background:var(--paper);border:1px solid #d7e0e8;border-radius:14px;padding:1.1rem 1.2rem 1rem;box-shadow:0 8px 30px #14213414}.controls-heading{margin:0 0 1rem;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:1rem}.control-stack{flex-direction:column;gap:1rem;display:flex}.control-group{background:0 0;border:0;border-radius:0;min-width:0;padding:0}.control-group-header{border-bottom:1px solid #dbe4ec;margin-bottom:.85rem;padding-bottom:.65rem}.control-group-title{letter-spacing:.02em;margin:0;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:.88rem}.control-group-copy{color:var(--muted);margin:.2rem 0 0;font-size:.78rem;line-height:1.35}.control-group-body{flex-direction:column;gap:.75rem;display:flex}.control-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}label{gap:.3rem;min-width:0;font-size:.85rem;display:grid}label>span{font-weight:600}input,select,button{font:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fcfdff;border-radius:8px;padding:.4rem .5rem;font-size:.85rem}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, white);outline-offset:2px}textarea{resize:vertical;min-height:8.2rem;line-height:1.35}.image-controls,.text-symbol-controls{margin-top:1rem}.help-text{color:var(--muted);margin:.3rem 0 .5rem;font-size:.8rem}.license-actions{flex-wrap:wrap;gap:.55rem;margin-top:.2rem;display:flex}.license-actions button{width:auto}.license-state,.license-status{margin:.2rem 0 0;font-size:.8rem;line-height:1.35}.license-state{color:#36506a;font-weight:700}.license-status{color:var(--muted);min-height:1.1rem}.license-status[data-tone=success]{color:#2f6b47}.license-status[data-tone=error]{color:#a13e36}.license-page{max-width:1400px;margin:0 auto;padding:1rem 1.5rem 3rem}.license-shell{grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);align-items:start;gap:2rem;display:grid}.license-intro h2{margin:0 0 .8rem;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:1.5rem}.license-intro p{color:#314558;max-width:52rem;margin:0 0 .9rem;line-height:1.5}.license-panel{background:var(--paper);border:1px solid #d7e0e8;padding:1.1rem 1.2rem 1rem;box-shadow:0 8px 30px #14213414}.purchase-license-link{color:#183046;background:#dce9f4;border:1px solid #c5d5e4;justify-content:center;align-items:center;min-height:2.5rem;padding:.55rem .95rem;font-weight:700;text-decoration:none;display:inline-flex}.license-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.license-overview-card{background:#ffffffb8;border:1px solid #d7e0e8;padding:1rem 1.05rem}.license-overview-card h3{margin:0 0 .7rem;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:.95rem}.license-list{color:#314558;margin:0;padding-left:1.1rem}.license-list li+li{margin-top:.45rem}.license-meta{margin:0}.license-meta div{border-top:1px solid #e5ebf1;grid-template-columns:88px 1fr;gap:.75rem;padding:.4rem 0;display:grid}.license-meta div:first-child{border-top:0;padding-top:0}.license-meta dt{color:var(--muted);font-weight:700}.license-meta dd{color:var(--ink);word-break:break-word;margin:0;font-weight:600}.image-legend{grid-template-columns:1fr;gap:.3rem;display:grid}.legend-item{color:#324457;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend-item img{object-fit:cover;background:#fff;border:1px solid #ced9e3;border-radius:5px;width:22px;height:22px}.text-pack-legend{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.45rem;margin-top:.6rem;display:grid}.text-pack-chip{background:#f8fbfd;border:1px solid #d9e2eb;border-radius:9px;flex-direction:column;gap:.12rem;padding:.45rem .55rem;display:flex}.text-pack-chip strong{color:var(--muted);font-size:.72rem}.text-pack-chip span{color:var(--ink);word-break:break-word;font-size:.88rem;font-weight:700}.grid-hint{color:var(--muted);background:#d7e4ee8c;border-radius:8px;margin:-.2rem 0 0;padding:.45rem .6rem;font-size:.8rem;font-weight:600}button{cursor:pointer;border:0;border-radius:9px;padding:.5rem .6rem;font-size:.85rem;font-weight:700}.export-btn{color:#183046;background:#dce9f4;width:100%}#resetSymbolPack{width:auto;color:var(--ink);background:#edf2f6;border:1px solid #d9e2eb;align-self:start}#activateLicenseBtn{color:#183046;background:#dce9f4}#clearLicenseBtn{color:var(--ink);background:#edf2f6;border:1px solid #d9e2eb}.control-actions{border-top:1px solid #e1e8ef;margin-top:.9rem;padding-top:.9rem}button:disabled{opacity:.55;cursor:not-allowed}.status{color:#253d50;min-height:1.2rem;margin:.6rem 0 0;font-size:.8rem;font-weight:600;line-height:1.35}.page-sheet{width:100%;max-width:680px;aspect-ratio:var(--page-ratio,8.5 / 11);padding:var(--page-margin,5%);background:#fff;border:1px solid #c8d2dc;border-radius:4px;flex-direction:column;animation:.25s ease-out reveal;display:flex;position:relative;box-shadow:0 2px 8px #14213414,0 12px 40px #1421340f}.page-sheet.demo-mode:after{content:"DEMO";letter-spacing:.3em;color:#1322361f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;justify-content:center;align-items:center;font-family:Space Grotesk,"Source Sans 3",sans-serif;font-size:clamp(4rem,11vw,7rem);font-weight:700;display:flex;position:absolute;inset:0}.page-puzzles{gap:var(--puzzle-gap,3%);flex:1;place-items:center;min-height:0;display:grid}.page-puzzles[data-layout="1"]{grid-template-rows:1fr;grid-template-columns:1fr}.page-puzzles[data-layout="2"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.page-puzzles[data-layout="4"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.page-puzzles[data-layout="6"]{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.puzzle-grid-wrap{aspect-ratio:1;flex:1;justify-content:center;align-items:center;max-width:100%;min-height:0;max-height:100%;display:flex}.sudoku-grid{border-collapse:collapse;table-layout:fixed;width:100%;height:100%}.sudoku-grid tr{height:calc(100% / var(--grid-size,9))}.sudoku-grid td{text-align:center;vertical-align:middle;aspect-ratio:1;color:#101f2f;-webkit-user-select:none;user-select:none;border:1px solid #708399;padding:0;font-size:clamp(.4rem,1.2vw,.9rem);font-weight:700}.sudoku-grid td img{object-fit:contain;max-width:82%;max-height:82%}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-nav{justify-content:center;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.page-nav button{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:background .12s}.page-nav button:hover:not(:disabled){background:#eef2f7}.page-nav button:disabled{opacity:.4;cursor:not-allowed}.page-indicator{color:var(--ink);text-align:center;min-width:4em;font-size:.85rem;font-weight:700}@media (width<=820px){.hero-bar{flex-direction:column;align-items:flex-start}.top-nav{width:100%}.top-nav a{flex:1 1 0}.hero-license-actions{width:100%}.mode-badge{flex:auto}.top-license-cta{flex:none}.app-layout{grid-template-columns:1fr;padding:0 .7rem 2rem}.license-page{padding:1rem .7rem 2rem}.license-shell{grid-template-columns:1fr;gap:1.2rem}.license-overview-grid{grid-template-columns:1fr}.sidebar{order:-1;max-height:none;position:static}.page-sheet{max-width:100%}}