@font-face{font-family:TokenARPRoundM;src:url("../fonts/ARPRoundM.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:TokenKyokasho;src:url("../fonts/KyokashoICAProR.otf") format("opentype");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:TokenDFTangW7;src:url("../fonts/DFTangW7.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:TokenGoudyMedieval;src:url("../fonts/GoudyMedieval.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:TokenPlantin;src:url("../fonts/mplantin.woff") format("woff");font-weight:400;font-style:normal;font-display:block}
.token-generator{max-width:1280px;margin:26px auto;padding:0 24px;box-sizing:border-box;color:#244438}.token-generator h1{font:500 26px var(--of-serif);border-bottom:1px solid #bdab80;padding-bottom:18px}.token-generator>p{font-size:13px;line-height:1.7}.token-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,550px);gap:28px;align-items:start}.token-layout form{display:grid;gap:14px;background:#f8f4e9;padding:20px;border:1px solid #bdab80;border-radius:4px}.token-layout label{display:grid;gap:6px;font-size:13px}.token-layout input,.token-layout select,.token-layout textarea{box-sizing:border-box;width:100%;min-width:0;padding:9px;border:1px solid #bdab80;background:#fffdf7;color:#244438;border-radius:3px;font:inherit}.token-layout input[type=range]{padding:0;accent-color:#244438}.token-layout button{padding:12px 18px;background:#244438;color:#f5e9ce;border:1px solid #ac925c;border-radius:3px;cursor:pointer}.token-layout button:disabled{opacity:.5;cursor:default}.token-preview{text-align:center;position:sticky;top:16px}.token-preview canvas{display:block;width:100%;height:auto;border-radius:16px}.token-preview p{font-size:12px;min-height:18px}.token-preview button{width:100%}@media(max-width:700px){.token-generator{padding:0 16px}.token-layout{grid-template-columns:1fr}.token-preview{position:static;max-width:550px;width:100%;justify-self:center}.token-layout input,.token-layout textarea,.token-layout select{font-size:16px}}