@charset "utf-8";
.creative-tool .creative-lead{max-width:70ch;color:#526170;line-height:1.8;margin:0 0 22px}.creative-tool .creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creative-tool .creative-field{display:flex;flex-direction:column;gap:6px}.creative-tool .creative-field.wide{grid-column:1/-1}.creative-tool .creative-field label{font-weight:700;font-size:13px}.creative-tool .creative-field input,.creative-tool .creative-field select,.creative-tool .creative-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #c5ced8;border-radius:7px;background:#fff;color:#172538;font:inherit}.creative-tool .creative-field textarea{resize:vertical}.creative-tool .creative-field input:focus,.creative-tool .creative-field textarea:focus,.creative-tool .creative-field select:focus{outline:2px solid #547cb1;outline-offset:1px}.creative-tool .creative-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.creative-tool .creative-actions button{border:1px solid #285c8e;background:#285c8e;color:#fff;border-radius:7px;min-height:42px;padding:8px 16px;font-weight:700;cursor:pointer}.creative-tool .creative-actions button.secondary{background:#fff;color:#285c8e}.creative-tool .creative-actions button:hover{filter:brightness(.93)}.creative-tool .creative-actions button:focus-visible{outline:3px solid #d3a85b;outline-offset:2px}.creative-tool .creative-result{background:#eff6fc;border:1px solid #c3d8e9;border-radius:12px;padding:25px;margin-top:18px}.creative-tool .creative-result span,.creative-tool .creative-result small{display:block;color:#516274}.creative-tool .creative-result strong{display:block;font-size:clamp(26px,4vw,45px);margin:5px 0;color:#194e81}.creative-tool .creative-result p{font-size:18px;margin:0 0 7px}.creative-tool .creative-error{color:#a94033;padding:10px 0}.creative-tool .creative-error[hidden]{display:none}.creative-tool .creative-preview{margin:15px 0;padding:12px;background:#f6f2ed;border:1px solid #e0d8ce;border-radius:12px}.creative-tool .creative-preview canvas{display:block;width:100%;height:auto;background:#fff}.creative-tool .creative-status,.creative-tool .creative-source{color:#647282;font-size:13px}.creative-tool .creative-source{margin-top:25px}.creative-tool .creative-source a{text-decoration:underline}
@media(max-width:760px){.creative-tool .creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.creative-tool .creative-grid{grid-template-columns:1fr}.creative-tool .creative-field.wide{grid-column:auto}.creative-tool .creative-result{padding:18px}}