:root{--navy:#202250;--red:#d62429;--gold:#cda36f;--cream:#fbf3e7;--ink:#2a2a3a;--line:#ded8ca}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}.generatorApp{flex-direction:column;min-height:100dvh;display:flex}.generatorHeader{text-align:center;max-width:880px;margin:0 auto;padding:40px 20px 24px}.kicker{color:var(--red);letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}.generatorHeader h1{color:var(--navy);margin:0 0 12px;font-size:clamp(28px,4vw,42px)}.lede{color:#555;max-width:640px;margin:0 auto;line-height:1.5}.generatorLayout{flex:1;grid-template-columns:minmax(280px,380px) 1fr;gap:28px;width:100%;max-width:1180px;margin:0 auto;padding:0 20px 40px;display:grid}@media (width<=820px){.generatorLayout{grid-template-columns:1fr}}.controls{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:20px;height:fit-content;padding:22px;display:flex}.field{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.field legend{float:none;color:var(--navy);padding:0 0 12px;font-size:13px;font-weight:700}.field>span:first-child{color:var(--navy);font-size:13px;font-weight:700}.field input{border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:16px}.field input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.field input.invalid{border-color:var(--red)}.fieldError{color:var(--red);font-size:12px;font-weight:600}.swatchRow{gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;gap:4px;padding:10px;display:flex}.swatch span{border-radius:4px;flex:1;height:22px;display:block}.swatch.active{outline:3px solid var(--gold);outline-offset:2px}.formatRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.formatOption{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.formatOption strong{color:var(--navy);font-size:13px}.formatOption span{color:#595959;font-size:12px}.formatOption.active{border-color:var(--navy);background:#f4f2fb}.downloadActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.downloadButton{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 18px;font-size:15px;font-weight:800}.downloadButton:hover{filter:brightness(1.05)}.downloadButton:disabled{cursor:not-allowed;background:#c9c4b8}.svgDownloadButton{background:var(--navy)}.previewPane{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:center;align-items:flex-start;padding:22px;display:flex}.previewCanvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:70dvh;box-shadow:0 8px 24px -12px #20225059}.generatorFooter{text-align:center;color:#595959;border-top:1px solid var(--line);padding:20px;font-size:12px}#generator-main{flex:1}.field,.controls,.formatOption{min-width:0}.swatch{min-height:44px}:where(button,input):focus-visible{outline-offset:4px;outline:3px solid #17245b}.swatch.active{outline-color:#17245b}.swatch:focus-visible{outline-offset:5px;outline:3px dashed #17245b}@media (width<=420px){.controls,.previewPane{padding:16px}.downloadActions{grid-template-columns:1fr}}@media (forced-colors:active){.swatch span{forced-color-adjust:none}.swatch[aria-pressed=true],.formatOption[aria-pressed=true]{outline:3px solid highlight}}.t4a-header{--t4a-navy:#17245b;--t4a-paper:#fffdf7;--t4a-gutter:max(22px, calc((100% - 1220px) / 2));box-sizing:border-box;width:100%;color:var(--t4a-navy);background:0 0;font:700 1rem/1.4 Manrope,DM Sans,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.t4a-header *,.t4a-skip{box-sizing:border-box}.t4a-header a{color:var(--t4a-navy);text-decoration:none}.t4a-top{min-height:76px;padding-inline:var(--t4a-gutter);border-bottom:1px solid #17245b24;align-items:center;gap:16px;display:flex}.t4a-header .t4a-brand{flex-shrink:0;align-content:center;min-height:44px;line-height:1;display:grid}.t4a-brand b{letter-spacing:.07em;font:800 1.28rem/1 Manrope,DM Sans,system-ui,sans-serif}.t4a-brand small{letter-spacing:.14em;margin-top:4px;font:700 .55rem/1 Manrope,DM Sans,system-ui,sans-serif}.t4a-utilities{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.t4a-utilities a{letter-spacing:.01em;border-radius:999px;align-items:center;min-height:34px;padding:6px 10px;font-size:.8rem;display:inline-flex}.t4a-utilities a:hover{text-underline-offset:3px;text-decoration:underline}.t4a-utilities .t4a-slack{border:1px solid var(--t4a-navy);margin-inline-start:4px;padding-inline:14px}.t4a-utilities .t4a-slack:hover{color:var(--t4a-paper);background:var(--t4a-navy);text-decoration:none}.t4a-language,.t4a-menu{color:#45507c;cursor:pointer;background:0 0;border:1px solid #17245b38;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:6px 12px;font:700 .76rem/1 Manrope,DM Sans,system-ui,sans-serif;display:inline-flex}.t4a-language:hover,.t4a-menu:hover{background:#17245b0f}.t4a-menu{color:var(--t4a-navy);border-color:var(--t4a-navy);display:none}.t4a-burger{gap:3px;width:14px;display:grid}.t4a-burger i{background:currentColor;border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.t4a-menu[aria-expanded=true] .t4a-burger i:first-child{transform:translateY(5px)rotate(45deg)}.t4a-menu[aria-expanded=true] .t4a-burger i:nth-child(2){opacity:0}.t4a-menu[aria-expanded=true] .t4a-burger i:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.t4a-nav{padding:10px var(--t4a-gutter) 4px;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.t4a-nav a{letter-spacing:.02em;white-space:nowrap;border:1px solid #17245b33;border-radius:999px;flex-shrink:0;align-items:center;padding:6px 14px;font:700 .78rem/1 Manrope,DM Sans,system-ui,sans-serif;display:inline-flex}.t4a-nav a:not([aria-current]):hover{background:#17245b0f}.t4a-nav a[aria-current=page]{color:var(--t4a-paper);background:var(--t4a-navy);border-color:var(--t4a-navy)}.t4a-header :is(a,button):focus-visible,.t4a-skip:focus-visible{outline-offset:2px;outline:3px solid #b7192e}.t4a-skip{z-index:1000;color:#fff;background:#17245b;padding:12px 16px;font:700 1rem/1.4 Arial,Helvetica,sans-serif;position:absolute;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%)}.t4a-skip:focus{transform:none}@media (width<=980px) and (width>=761px){.t4a-top{flex-wrap:wrap;row-gap:4px;padding-block:10px}.t4a-language{margin-inline-start:auto}.t4a-utilities{flex-basis:100%;order:3;justify-content:flex-start;margin:0 0 0 -10px}}@media (width<=760px){.t4a-top{flex-wrap:wrap;gap:8px;min-height:60px;padding-inline:16px}.t4a-header .t4a-brand{margin-inline-end:auto}.t4a-brand b{font-size:1.05rem}.t4a-language,.t4a-menu{min-height:40px}.t4a-menu{display:inline-flex}.t4a-utilities{display:none}.t4a-header[data-menu-open] .t4a-utilities{flex-direction:column;flex-basis:100%;order:3;align-items:stretch;gap:0;margin:0;padding-block:2px 14px;display:flex}.t4a-header[data-menu-open] .t4a-utilities a{border-top:1px solid #17245b1a;border-radius:0;min-height:44px;padding:10px 2px;font-size:.95rem}.t4a-header[data-menu-open] .t4a-utilities .t4a-slack{color:var(--t4a-paper);background:var(--t4a-navy);border:0;border-radius:999px;justify-content:center;margin:10px 0 0}.t4a-nav{scrollbar-width:none;flex-wrap:nowrap;padding:10px 28px 6px 16px;scroll-padding-inline:16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.t4a-nav::-webkit-scrollbar{display:none}.t4a-nav a{padding:6px 12px;font-size:.76rem}.t4a-nav a:focus-visible{outline-offset:-3px}}@media (forced-colors:active){.t4a-top{border-color:canvastext}.t4a-burger i{forced-color-adjust:none;background:buttontext}.t4a-header .t4a-nav a[aria-current=page]{outline-offset:-5px;outline:2px solid highlight}.t4a-header :is(a,button):focus-visible,.t4a-skip:focus-visible{outline-color:highlight}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.t4a-burger i{transition:none}}@media print{.t4a-header,.t4a-skip{display:none}}