.tj-banner{max-width:1120px;margin:25px auto;font-family:inherit}.tj-banner *{box-sizing:border-box}.tj-banner__intro{text-align:center;margin-bottom:22px}.tj-banner__intro h2{margin:5px 0 8px}.tj-banner__eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#b16d00}.tj-banner__balance{margin-top:10px}.tj-banner__notice{padding:16px;border:1px solid #e0a43b;border-radius:10px}.tj-banner__grid{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:20px;align-items:start}.tj-banner__panel,.tj-banner__preview{border:1px solid #ddd;border-radius:14px;padding:18px;background:#fff}.tj-banner__panel label{display:block;font-weight:700;margin:0 0 14px}.tj-banner input[type=text],.tj-banner input[type=number],.tj-banner select{width:100%;margin-top:6px;padding:9px 10px;border:1px solid #bbb;border-radius:8px}.tj-banner__two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tj-banner__two input[type=range]{width:100%;display:block}.tj-banner__two output{font-size:12px;font-weight:400}.tj-banner__upload input{position:absolute;opacity:0;pointer-events:none}.tj-banner__upload span{display:block;margin-top:8px;padding:12px;text-align:center;border:2px dashed #aaa;border-radius:10px;cursor:pointer}.tj-banner__check{font-weight:500!important}.tj-banner__download,.tj-banner__reset{width:100%;border:0;border-radius:9px;padding:12px;font-weight:800;cursor:pointer}.tj-banner__download{background:#222;color:#fff}.tj-banner__download:hover{background:#000}.tj-banner__reset{margin-top:8px;background:#eee}.tj-banner__privacy,.tj-banner__status{font-size:12px;margin:12px 0 0}.tj-banner__status{font-weight:700}.tj-banner__preview{display:flex;min-height:480px;align-items:center;justify-content:center;background:#111;overflow:hidden}.tj-banner__preview canvas{max-width:100%;max-height:72vh;height:auto;box-shadow:0 5px 30px #000}@media(max-width:760px){.tj-banner__grid{grid-template-columns:1fr}.tj-banner__preview{min-height:280px}.tj-banner__two{grid-template-columns:1fr}}