@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";.generate{min-height:100dvh;background:#000;color:#fff;overflow:hidden}.generate__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding:2em;gap:0;height:100dvh}@media(min-width:769px){.generate__wrapper{grid-template-columns:repeat(12,1fr);column-gap:2em}}.generate__header{display:flex;flex-direction:column;justify-content:center}@media(min-width:769px){.generate__header{grid-column:3/-1;grid-row:1;height:15em;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;position:sticky;top:2em;z-index:2}}.generate__title,.generate__year{-webkit-user-select:none;user-select:none}.generate__header-tabs{display:none;gap:1.2em;padding-top:.4em}@media(min-width:769px){.generate__header-tabs{display:flex}}.generate__tab{font-size:1.2em;line-height:1.2;font-weight:500;text-decoration:none;color:#fff6;transition:color .3s ease}@media(min-width:769px){.generate__tab{font-size:1.6em}}.generate__tab:hover,.generate__tab--active{color:#fff}@media(min-width:769px){.generate__canvas{grid-column:1/-1;grid-row:1;padding:10%}}.generate__canvas{display:flex;align-items:center;justify-content:center;min-height:0}.generate__canvas canvas{display:block;border:1px solid white}.generate__controls{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:6em 2em 2em;background:linear-gradient(to top,oklch(0% 0 0deg) 0%,transparent 100%);pointer-events:none}.generate__buttons{display:flex;justify-content:center;gap:1.5em;pointer-events:auto}.generate__btn{font-size:1.2em;line-height:1.2;font-weight:500;background:none;border:none;outline:none;color:#fff;cursor:pointer;padding-bottom:2em;transition:opacity .3s ease}@media(min-width:769px){.generate__btn{font-size:1.6em}}.generate__btn:hover{opacity:.6}.generate__btn:disabled{opacity:.4;cursor:default}@media(min-width:769px){.generate__code{grid-column:3/11}}.generate__code{padding-bottom:12em}.generate__code pre{margin:0;padding:0!important;border-radius:0;background:transparent!important;overflow-x:auto;outline:none}.generate__code code{font-family:JetBrains Mono,monospace;font-size:1.2em;line-height:1.6;font-weight:400}.generate__code code::selection,.generate__code code *::selection{background:#fff;color:#000}