.heading{display:block}.heading .sub{max-width:940px}.layout-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.layout-picker button{padding:6px;border:2px solid var(--line);border-radius:6px;background:white;color:inherit;cursor:pointer;font:inherit;min-width:0}.layout-picker canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.layout-picker span{display:block;font-size:13px;margin:6px 0}.layout-picker button[aria-pressed=true],.swatch[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.template-workspace{align-items:start}.template-workspace .editor,.template-results{min-width:0}.template-workspace input[type=text]{width:100%;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:5px;background:white;color:inherit;font:inherit}.template-workspace fieldset{border:0;padding:0;margin:16px 0;min-width:0}.template-workspace legend{font-size:13px;margin-bottom:10px}.swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.background-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch{min-height:44px;border:2px solid #bbb;border-radius:5px;cursor:pointer;font:inherit;font-size:11px;color:#fff}.forest{background:#164b40}.navy{background:#152c4c}.plum{background:#693b56}.brown{background:#613d25}.charcoal{background:#292929}.cream{background:#ebe2cf;color:#141414}.white{background:#fff;color:#141414}.black{background:#141414}.pale-yellow{background:#ffe7a0;color:#141414}.mint{background:#a5e9dc;color:#141414}.template-workspace .toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.template-results figure{margin:0 0 12px}.template-results figcaption{font-size:13px;margin-bottom:8px}.template-results canvas{display:block;width:100%;height:auto}.crop-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-top:20px}.template-results button,#remove-logo{min-height:44px;width:100%;font:inherit;cursor:pointer;margin-top:8px}#jpg[hidden]{display:none}#error,#status{overflow-wrap:anywhere}.template-notes{margin-top:36px}.template-notes h3{font-size:16px;margin-top:20px}.template-notes li{margin-bottom:8px}.template-notes a{overflow-wrap:anywhere}button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:760px){.layout-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.template-workspace{grid-template-columns:minmax(0,1fr)}.template-results{grid-row:1}.template-workspace .editor{grid-row:2}.heading .sub{font-size:14px}.crop-previews{gap:8px}.crop-previews figcaption{font-size:11px}}