*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;background:#faf8f6;color:#16181d}.cfg-topbar{background:#fff;padding:14px 0;border-bottom:1px solid #eee7e0}.cfg-topbar-inner{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px}.cfg-topbar img{display:block;height:32px;width:auto}.cfg-topbar-tag{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ff822f;border-left:1px solid #eee7e0;padding-left:14px}.cfg-hero{background:linear-gradient(160deg,#b34a00,#ff822f 55%,#ffa25e);color:#fff;padding:48px 0 80px}.cfg-hero-inner{max-width:1080px;margin:0 auto;padding:0 16px}.cfg-hero h1{font-size:clamp(28px,5vw,46px);letter-spacing:-.03em;margin:0 0 12px}.cfg-hero p{font-size:18px;line-height:1.5;margin:0;max-width:42rem;opacity:.95}.cfg-grid{max-width:1080px;margin:-28px auto 24px;padding:0 16px;display:grid;gap:16px}@media(min-width:900px){.cfg-grid{grid-template-columns:1.1fr .9fr}}.cfg-form,.cfg-out{background:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 40px #50280a1a}.cfg-form h2{margin:0 0 14px;font-size:18px}.cfg-form label,.cfg-out label,.cfg-copy-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b6259;margin-bottom:12px}.cfg-copy-field label{margin:0}input,textarea,select,button,a.cfg-primary,a.cfg-secondary{font-family:inherit}input,textarea,select{border:1px solid #e8e1d9;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500;color:#16181d;text-transform:none;letter-spacing:0;background:#fff}select{cursor:pointer}input:focus,textarea:focus,select:focus{outline:2px solid #ffd2b0;border-color:#ff822f}.cfg-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cfg-color-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b6259;margin-bottom:12px}.cfg-color{display:flex;align-items:center;gap:12px}.cfg-color-swatch{position:relative;width:52px;height:40px;border-radius:10px;border:1px solid #e8e1d9;box-shadow:inset 0 0 0 1px #ffffff59;overflow:hidden;flex-shrink:0}.cfg-color-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.cfg-color-hex{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#16181d}.cfg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cfg-primary,.cfg-secondary,.cfg-out button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px;text-decoration:none;border:0;cursor:pointer}.cfg-primary{background:#ff822f;color:#fff}.cfg-primary:hover{background:#e56a15}.cfg-secondary,.cfg-out button{background:#ffe9da;color:#b34a00}.cfg-secondary:hover,.cfg-out button:hover{background:#ffdcc4}.cfg-suggest{list-style:none;margin:-6px 0 12px;padding:0;border:1px solid #e8e1d9;border-radius:10px;overflow:hidden}.cfg-suggest button{width:100%;text-align:left;border:0;background:#fff;padding:8px 12px;cursor:pointer}.cfg-suggest button:hover{background:#fff1e7}.cfg-logo-preview{display:flex;align-items:center;gap:12px;margin:-4px 0 14px}.cfg-logo-preview img{max-height:48px;max-width:160px;object-fit:contain;background:#f3f1ee;padding:6px 8px;border-radius:8px;border:1px solid #e8e1d9}.cfg-logo-preview span{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:#6b6259}.cfg-qr{display:flex;gap:12px;align-items:center;margin-bottom:14px}.cfg-qr img{border-radius:12px;border:1px solid #eee;background:#fff}.cfg-qr p{margin:0;color:#6b6259;font-size:14px}.cfg-preview{max-width:1080px;margin:0 auto 24px;padding:0 16px}.cfg-preview-bar{display:flex;justify-content:space-between;gap:8px;padding:10px 4px;font-size:13px;color:#6b6259}.cfg-preview iframe{width:100%;min-height:720px;border:1px solid #e8e1d9;border-radius:16px;background:#fff}.cfg-links{max-width:1080px;margin:0 auto 48px;padding:0 16px;display:flex;flex-wrap:wrap;gap:12px}.cfg-links a{color:#e56a15;font-weight:700;font-size:14px}