.opf-front-form{--opf-blue:var(--opf-blue);--opf-border:#d7dee7;background:transparent;color:inherit}.opf-front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.opf-front-field{display:block}.opf-front-field span{display:block;font-weight:600;margin-bottom:5px}.opf-front-field input,.opf-front-field select,.opf-front-field textarea{box-sizing:border-box;width:100%;border:1px solid var(--opf-border);border-radius:2px;padding:9px 10px;background:#fff;color:#1d2327}.opf-front-field textarea{min-height:120px}.opf-width-full{grid-column:1/-1}.opf-width-half{grid-column:span 2}.opf-choice{display:inline-flex;align-items:center;gap:6px;margin:6px 14px 6px 0}.opf-choice input{width:auto}.opf-front-field em{display:block;color:#657282;font-size:12px;margin-top:5px}.opf-front-submit{margin-top:14px;border:1px solid var(--opf-blue);background:var(--opf-blue);color:#fff;border-radius:2px;padding:10px 16px;cursor:pointer}.opf-success{border:1px solid #b8d4ea;background:#eef7ff;color:#16476b;border-radius:2px;padding:10px 12px;margin-bottom:12px}@media(max-width:760px){.opf-front-grid{grid-template-columns:1fr}.opf-width-half{grid-column:1/-1}}

/* v0.9 public-render cleanup: never allow admin/builder artefacts or hidden controls to show on the front end. */
.opf-front-form .opf-hidden-controls,
.opf-front-form input[type="hidden"],
.opf-front-form .opf-drag,
.opf-front-form .opf-row-toggle,
.opf-front-form .opf-row-head,
.opf-front-form .opf-field-row,
.opf-front-form .opf-field-grid{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  position:absolute!important;
  left:-99999px!important;
}
.opf-front-form{margin:0;padding:0;border:0;box-sizing:border-box;overflow:visible}.opf-front-form *{box-sizing:border-box}.opf-front-grid{margin:0;padding:0;border:0}.opf-front-submit{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.opf-front-form:before,.opf-front-form:after,.opf-front-grid:before,.opf-front-grid:after{content:none!important;display:none!important}

/* v0.10 Submission Display Layer */
.opf-submissions{--opf-blue:var(--opf-blue);--opf-border:#d7dee7;display:block;margin:18px 0;color:inherit}.opf-submissions-empty{border:1px solid var(--opf-border,#d7dee7);background:#fff;border-radius:2px;padding:14px;color:#657282}.opf-submission-card{border:1px solid var(--opf-border);border-radius:2px;background:#fff;padding:14px;margin:0 0 12px}.opf-submission-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--opf-border);padding-bottom:8px;margin-bottom:10px}.opf-submission-card header strong{font-size:16px}.opf-submission-card header span{font-size:12px;color:#657282}.opf-submission-card dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opf-submission-card dt{font-weight:700;margin:0 0 3px}.opf-submission-card dd{margin:0;color:#334155}.opf-submissions-table{overflow:auto}.opf-submissions-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--opf-border);border-radius:2px}.opf-submissions-table th,.opf-submissions-table td{border-bottom:1px solid var(--opf-border);padding:10px;text-align:left;vertical-align:top}.opf-submissions-table th{background:#f6f8fb;font-weight:700}@media(max-width:760px){.opf-submission-card dl{grid-template-columns:1fr}.opf-submission-card header{align-items:flex-start;flex-direction:column}}

/* v0.12 Display Builder public layouts */
.opf-submissions.opf-display-cols-1 .opf-submission-card dl{grid-template-columns:1fr}.opf-submissions.opf-display-cols-2 .opf-submission-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.opf-submissions.opf-display-cols-3 .opf-submission-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.opf-submissions.opf-display-space-compact .opf-submission-card{padding:10px;margin-bottom:8px}.opf-submissions.opf-display-space-compact .opf-submission-card dl{gap:6px}.opf-submissions.opf-display-space-comfortable .opf-submission-card{padding:20px;margin-bottom:16px}.opf-submissions.opf-display-space-comfortable .opf-submission-card dl{gap:16px}.opf-submissions.opf-display-labels-hidden dt{display:none}.opf-submissions.opf-display-labels-inline .opf-submission-card dl>div{display:flex;gap:8px;align-items:baseline}.opf-submissions-list .opf-submission-card header{border-bottom:0;margin-bottom:4px}.opf-submissions-list .opf-submission-card dl{display:block}.opf-submissions-list .opf-submission-card dl>div{display:flex;gap:8px;margin:3px 0}.opf-submissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opf-submissions-grid .opf-submission-card{margin:0}@media(max-width:760px){.opf-submissions.opf-display-cols-2 .opf-submission-card dl,.opf-submissions.opf-display-cols-3 .opf-submission-card dl,.opf-submissions-grid{grid-template-columns:1fr}}

/* v0.13 Form & Output Style Designer */
.opf-front-form,.opf-submissions{--opf-blue:var(--opf-blue);--opf-blue-soft:var(--opf-blue-2);--opf-blue-line:var(--opf-blue-line);--opf-border:#d8dee8;--opf-muted:#667085;--opf-ink:#111827;--opf-panel:#fff;--opf-soft:#f7f9fc;max-width:100%}
.opf-front-form.opf-style-soft,.opf-submissions.opf-style-soft .opf-submission-card,.opf-submissions-empty.opf-style-soft{background:linear-gradient(180deg,#fbfdff,#f5f8fc);border:1px solid #e3e8f0;padding:22px;border-radius:2px}
.opf-front-form.opf-style-outline,.opf-submissions.opf-style-outline .opf-submission-card{background:transparent;border:1px solid #cfd7e3;padding:18px;border-radius:2px}
.opf-front-form.opf-style-muted-blue,.opf-submissions.opf-style-muted-blue .opf-submission-card{background:#f4f8fd;border:1px solid #c8dcef;padding:20px;border-radius:2px}
.opf-front-form.opf-style-clean{background:transparent;border:0;padding:0}
.opf-front-form.opf-display-space-compact .opf-front-grid{gap:10px}.opf-front-form.opf-display-space-comfortable .opf-front-grid{gap:20px}.opf-front-form.opf-display-space-comfortable .opf-front-field span{margin-bottom:8px}
.opf-form-section{grid-column:1/-1;border-bottom:1px solid var(--opf-border);padding:0 0 10px;margin:6px 0 2px}.opf-form-section h3{margin:0;font-size:1.15em;line-height:1.25;color:inherit}.opf-form-section p{margin:5px 0 0;color:var(--opf-muted);font-size:.92em}.opf-form-divider{grid-column:1/-1;border-top:1px solid var(--opf-border);height:1px;margin:6px 0}
.opf-front-field input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--opf-blue)}.opf-front-field input[type=color]{padding:3px;height:42px}.opf-choice-list{display:flex;flex-wrap:wrap;gap:8px 14px}.opf-choice{font-weight:500}.opf-choice input{accent-color:var(--opf-blue)}
.opf-toggle-field{display:inline-flex!important;align-items:center;width:auto!important;margin:2px 0 0}.opf-toggle-field input{position:absolute;opacity:0;pointer-events:none}.opf-toggle-field span{width:42px;height:22px;border:1px solid #ccd5e1;border-radius:999px;background:#e9edf3;position:relative;display:inline-block;transition:.16s ease}.opf-toggle-field span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:2px;background:#fff;border:1px solid #c8d0dc;border-radius:50%;transition:.16s ease}.opf-toggle-field input:checked+span{background:var(--opf-blue);border-color:var(--opf-blue)}.opf-toggle-field input:checked+span:before{transform:translateX(19px);border-color:#fff}
.opf-front-form.opf-button-outline .opf-front-submit{background:#fff;color:var(--opf-blue);border:1px solid var(--opf-blue)}.opf-front-form.opf-button-soft .opf-front-submit{background:var(--opf-blue-soft);color:#16476b;border:1px solid var(--opf-blue-line)}.opf-front-form.opf-button-solid .opf-front-submit{background:var(--opf-blue);color:#fff;border-color:var(--opf-blue)}
.opf-submissions.opf-style-soft,.opf-submissions.opf-style-outline,.opf-submissions.opf-style-muted-blue{background:transparent}.opf-submissions.opf-style-soft .opf-submission-card,.opf-submissions.opf-style-outline .opf-submission-card,.opf-submissions.opf-style-muted-blue .opf-submission-card{margin-bottom:14px}.opf-submissions.opf-style-muted-blue .opf-submission-card header{border-bottom-color:#c8dcef}.opf-submissions.opf-style-soft .opf-submission-card header{border-bottom-color:#e3e8f0}.opf-submissions.opf-style-outline .opf-submission-card header{border-bottom-color:#cfd7e3}
.opf-theme-safe input,.opf-theme-safe select,.opf-theme-safe textarea,.opf-theme-safe button{font-family:inherit}.opf-theme-styled input,.opf-theme-styled select,.opf-theme-styled textarea{font-family:inherit}
@media(max-width:760px){.opf-front-form.opf-style-soft,.opf-front-form.opf-style-outline,.opf-front-form.opf-style-muted-blue{padding:14px}.opf-choice-list{display:block}.opf-choice{display:flex;margin:8px 0}}

/* v0.14 Flexible Row Layouts */
.opf-front-rows{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;border:0}.opf-front-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;width:100%}.opf-front-row:before,.opf-front-row:after{content:none!important;display:none!important}.opf-front-row .opf-front-field{min-width:0;margin:0}.opf-width-25{flex:0 0 calc(25% - 11px);max-width:calc(25% - 11px)}.opf-width-33,.opf-width-third{flex:0 0 calc(33.333% - 10px);max-width:calc(33.333% - 10px)}.opf-width-50,.opf-width-half{flex:0 0 calc(50% - 7px);max-width:calc(50% - 7px)}.opf-width-66{flex:0 0 calc(66.666% - 6px);max-width:calc(66.666% - 6px)}.opf-width-75{flex:0 0 calc(75% - 4px);max-width:calc(75% - 4px)}.opf-width-100,.opf-width-full{flex:0 0 100%;max-width:100%;grid-column:1/-1}.opf-front-form.opf-display-space-compact .opf-front-rows,.opf-front-form.opf-display-space-compact .opf-front-row{gap:10px}.opf-front-form.opf-display-space-comfortable .opf-front-rows,.opf-front-form.opf-display-space-comfortable .opf-front-row{gap:20px}
.opf-submission-card dl.opf-submission-rows{display:flex!important;flex-direction:column;gap:10px}.opf-submission-row{display:flex;flex-wrap:wrap;gap:10px;width:100%}.opf-submission-cell{min-width:0}.opf-submissions.opf-display-space-compact .opf-submission-card dl.opf-submission-rows,.opf-submissions.opf-display-space-compact .opf-submission-row{gap:6px}.opf-submissions.opf-display-space-comfortable .opf-submission-card dl.opf-submission-rows,.opf-submissions.opf-display-space-comfortable .opf-submission-row{gap:16px}.opf-submissions.opf-display-labels-inline .opf-submission-cell{display:flex;gap:8px;align-items:baseline}.opf-submissions-list .opf-submission-row{display:block}.opf-submissions-list .opf-submission-cell{max-width:100%;display:flex;gap:8px;margin:3px 0}.opf-submissions-table .opf-submission-rows{display:block!important}.opf-submissions-table .opf-submission-row{display:block}.opf-submissions-table .opf-submission-cell{max-width:100%;display:block}
@media(max-width:760px){.opf-width-25,.opf-width-33,.opf-width-third,.opf-width-50,.opf-width-half,.opf-width-66,.opf-width-75,.opf-width-100,.opf-width-full{flex:0 0 100%;max-width:100%}.opf-front-row,.opf-submission-row{gap:12px}}