@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";.generate{color:oklch(100% 0 0);background:oklch(0% 0 0);min-height:100dvh;overflow:hidden}.generate__wrapper{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;height:100dvh;padding:20px;display:grid}@media (width>=769px){.generate__wrapper{grid-template-columns:repeat(12,1fr);column-gap:20px}}.generate__header{flex-direction:column;justify-content:center;display:flex}@media (width>=769px){.generate__header{z-index:2;flex-direction:row;grid-area:1/3/auto/-1;justify-content:space-between;align-items:flex-start;height:150px;display:flex;position:sticky;top:20px}}.generate__title,.generate__year{-webkit-user-select:none;user-select:none}.generate__header-tabs{gap:12px;padding-top:4px;display:none}@media (width>=769px){.generate__header-tabs{display:flex}}.generate__tab{font-family:var(--type-label-family,inherit);font-size:var(--type-label-size,inherit);line-height:var(--type-label-leading,inherit);letter-spacing:var(--type-label-tracking,inherit);font-weight:var(--type-label-weight,inherit);text-transform:var(--type-label-case,none);text-wrap:var(--type-label-wrap,wrap);--modulato-type:label;color:#fff6;text-decoration:none;transition:color .3s}.generate__tab:hover,.generate__tab--active{color:oklch(100% 0 0)}@media (width>=769px){.generate__canvas{grid-area:1/1/auto/-1;padding:10%}}.generate__canvas{justify-content:center;align-items:center;min-height:0;display:flex}.generate__canvas canvas{border:1px solid #fff;display:block}.generate__controls{z-index:10;pointer-events:none;background:linear-gradient(#0000 0%,oklch(0% 0 0) 100%);padding:60px 20px 20px;position:fixed;bottom:0;left:0;right:0}.generate__buttons{pointer-events:auto;justify-content:center;gap:15px;display:flex}.generate__btn{font-family:var(--type-label-family,inherit);font-size:var(--type-label-size,inherit);line-height:var(--type-label-leading,inherit);letter-spacing:var(--type-label-tracking,inherit);font-weight:var(--type-label-weight,inherit);text-transform:var(--type-label-case,none);text-wrap:var(--type-label-wrap,wrap);--modulato-type:label;color:oklch(100% 0 0);cursor:pointer;background:0 0;border:none;outline:none;padding-bottom:20px;transition:opacity .3s}.generate__btn:hover{opacity:.6}.generate__btn:disabled{opacity:.4;cursor:default}@media (width>=769px){.generate__code{grid-column:3/11}}.generate__code{padding-bottom:120px}.generate__code pre{border-radius:0;outline:none;margin:0;overflow-x:auto;background:0 0!important;padding:0!important}.generate__code code{font-family:var(--type-code-family,inherit);font-size:var(--type-code-size,inherit);line-height:var(--type-code-leading,inherit);letter-spacing:var(--type-code-tracking,inherit);font-weight:var(--type-code-weight,inherit);text-transform:var(--type-code-case,none);text-wrap:var(--type-code-wrap,wrap);--modulato-type:code}.generate__code code::selection{color:oklch(0% 0 0);background:oklch(100% 0 0)}.generate__code code ::selection{color:oklch(0% 0 0);background:oklch(100% 0 0)}