:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.campaign-page{width:min(680px,100% - 48px);margin:0 auto;padding:48px 0}.page-header{margin-bottom:24px}h1{color:#111;letter-spacing:-.015em;margin:0;font-size:1.5rem;font-weight:600;line-height:1.25}.page-header p{color:#737373;margin:6px 0 0;font-size:.8125rem}.campaign-form,.draft-result{background:#fff;border:1px solid #d9d9d9;border-radius:4px}fieldset{border:0;min-width:0;margin:0;padding:24px}label{color:#333;margin-bottom:7px;font-size:.8125rem;font-weight:600;display:block}input,textarea,select{color:#222;background:#fff;border:1px solid #cfcfcf;border-radius:4px;width:100%;padding:10px 11px;font-size:.8125rem;line-height:1.5;display:block}input::placeholder,textarea::placeholder{color:#888}input:focus,textarea:focus,select:focus{border-color:#888;outline:none;box-shadow:0 0 0 2px #00000012}input+label{margin-top:22px}textarea{resize:vertical;min-height:130px}.reference-fields{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.reference-fields>div{min-width:0}.form-footer{background:#fafafa;border-top:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.form-footer span{color:#777;font-size:.75rem;line-height:1.5}button{color:#fff;cursor:pointer;background:#333;border:1px solid #333;border-radius:4px;flex-shrink:0;padding:10px 14px;font-size:.75rem;font-weight:600}button:hover:not(:disabled){background:#111}button:focus-visible{outline-offset:3px;outline:2px solid #777}button:disabled{opacity:.6;cursor:wait}fieldset:disabled{opacity:.65}.error-message{color:#b42318;background:#fff5f4;border-radius:4px;margin:0 24px 20px;padding:10px 12px;font-size:.8125rem;line-height:1.5}.draft-result{margin-top:24px;padding:24px}.draft-result h2{margin:0 0 12px;font-size:1rem;font-weight:600}.draft-result p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.7}@media (width<=520px){.campaign-page{width:calc(100% - 32px);padding:32px 0}fieldset,.draft-result{padding:18px}.reference-fields{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch;padding:16px 18px}.error-message{margin-left:18px;margin-right:18px}}.authentication-page{background:#f5f5f5;place-items:center;min-height:100vh;padding:24px;display:grid}.authentication-card{background:#fff;border:1px solid #dedede;border-radius:6px;gap:20px;width:min(100%,360px);padding:32px;display:grid;box-shadow:0 8px 28px #0000000f}.authentication-mark{color:#fff;background:#252525;border-radius:6px;place-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:grid}.authentication-card h1{font-size:1.25rem}.authentication-card p{color:#737373;margin:6px 0 0;font-size:.8125rem}.authentication-card label{color:#444;gap:7px;font-size:.75rem;font-weight:600;display:grid}.authentication-card input{color:#222;background:#fff;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:9px 10px;font-size:.875rem;font-weight:400}.authentication-card input:focus{border-color:#777;box-shadow:0 0 0 2px #00000014}.authentication-card button{color:#fff;cursor:pointer;background:#252525;border:0;border-radius:4px;padding:10px 14px;font-size:.8125rem;font-weight:600}.authentication-card button:hover:not(:disabled){background:#111}.authentication-card button:disabled{cursor:wait;opacity:.65}.authentication-card .authentication-error{color:#a52a22;margin:-6px 0 0;font-size:.75rem}
