.df-surface{--df-accent:#0068ff;--df-bg:#f4f8ff;background:var(--df-bg);padding:24px 20px;color:#172238;font:400 16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
.df-surface *{box-sizing:border-box}.df-surface h2{font-size:25px;line-height:1.3;letter-spacing:-.4px;margin:0 0 16px;font-weight:700}.df-surface p{margin:0}.df-brand{font-size:14px;font-weight:600;color:#526278;margin-bottom:20px}.df-field{position:relative;padding:12px 0;min-width:0}.df-field.is-selected{outline:2px solid var(--df-accent);outline-offset:5px;border-radius:8px}.df-label{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.df-label span{color:#b33232}.df-help{display:block;color:#526278;font-size:14px;margin-top:6px}.df-error{color:#b32222;font-size:14px;margin-top:6px!important}.df-error:empty{display:none}
.df-design .df-field{cursor:pointer}.df-design .df-field :is(input,select,textarea,button,label){pointer-events:none}.df-design .df-field:focus-visible{outline:2px solid var(--df-accent);outline-offset:5px}
.df-field input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=file]),.df-field select,.df-field textarea{width:100%;min-height:48px;background:#fff;border:1px solid #c6d0df;border-radius:10px;padding:12px;font:inherit;color:inherit;outline:none}.df-field [aria-invalid=true]{border-color:#c63232!important}.df-field input:focus,.df-field select:focus,.df-field textarea:focus{border-color:var(--df-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--df-accent) 14%,transparent)}.df-field input[readonly]{background:#eef2f7!important;color:#526278}.df-field textarea{resize:vertical}.df-verified{font-size:12px;color:#536577;display:block;margin-top:5px}.df-choices{display:grid;gap:8px}.df-choices label,.df-consent{display:flex;gap:10px;align-items:center;font-size:16px;min-height:46px;background:#fff;border:1px solid #d4dce8;padding:10px 12px;border-radius:9px}.df-choices input,.df-consent input{width:20px;height:20px;flex:none;accent-color:var(--df-accent)}.df-rating{display:flex;flex-wrap:wrap;gap:4px}.df-rating button{font-size:36px;min-width:44px;min-height:48px;border:0;background:none;color:#b4becc;padding:0;cursor:pointer}.df-rating button.selected{color:#e2a51b}.df-rating small{flex-basis:100%;font-size:14px;color:#526278}.df-score input{width:100%;accent-color:var(--df-accent);min-height:40px}.df-score>div{display:flex;justify-content:space-between;font-size:14px}.df-score output{font-weight:600;color:var(--df-accent)}.df-image{margin:0;overflow:hidden;border-radius:12px;background:#e7edf4}.df-image img{display:block;width:100%;height:100%;max-width:100%}.df-image-empty{padding:35px;text-align:center;color:#526278}.df-paragraph{white-space:pre-wrap;color:#526278}.df-surface h2{white-space:pre-wrap}.df-surface hr{border:0;border-top:1px solid #d6dfe9;margin:12px 0}.df-upload{border:1px dashed #abb9cc;border-radius:12px;padding:14px;background:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.df-upload img{width:96px;height:80px;object-fit:cover;border-radius:6px}.df-upload label{position:relative;cursor:pointer;color:var(--df-accent);font-weight:600;min-height:44px;display:flex;align-items:center}.df-upload input[type=file]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.df-upload small,.df-upload progress{flex-basis:100%;font-size:14px;color:#526278}.df-upload button{background:none;border:0;color:#b33232;font:inherit;min-height:44px;cursor:pointer}
.df-actions{display:flex;gap:10px;margin-top:22px}.df-actions button{min-height:48px;flex:1;border:1px solid var(--df-accent);border-radius:10px;font:600 16px/1.4 system-ui;background:var(--df-accent);color:#fff;padding:12px 16px;cursor:pointer}.df-actions button[data-form-back]{background:#fff;color:var(--df-accent)}.df-actions button:disabled{opacity:.65;cursor:wait}.df-footnote{font-size:12px;color:#627186;text-align:center;margin-top:14px!important}.df-group{font-size:18px;margin:20px 0 4px}.df-step-tag{font-size:12px;color:#526278}.df-step-progress span{display:block;font-size:14px;margin-bottom:8px}.df-step-progress progress{width:100%;height:6px;accent-color:var(--df-accent)}.df-summary-error{color:#b32222;font-size:14px;margin-top:12px!important}.df-empty{padding:30px 0;color:#526278;text-align:center}
@media(prefers-reduced-motion:reduce){.df-surface *{scroll-behavior:auto!important}}

/* Form Studio customer surface. Theme values and native controls remain authoritative. */
.df-surface{padding:26px 24px;color:#2f3b30;font-family:inherit;font-size:16px;line-height:1.6}
.df-surface h2{font-size:28px;line-height:1.22;letter-spacing:-.7px;font-weight:650;margin-bottom:12px;color:#293b2d}
.df-surface header{margin-bottom:24px}.df-surface header p{font-size:15px;line-height:1.7;color:#66715f}
.df-brand{font-size:12px;letter-spacing:.07em;font-weight:600;color:#68755d;margin-bottom:22px}
.df-field{padding:0;margin:0 0 22px}.df-label{font-size:15px;font-weight:550;color:#4b5943;margin-bottom:8px}
.df-label span{color:#ac4b30}.df-help,.df-verified{font-size:13px;line-height:1.6;color:#697760;margin-top:7px}
.df-field.is-selected{outline:1px solid var(--df-accent);outline-offset:7px;border-radius:4px}
.df-field input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=file]),.df-field select,.df-field textarea{min-height:46px;border:1px solid #dce3d4;border-radius:7px;padding:11px 12px;font-size:16px;background:#fff;color:#3c4b34}
.df-field input::placeholder,.df-field textarea::placeholder{color:#89937f;opacity:1}
.df-field input[readonly]{background:#f7f9f3!important;color:#68765e}
.df-choices label,.df-consent{font-size:16px;border-color:#dfe5d7;border-radius:7px;min-height:46px;color:#46563c}
.df-rating button{font-size:32px;color:#b5bdab}.df-rating button.selected{color:#cf951c}
.df-rating small,.df-score>div{color:#67765b;font-size:13px}.df-score output{font-weight:550}
.df-upload{border-color:#c4ceb8;border-radius:8px;background:#fbfcf8}.df-upload small{font-size:13px;color:#6b795f}
.df-image{border-radius:8px;background:#eef2e7}.df-paragraph{font-size:15px;line-height:1.75;color:#68755e}
.df-surface hr{border-top-color:#dfe5d8;margin:22px 0}.df-group{font-size:18px;font-weight:600;color:#465a3a;margin:28px 0 16px}
.df-step-progress{margin-bottom:24px}.df-step-progress span{font-size:13px;color:#647456}.df-step-progress progress{height:5px}
.df-actions{margin-top:28px}.df-actions button{font-family:inherit;font-size:16px;font-weight:550;border-radius:7px;min-height:48px;box-shadow:none}
.df-actions button[data-form-back]{flex:0 1 110px;background:#f6f8f1;color:#536447;border-color:#e1e6d8}
.df-footnote{font-size:12px;line-height:1.6;color:#6d7b62;margin-top:16px!important}
.df-error,.df-summary-error{font-size:14px;line-height:1.6;color:#ae2822}
.df-surface :is(button,input,select,textarea):focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}
@media(max-width:360px){.df-surface{padding:24px 20px}.df-surface h2{font-size:26px}}