@font-face{font-family:SK Modernist Mono;src:url(/fonts/Sk-Modernist-Mono-.otf)format("opentype");font-display:swap}:root{--button-active:#000;--button-active-text:#fff}.page-module-scss-module__A2Hj2G__layout{grid-template-columns:repeat(3,1fr);grid-template-areas:"a b d""a c d""e e d";align-items:start;gap:24px;display:grid}.page-module-scss-module__A2Hj2G__group{border:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex}.page-module-scss-module__A2Hj2G__group.page-module-scss-module__A2Hj2G__daySelector{grid-area:a;height:100%}.page-module-scss-module__A2Hj2G__group.page-module-scss-module__A2Hj2G__monthSelector{grid-area:b}.page-module-scss-module__A2Hj2G__group.page-module-scss-module__A2Hj2G__yearSelector{grid-area:c}.page-module-scss-module__A2Hj2G__group.page-module-scss-module__A2Hj2G__numberSelector{grid-area:e}.page-module-scss-module__A2Hj2G__options{gap:8px;display:grid}.page-module-scss-module__A2Hj2G__day{grid-template-columns:repeat(5,1fr)}.page-module-scss-module__A2Hj2G__month{grid-template-columns:repeat(3,1fr)}.page-module-scss-module__A2Hj2G__year{grid-template-columns:repeat(2,1fr)}.page-module-scss-module__A2Hj2G__number{grid-template-columns:repeat(8,1fr)}.page-module-scss-module__A2Hj2G__toggle{background:var(--pearl);color:var(--text);cursor:pointer;border:none;padding:8px 0;font-size:12px}.page-module-scss-module__A2Hj2G__toggle:hover{background:var(--muted)}.page-module-scss-module__A2Hj2G__toggleActive{background:var(--button-active);color:var(--button-active-text)}.page-module-scss-module__A2Hj2G__preview{border:1px solid var(--border);background:#fff;flex-direction:column;grid-area:d;gap:12px;height:100%;padding:12px;display:flex}.page-module-scss-module__A2Hj2G__preview .page-module-scss-module__A2Hj2G__previewFrame{flex-grow:1;align-items:center;display:flex}.page-module-scss-module__A2Hj2G__preview .page-module-scss-module__A2Hj2G__previewFrame canvas{width:100%;height:auto;display:block}.page-module-scss-module__A2Hj2G__preview .button{width:100%}@media (max-width:1000px){.page-module-scss-module__A2Hj2G__layout{grid-template-columns:1fr}}