.workspace-overlay:not(.open){visibility:hidden}
.workspace-overlay.open{visibility:visible}
.workspace-window{animation:none!important}
.b2-question input:not([type="checkbox"]):not([type="radio"]),.b2-question textarea{cursor:text}
.workspace-preview-screen select{width:100%;height:40px;padding:0 10px;border:1px solid #d7dff1;border-radius:7px;background:#fff;color:#42517b}
.workspace-preview-screen textarea{width:100%;min-height:92px;padding:11px;border:1px solid #d7dff1;border-radius:7px;resize:vertical;font:14px Inter,sans-serif}
.workspace-preview-screen input{font-size:14px!important}
.workspace-preview-screen form>label{font-size:14px!important}
.ws-preview-options label{font-size:13px!important}
.workspace-language{height:31px;padding:0 10px;border:1px solid #d7dff0;border-radius:10px;background:#ffffffc9;color:#4f5f88;cursor:pointer;font:700 10px Inter,sans-serif;backdrop-filter:blur(14px)}
.b2-preview-toolbar{display:flex;align-items:center;justify-content:space-between}
.b2-preview-toolbar>button:first-child{border:0;background:transparent;color:#435692;cursor:pointer;font:600 11px Inter,sans-serif}

/* Readable product typography: regular controls stay at 14px or above, while
   only secondary metadata is allowed to drop to 12px. */
.workspace-org{font-size:.75rem}
.workspace-new,.workspace-nav button{font-size:.8125rem}
.workspace-form-list:before{font-size:.75rem}
.workspace-form-list button{font-size:.75rem;line-height:1.35}
.workspace-form-item{display:flex;align-items:center;gap:3px;margin:2px 0;border-radius:7px}
.workspace-form-list .workspace-form-open{flex:1;min-width:0;width:auto;margin:0}
.workspace-form-actions{display:flex;flex:0 0 auto;gap:2px;opacity:0;transition:opacity .14s}
.workspace-form-item:hover .workspace-form-actions,.workspace-form-item:focus-within .workspace-form-actions{opacity:1}
.workspace-form-list .workspace-form-action{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;border:1px solid #d9e0f1;border-radius:7px;background:#ffffffbf;color:#6b789b;font-size:.75rem;text-align:center}
.workspace-form-list .workspace-form-action:hover{border-color:#9b8ee1;background:#f3f0ff;color:#5544a5}
.workspace-form-list .workspace-form-action.danger:hover{border-color:#e7a7b4;background:#fff0f3;color:#b3435d}
.workspace-form-list .workspace-form-action.save{border-color:#9fd8c7;background:#edfff9;color:#247b61}
.workspace-form-item.editing{padding:3px;background:#e8ebff}
.workspace-form-item [data-b2-rename-input]{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid #8f80df;border-radius:7px;background:#fff;color:#33427b;font:600 .75rem Inter,sans-serif;outline:3px solid #ded8ff}
.workspace-user strong{font-size:.8125rem}
.workspace-user small{font-size:.75rem}
.workspace-header>div{font-size:.875rem}
.workspace-ghost,.workspace-publish,.workspace-close,.workspace-language{font-size:.8125rem}
.workspace-tabs button{font-size:.8125rem}
.workspace-tabs b{font-size:.75rem}

.b2-kicker,.b2-status,.b2-sheet-head small,.b2-template-top small,.b2-template-card small,.b2-results-top small{font-size:.75rem}
.b2-left h4,.b2-right h4{font-size:1rem}
.b2-field{font-size:.8125rem;line-height:1.25}
.b2-tip,.b2-empty-inspector{font-size:.8125rem;line-height:1.55}
.b2-sheet-head h1{font-size:2.25rem;line-height:1.08}
.b2-sheet-head p{font-size:.9375rem;line-height:1.5}
.b2-question label{font-size:.9375rem;line-height:1.4}
.b2-question input,.b2-question textarea,.b2-question select{font-size:.9375rem}
.b2-options span{font-size:.875rem;line-height:1.25}
.b2-sheet .b2-options [data-b2-inline-option],.b2-sheet .b2-rating-options [data-b2-rating]{cursor:pointer;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}
.b2-sheet .b2-options [data-b2-inline-option]:not(.b2-option-selected),.b2-sheet .b2-rating-options [data-b2-rating]:not(.b2-rating-selected){border-color:#d7def0;background:#fff;color:#687a9d;box-shadow:none}
.b2-sheet .b2-options [data-b2-inline-option].b2-option-selected{border-color:#6d58d9;background:#f0edff;color:#42338f;box-shadow:0 0 0 3px #eae5ff}
.b2-sheet .b2-options [data-b2-inline-option].b2-option-selected:before{content:'✓';margin-right:.35em;font-weight:800}
.b2-sheet .b2-rating-options [data-b2-rating].b2-rating-selected{border-color:#e6a43d;background:#fff3cf;color:#9b5912;box-shadow:0 0 0 2px #ffe7ab}
.b2-sheet .b2-options [data-b2-inline-option]:active,.b2-sheet .b2-rating-options [data-b2-rating]:active{transform:scale(.97)}
.b2-add,.b2-publish-bar,.b2-publish-bar button{font-size:.8125rem}
.b2-field-name,.b2-control,.b2-switch,.b2-use{font-size:.8125rem;line-height:1.4}
.b2-control input,.b2-control textarea{font-size:.875rem}
.b2-template-top h1{font-size:2rem;line-height:1.15}
.b2-search,.b2-categories button{font-size:.875rem}
.b2-template-card b{font-size:1.125rem;line-height:1.25}
.b2-template-card p{font-size:.875rem;line-height:1.5}
.b2-results-top h1{font-size:2.125rem}
.b2-results-top p,.b2-no-results{font-size:.875rem;line-height:1.55}
.b2-result-row b{font-size:.9375rem}
.b2-result-row small{font-size:.75rem}
.b2-result-row p{font-size:.875rem;line-height:1.6}
.b2-export{font-size:.8125rem}

.workspace-preview-screen form>small{font-size:.75rem}
.workspace-preview-screen h1{font-size:2.25rem;line-height:1.1}
.workspace-preview-screen p{font-size:.9375rem;line-height:1.5}
.workspace-preview-screen form>label{font-size:1rem!important;line-height:1.4}
.workspace-preview-screen input,.workspace-preview-screen textarea,.workspace-preview-screen select{font-size:1rem!important}
.ws-preview-options label{font-size:.9375rem!important;line-height:1.3}
.workspace-preview-screen .ws-primary{font-size:.9375rem}
.b2-preview-toolbar>button:first-child{font-size:.875rem}

@media(max-width:680px){
  .workspace-side{width:54px;padding:12px 7px}
  .workspace-side .brand{justify-content:center}
  .workspace-side .brand>span:not(.brand-mark),.workspace-org,.workspace-new,.workspace-nav span,.workspace-nav b,.workspace-form-list,.workspace-user div,.workspace-user>span{display:none!important}
  .workspace-nav button{justify-content:center;padding:10px 0;font-size:1rem}
  .workspace-main{min-width:0}
  .workspace-header{min-height:58px;padding:8px 10px}
  .workspace-header>div{display:none}
  .workspace-header>section{width:100%;gap:6px;justify-content:flex-end}
  .workspace-header .b2-plan-pill{display:none}
  .workspace-header .workspace-publish{min-width:88px;padding:0 12px}
  .workspace-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .workspace-tabs::-webkit-scrollbar{display:none}
  .workspace-header .workspace-language{padding:0 8px}
  .workspace-header .workspace-ghost{display:none}
  .builder-v2:not(:has(.b2-template-page)){grid-template-rows:auto minmax(0,1fr)}
  .builder-v2:not(:has(.b2-template-page)) .b2-left{display:block;padding:8px 10px;border-width:0 0 1px;overflow:hidden}
  .builder-v2:not(:has(.b2-template-page)) .b2-section{margin:0}
  .builder-v2:not(:has(.b2-template-page)) .b2-kicker,.builder-v2:not(:has(.b2-template-page)) .b2-left h4,.builder-v2:not(:has(.b2-template-page)) .b2-tip{display:none}
  .builder-v2:not(:has(.b2-template-page)) .b2-fields{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .builder-v2:not(:has(.b2-template-page)) .b2-fields::-webkit-scrollbar{display:none}
  .builder-v2:not(:has(.b2-template-page)) .b2-field{min-width:84px;min-height:42px;padding:7px;white-space:nowrap}
  .builder-v2:not(:has(.b2-template-page)) .b2-field i{display:inline;margin:0 5px 0 0}
  .b2-sheet-head h1,.workspace-preview-screen h1{font-size:1.875rem}
  .b2-template-grid{grid-template-columns:1fr}
}

.formora-auth-link{display:block;margin:13px auto 0;border:0;background:transparent;color:#5e4dc5;cursor:pointer;font:700 .8rem Inter,sans-serif}
.formora-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.formora-account-actions button{min-height:44px;border:1px solid #d7dfef;border-radius:13px;background:#fff;color:#59698f;cursor:pointer;font-weight:750}
.formora-account-actions .danger{border-color:#f0c6ce;background:#fff3f5;color:#b63852}
/* Homepage product demo: a non-interactive, looping walkthrough. The hidden
   legacy markup keeps the workspace script's existing element hooks intact. */
.hero-product.hero-product-demo {
  display: block;
  position: relative;
  height: auto;
  aspect-ratio: 1120 / 610;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(135deg, #eef0ff 0%, #daf3ff 58%, #efddff 100%);
}

.hero-demo-gif,
.hero-demo-video,
.hero-demo-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  user-select: none;
  -webkit-user-drag: none;
}

.hero-demo-video {
  background: #f6f7ff;
}

.hero-demo-legacy {
  display: none !important;
}

/* Formora identity: a compact form sheet with a completion check. */
.brand {
  gap: 11px;
  letter-spacing: 0;
}

.brand-mark {
  position: relative;
  display: inline-block;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  transform: none;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 12px 12px 9px 12px;
  background: linear-gradient(145deg, #354ed0 0%, #7758ed 54%, #2fc6aa 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 6px 14px rgba(57, 70, 165, .22);
}

.brand-mark::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 6px;
  width: 20px;
  height: 24px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 5px rgba(25, 37, 93, .18);
}

.brand-mark::after {
  content: '✓';
  position: absolute;
  right: 3px;
  bottom: 3px;
  display: grid;
  place-items: center;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #24b98d;
  color: #fff;
  font: 800 8px/1 Inter, sans-serif;
}

.brand-mark i {
  z-index: 1;
  left: 12px;
  right: auto;
  width: 11px;
  height: 2px;
  border-radius: 999px;
  background: #6e63c9;
}

.brand-mark i:first-child {
  left: 12px;
  top: 13px;
}

.brand-mark i:last-child {
  left: 12px;
  right: auto;
  top: 19px;
  bottom: auto;
  width: 8px;
  background: #a39bdd;
}

.brand-lockup,
.brand > span:not(.brand-mark):not(.brand-lockup) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1;
}

.brand-lockup strong,
.brand > span:not(.brand-mark):not(.brand-lockup)::before {
  color: #111a43;
  font: 800 1.18rem/1 Manrope, sans-serif;
  letter-spacing: -.045em;
}

.brand-lockup small,
.brand > span:not(.brand-mark):not(.brand-lockup)::after {
  margin-top: 4px;
  color: #7784a5;
  font: 700 .5rem/1 'DM Mono', monospace;
  letter-spacing: .095em;
}

.brand > span:not(.brand-mark):not(.brand-lockup) {
  font-size: 0;
}

.brand > span:not(.brand-mark):not(.brand-lockup)::before {
  content: 'Formora';
}

.brand > span:not(.brand-mark):not(.brand-lockup)::after {
  content: 'ONLINE FORM BUILDER';
}

@media (max-width: 760px) {
  .nav .brand-mark {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    border-radius: 11px 11px 8px 11px;
  }

  .nav .brand-mark::before {
    left: 7px;
    top: 5px;
    width: 18px;
    height: 22px;
  }

  .nav .brand-mark i:first-child { left: 11px; top: 12px; }
  .nav .brand-mark i:last-child { left: 11px; top: 18px; }
  .nav .brand-lockup small { display: none; }
}

/* Image upload field */
.b2-image-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 0;
  border: 1.5px dashed #aebbe0;
  border-radius: 12px;
  background: linear-gradient(135deg, #fbfcff, #f4f1ff);
  color: #52658f;
}

.b2-builder-image-input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  margin: -1px;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0 !important;
}

.b2-image-field > label {
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 72px;
  margin: 0 !important;
  padding: 13px;
  cursor: pointer;
}

.b2-image-field > label > span:not(.b2-image-icon) { min-width: 0; }
.b2-image-field > label:hover { background: rgba(236, 232, 255, .44); }
.b2-image-field:focus-within { border-color: #7057df; box-shadow: 0 0 0 3px rgba(112,87,223,.12); }
.b2-image-field.has-error { border-color: #d95f78; background: #fff3f5; }
.b2-image-field.is-loading { pointer-events: none; opacity: .68; }

.b2-image-field > label > img {
  width: 74px;
  height: 58px;
  flex: 0 0 74px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 5px 14px rgba(47,59,115,.16);
}

.b2-image-field > button {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 1px solid #dce2f1;
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  color: #9a5066;
  cursor: pointer;
  font-size: 1rem;
}

.b2-image-field .b2-image-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #e9e4ff;
  color: #6549d7;
  font-size: 1.2rem;
  font-weight: 800;
}

.b2-image-field b,
.b2-image-field small {
  display: block;
}

.b2-image-field b { font-size: .875rem; }
.b2-image-field small { margin-top: 4px; color: #8492ad; font-size: .75rem; }

.b2-size-input {
  display: flex;
  align-items: center;
  gap: 8px;
}

.b2-control .b2-size-input input { flex: 1; }
.b2-size-input b { margin-top: 6px; color: #52658f; font-size: .8125rem; }
.b2-control-note { display: block; margin-top: 7px; color: #8b97b0; font-size: .75rem; line-height: 1.45; }

/* Form-level brand typography. Fonts are either SIL OFL web fonts or safe
   local fallbacks, and the selected values are persisted with each form. */
.b2-sheet[data-b2-font="inter"],.workspace-preview-screen[data-b2-font="inter"]{--b2-form-font:Inter,Arial,sans-serif}
.b2-sheet[data-b2-font="manrope"],.workspace-preview-screen[data-b2-font="manrope"]{--b2-form-font:Manrope,Arial,sans-serif}
.b2-sheet[data-b2-font="space"],.workspace-preview-screen[data-b2-font="space"]{--b2-form-font:"Space Grotesk",Arial,sans-serif}
.b2-sheet[data-b2-font="playfair"],.workspace-preview-screen[data-b2-font="playfair"]{--b2-form-font:"Playfair Display",Georgia,serif}
.b2-sheet[data-b2-font="dm-sans"],.workspace-preview-screen[data-b2-font="dm-sans"]{--b2-form-font:"DM Sans",Arial,sans-serif}
.b2-sheet[data-b2-font="outfit"],.workspace-preview-screen[data-b2-font="outfit"]{--b2-form-font:Outfit,Arial,sans-serif}
.b2-sheet[data-b2-font="jakarta"],.workspace-preview-screen[data-b2-font="jakarta"]{--b2-form-font:"Plus Jakarta Sans",Arial,sans-serif}
.b2-sheet[data-b2-font="sora"],.workspace-preview-screen[data-b2-font="sora"]{--b2-form-font:Sora,Arial,sans-serif}
.b2-sheet[data-b2-font="baskerville"],.workspace-preview-screen[data-b2-font="baskerville"]{--b2-form-font:"Libre Baskerville",Georgia,serif}
.b2-sheet[data-b2-font="cormorant"],.workspace-preview-screen[data-b2-font="cormorant"]{--b2-form-font:"Cormorant Garamond",Georgia,serif}
.b2-sheet[data-b2-font],.workspace-preview-screen[data-b2-font] form{font-family:var(--b2-form-font)!important}
.b2-sheet[data-b2-font] h1,.b2-sheet[data-b2-font] p,.b2-sheet[data-b2-font] label,.b2-sheet[data-b2-font] input,.b2-sheet[data-b2-font] textarea,.b2-sheet[data-b2-font] select,.b2-sheet[data-b2-font] .b2-options span,.b2-sheet[data-b2-font] .b2-add,.workspace-preview-screen[data-b2-font] h1,.workspace-preview-screen[data-b2-font] p,.workspace-preview-screen[data-b2-font] form>label,.workspace-preview-screen[data-b2-font] input,.workspace-preview-screen[data-b2-font] textarea,.workspace-preview-screen[data-b2-font] select,.workspace-preview-screen[data-b2-font] .ws-preview-options label{font-family:var(--b2-form-font)!important}
.b2-sheet[data-b2-font] .b2-sheet-head h1,.b2-sheet[data-b2-font] .b2-sheet-head p,.b2-sheet[data-b2-font] .b2-question>label,.b2-sheet[data-b2-font] .b2-options span,.workspace-preview-screen[data-b2-font] h1,.workspace-preview-screen[data-b2-font] p,.workspace-preview-screen[data-b2-font] form>label,.workspace-preview-screen[data-b2-font] .ws-preview-options label{color:var(--b2-font-color)!important}
.b2-sheet[data-b2-font] .b2-sheet-head h1,.workspace-preview-screen[data-b2-font] h1{font-size:var(--b2-title-size)!important}
.b2-sheet[data-b2-font] .b2-sheet-head p,.workspace-preview-screen[data-b2-font] p{font-size:var(--b2-description-size)!important}
.b2-sheet[data-b2-font] .b2-question>label,.b2-sheet[data-b2-font] input,.b2-sheet[data-b2-font] textarea,.b2-sheet[data-b2-font] select,.b2-sheet[data-b2-font] .b2-options span,.workspace-preview-screen[data-b2-font] form>label,.workspace-preview-screen[data-b2-font] input,.workspace-preview-screen[data-b2-font] textarea,.workspace-preview-screen[data-b2-font] select,.workspace-preview-screen[data-b2-font] .ws-preview-options label{font-size:var(--b2-base-size)!important}
.b2-sheet[data-b2-font] .b2-status,.b2-sheet[data-b2-font] .b2-sheet-head small,.workspace-preview-screen[data-b2-font] form>small{font-size:var(--b2-meta-size)!important}
.b2-appearance{padding:0 0 20px;border-bottom:1px solid #e8ecf5}
.b2-appearance h4{margin:7px 0 14px!important}
.b2-field-settings{padding-top:20px}
.b2-control select{width:100%;height:40px;margin-top:7px;padding:0 32px 0 10px;border:1px solid #dbe2f1;border-radius:9px;background:#fff;color:#354671;font:600 .8125rem Inter,sans-serif;cursor:pointer}
.b2-font-size-control{display:grid;grid-template-columns:1fr 78px;align-items:center;gap:10px;margin-top:8px}
.b2-font-size-control>input[type="range"]{width:100%;height:5px;margin:0;padding:0;border:0;border-radius:999px;background:#ddd8f7;accent-color:#684fd6;cursor:pointer}
.b2-font-size-control>span{display:flex;align-items:center;height:38px;border:1px solid #dbe2f1;border-radius:9px;background:#fff;overflow:hidden}
.b2-control .b2-font-size-control input[type="number"]{width:52px;height:100%;margin:0;padding:0 2px 0 10px;border:0;background:transparent;text-align:center;font-size:.8125rem}
.b2-font-size-control b{padding-right:9px;color:#8390aa;font-size:.75rem}
.b2-color-control{display:grid;grid-template-columns:44px 1fr;gap:8px;margin-top:7px}
.b2-control .b2-color-control input{height:40px;margin:0}
.b2-control .b2-color-control input[type="color"]{width:44px;padding:4px;border-radius:10px;cursor:pointer}
.b2-control .b2-color-control input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.b2-control .b2-color-control input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}
.b2-color-swatches{display:grid;grid-template-columns:repeat(6,27px);justify-content:center;gap:9px;margin:13px auto 0;width:100%}
.b2-color-swatches button{width:27px;height:27px;padding:0;border:2px solid #fff;border-radius:9px;background:var(--swatch);box-shadow:0 0 0 1px #d8deec;cursor:pointer;transition:transform .14s,box-shadow .14s}
.b2-color-swatches button:hover{transform:translateY(-2px)}
.b2-color-swatches button.active{box-shadow:0 0 0 2px #7660dc,0 4px 10px #6554b733}
.b2-license-note{display:block;margin-top:11px;color:#8592ad;font-size:.75rem;line-height:1.5}

/* Complete field catalogue and interactive preview controls. */
.b2-field-group{grid-column:1/-1;margin:12px 4px 1px;color:#9aa4b8;font:700 .7rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.b2-field-group:first-child{margin-top:2px}
.b2-scale{display:flex;flex-wrap:wrap;gap:6px}
.b2-scale button{min-width:32px;height:34px;padding:0 7px;border:1px solid #d7def0;border-radius:9px;background:#fff;color:#687a9d;font:600 .8rem Inter,sans-serif;cursor:pointer;transition:.14s}
.b2-scale button:hover{border-color:#9a8be7;background:#f7f5ff}
.b2-scale button.active{border-color:#684fd6;background:#eeeaff;color:#4a359f;box-shadow:0 0 0 2px #e2dcff}
.b2-opinion-scale button{min-width:44px;font-size:1.15rem}
.b2-scale-legend,.ws-scale-legend{display:flex;justify-content:space-between;margin-top:7px;color:#8a96ae;font-size:.7rem}
.b2-scale-legend span,.ws-scale-legend span{margin-left:auto}
.b2-signature-placeholder{min-height:150px;padding:10px;border:1.5px dashed #bdc7df;border-radius:14px;background:#fbfcff;color:#7080a1}
.b2-signature-tabs,.ws-signature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;border-radius:12px;background:#eef1f8}
.b2-signature-tabs button,.ws-signature-tabs button{min-height:38px;border:0;border-radius:9px;background:transparent;color:#6f7c98;cursor:pointer;font:700 .78rem Inter,sans-serif}
.b2-signature-tabs button.active,.ws-signature-tabs button.active{background:#fff;color:#5544ba;box-shadow:0 3px 10px #273c7417}
.b2-signature-demo-panel{display:none;min-height:88px;padding:14px 8px 4px}.b2-signature-demo-panel.active{display:grid;align-content:center}
.b2-signature-demo-panel input{width:100%;height:38px!important;margin:0!important}.b2-signature-demo-panel i{display:block;margin-top:8px;color:#4f43a5;font:italic 1.45rem "Cormorant Garamond",serif}
.b2-signature-demo-panel[data-b2-signature-demo-panel="draw"]{padding:10px 4px 2px}.b2-signature-demo-panel canvas{display:block;width:100%;height:138px;border:1.5px dashed #c2cbe2;border-radius:12px;background:linear-gradient(180deg,#fff,#fafbff);cursor:crosshair;touch-action:none}.b2-signature-draw-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 3px 0}.b2-signature-draw-footer small{color:#7d8aa4;font-size:.72rem;line-height:1.4}.b2-signature-draw-footer button{flex:0 0 auto;padding:6px 10px;border:0;border-radius:8px;background:#ece9ff;color:#5744bd;cursor:pointer;font-weight:700}.b2-signature-draw-footer button:hover{background:#ddd7ff}.b2-signature-placeholder.has-signature canvas{border-color:#55b696;background:#fbfffd}
.b2-payment-card,.ws-payment-card{padding:18px;border:1px solid #dfe5f2;border-radius:16px;background:linear-gradient(145deg,#fbfcff,#f4f2ff);box-shadow:0 8px 22px #26386c12}.b2-payment-card>div:first-child small,.ws-payment-total>span{display:block;color:#8490aa;font-size:.72rem;font-weight:800;letter-spacing:.08em}.b2-payment-card strong,.ws-payment-total strong{display:block;margin:7px 0 4px;color:#172861;font-size:2rem;line-height:1.1}.b2-payment-card p,.ws-payment-total small{display:block;margin:0;color:#7886a1;font-size:.82rem;line-height:1.45}.b2-payment-actions,.ws-payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.b2-payment-actions button,.ws-payment-buttons button{min-height:46px;border:0;border-radius:11px;cursor:pointer;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}.b2-payment-actions button:hover:not(:disabled),.ws-payment-buttons button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.b2-payment-actions button:disabled,.ws-payment-buttons button:disabled{cursor:not-allowed;opacity:.42}.b2-payment-actions .stripe,.ws-pay-stripe{background:#635bff;color:#fff;box-shadow:0 7px 16px #635bff30}.b2-payment-actions .paypal,.ws-pay-paypal{background:#ffc439;color:#113984}.b2-payment-actions .paypal b,.ws-pay-paypal b{color:#143d8f}.b2-payment-actions .paypal i,.ws-pay-paypal i{color:#0877c9;font-style:normal}.b2-payment-setup,.ws-payment-notice,.ws-payment-secure{display:block;margin-top:10px;color:#8b6c3e;font-size:.73rem;line-height:1.4}.ws-payment-secure{color:#3c806d}.ws-payment-card{margin-bottom:20px}.ws-payment-total strong{font-size:2.35rem}@media(max-width:540px){.b2-payment-actions,.ws-payment-buttons{grid-template-columns:1fr}}
.b2-hidden-value,.b2-file-placeholder{display:flex;align-items:center;gap:11px;padding:13px;border:1px dashed #c8d1e5;border-radius:11px;background:#f7f9fd;color:#53658c}
.b2-hidden-value span,.b2-file-placeholder>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e9e5ff;color:#624bd2;font-weight:800}
.b2-hidden-value b,.b2-hidden-value small,.b2-file-placeholder b,.b2-file-placeholder small{display:block}
.b2-hidden-value small{margin-left:auto;color:#929db3;font-size:.68rem}
.b2-file-placeholder small{margin-top:3px;color:#8b97af;font-size:.7rem}
.b2-text-block{padding:4px 0 2px}.b2-text-block p{margin:0;color:#71809d;line-height:1.55}
.b2-divider{border:0;border-top:1px solid #cfd7e8;margin:10px 0}
.b2-page-break{display:block;padding:18px;border:1px solid #c7c8f3;border-radius:16px;background:linear-gradient(135deg,#f2f0ff,#edf7ff);color:#5145aa;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.b2-page-break>div{display:flex;align-items:center;gap:10px}.b2-page-break span,.b2-page-break strong{font-size:.7rem;font-weight:800;letter-spacing:.08em}.b2-page-break i{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#fff;color:#7562d8;font-style:normal;box-shadow:0 3px 9px #5264a61a}.b2-page-break small{display:block;margin-top:10px;color:#7582a1;font-size:.74rem;line-height:1.45}.b2-page-break button{margin-top:13px;border:1px solid #c5c9e9;border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.72);color:#4f55a5;cursor:pointer;font:700 .76rem Inter,sans-serif}.b2-page-break button:hover{border-color:#8f7ce7;background:#fff}
.b2-layout-divider>label{display:none}
.b2-sheet[data-b2-font] .b2-scale button,.b2-sheet[data-b2-font] .b2-signature-placeholder,.b2-sheet[data-b2-font] .b2-hidden-value,.b2-sheet[data-b2-font] .b2-file-placeholder,.b2-sheet[data-b2-font] .b2-page-break{font-family:var(--b2-form-font)!important;color:var(--b2-font-color)}
.ws-preview-scale{display:flex;flex-wrap:wrap;gap:7px}
.ws-preview-scale label{margin:0!important;cursor:pointer}
.ws-preview-scale input{position:absolute;opacity:0;pointer-events:none}
.ws-preview-scale span{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid #d5ddee;border-radius:10px;background:#fff;color:#5f7093;transition:.14s}
.ws-preview-scale input:checked+span{border-color:#6550d4;background:#eeeaff;color:#463293;box-shadow:0 0 0 3px #e5e0ff}
.ws-preview-opinion span{min-width:52px;font-size:1.25rem}
.ws-file-upload{display:grid!important;grid-template-columns:42px 1fr;align-items:center;column-gap:11px;padding:14px!important;border:1.5px dashed #b7c2df;border-radius:13px;background:#f9faff;cursor:pointer}
.ws-file-upload input{position:absolute;width:1px!important;height:1px!important;opacity:0}
.ws-file-upload>span{grid-row:1/3;display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#e9e4ff;color:#654bd4;font-size:1.25rem}
.ws-file-upload b,.ws-file-upload small{grid-column:2;display:block}.ws-file-upload small{color:#8491aa}
.ws-file-upload.has-file{border-color:#48b894;background:#effff9}.ws-file-upload.has-error{border-color:#d65c73;background:#fff1f4}
.ws-signature{margin-bottom:20px;padding:10px;border:1.5px dashed #b8c3dd;border-radius:15px;background:#fff;overflow:hidden}
.ws-signature-panel{display:none}.ws-signature-panel.active{display:block}
.ws-signature-panel[data-ws-signature-panel="type"]{padding:18px 8px 10px}
.ws-signature-panel[data-ws-signature-panel="type"] input{width:100%;margin:0!important}
.ws-typed-signature{min-height:58px;margin-top:12px;padding:10px 6px;border-bottom:1px solid #cbd3e5;color:#4d409c;font:italic 2rem/1.2 "Cormorant Garamond",Georgia,serif}
.ws-signature canvas{display:block;width:100%;height:150px;margin-top:10px;border-radius:10px;touch-action:none;cursor:crosshair;background:linear-gradient(#fff,#fbfcff)}
.ws-signature-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 0;color:#8692aa}
.ws-signature-footer button{border:0;border-radius:8px;padding:7px 10px;background:#eef0f8;color:#5c6b8f;cursor:pointer}
.ws-signature.signed{border-color:#4bb593;box-shadow:0 0 0 3px #dff8ef}
.ws-text-block{margin:24px 0 8px;padding:18px 0;border-bottom:1px solid #e3e7f0}.ws-text-block h2{margin:0 0 7px;font-size:1.35em}.ws-text-block p{margin:0!important}
.ws-divider{margin:28px 0;border:0;border-top:1px solid #cfd6e7}
.ws-form-page[hidden]{display:none!important}
.ws-page-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}
.ws-page-actions .ws-primary{width:auto;margin:0}.ws-page-actions .workspace-ghost{height:auto;padding:10px 14px}
.ws-page-progress{position:relative;height:7px;margin:20px 0 28px;border-radius:999px;background:#e8ebf4;overflow:visible}
.ws-page-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b4bd1,#41b8e6);transition:width .25s}
.ws-page-progress span{position:absolute;right:0;top:10px;color:#8a96ad;font-size:.7rem}

/* Contextual field cards and settings, following the reference editor's
   document-like hierarchy and floating field toolbar. */
.b2-question{padding:18px 16px 16px;border-color:#e3e7ef;border-radius:17px;background:#fff;box-shadow:0 3px 10px #273c7410}
.b2-question:hover{background:#fff;border-color:#c8d5eb}.b2-question.selected{border-color:#76a9ff;background:#fff;box-shadow:0 0 0 4px #dceaff,0 8px 22px #365e9a18}
.b2-field-meta{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:#969eac;font-size:.72rem;font-weight:700}
.b2-field-meta span{display:grid;width:18px;height:18px;place-items:center;color:#7d8798;font-size:.8rem}
.b2-question>label{margin-bottom:7px!important;font-size:1.05rem!important}
.b2-field-help{display:block;margin:-2px 0 13px;color:#929bad;font-size:.76rem;line-height:1.45}
.b2-rule-hint{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:10px;padding:6px 9px;border-radius:8px;background:#eef8f5;color:#317966;font-size:.75rem;line-height:1.3}
.ws-field-rule{display:block;margin-top:8px;color:#657591;font-size:.78rem;line-height:1.4}
.b2-inline-actions{top:13px;right:13px;padding:5px;border:1px solid #e0e3e9;border-radius:13px;background:#ffffffed;box-shadow:0 5px 14px #1e2f5917;backdrop-filter:blur(12px)}
.b2-inline-actions button{width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:#6e7581;font-size:.85rem}.b2-inline-actions button:hover{background:#f0f3f8;color:#314a80}
.b2-inline-actions button svg{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.b2-inline-actions .b2-action-duplicate:hover{background:#edf3ff;color:#315fba}.b2-inline-actions .b2-action-delete:hover{background:#fff0f2;color:#c93652}.b2-inline-actions button:focus-visible{outline:2px solid #7862df;outline-offset:2px}
.b2-inline-actions .b2-drag-handle{position:relative;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.b2-drag-handle span{font-size:1rem;line-height:1}.b2-drag-handle em{position:absolute;right:0;top:calc(100% + 9px);display:none;width:max-content;padding:7px 9px;border:1px solid #dfe4ef;border-radius:8px;background:#17244b;color:#fff;box-shadow:0 8px 20px #18264b2e;font:700 .7rem/1 Inter,sans-serif;font-style:normal;white-space:nowrap}.b2-drag-handle em:before{content:'';position:absolute;right:9px;bottom:100%;border:5px solid transparent;border-bottom-color:#17244b}.b2-drag-handle:hover em,.b2-drag-handle:focus-visible em{display:block}.b2-inline-actions .b2-drag-handle:active{cursor:grabbing;transform:scale(.96)}
.b2-question.is-dragging{opacity:.22;border:1.5px dashed #7862df!important;background:#eeeaff!important;box-shadow:none!important}.b2-question.is-dragging>*{visibility:hidden}.b2-drag-ghost{position:fixed!important;z-index:10020!important;margin:0!important;pointer-events:none!important;opacity:.96!important;overflow:hidden;transform-origin:center;box-shadow:0 24px 55px #25376738,0 5px 16px #3f4d7824!important;transition:box-shadow .16s,opacity .14s!important;will-change:transform}.b2-drag-ghost .b2-inline-actions,.b2-drag-ghost .b2-drag-handle{display:none!important}.b2-drag-ghost.is-dropping{opacity:0!important}.b2-is-sorting,.b2-is-sorting *{cursor:grabbing!important}.b2-is-sorting{user-select:none;-webkit-user-select:none}
@media(max-width:680px){.b2-drag-handle em{display:none!important}}
.b2-options-vertical{flex-direction:column;align-items:stretch}.b2-options-vertical span{display:flex;align-items:center;width:100%;min-height:44px;border:0!important;padding:9px 7px!important;background:transparent!important;box-shadow:none!important;font-size:.95rem!important}
.b2-type-choice .b2-options-vertical span:before,.b2-type-checkbox .b2-options-vertical span:before{content:'';display:inline-block;width:24px;height:24px;flex:0 0 24px;margin-right:12px;border:1.5px solid #c7ccd4;border-radius:50%;background:#fff}
.b2-type-checkbox .b2-options-vertical span:before{border-radius:7px}.b2-type-choice .b2-options-vertical span.b2-option-selected:before{content:'●';display:grid;place-items:center;color:#6551d2;font-size:.75rem;border-color:#7661dc}.b2-type-checkbox .b2-options-vertical span.b2-option-selected:before{content:'✓';display:grid;place-items:center;background:#6551d2;color:#fff;border-color:#6551d2}
.b2-options-grid{display:grid;grid-template-columns:1fr 1fr}.b2-options-grid span{display:block;text-align:center}.b2-options-compact{flex-direction:row}.b2-options-compact span{width:auto}
.b2-phone-control,.ws-phone-control{display:grid;grid-template-columns:minmax(88px,auto) 1fr;gap:10px;width:100%}
.b2-phone-control select,.ws-phone-control select{min-width:88px}
.b2-phone-control input,.ws-phone-control input{min-width:0;width:100%}

/* Branded destructive confirmation dialog. */
.b2-alert-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(18,27,66,.34);opacity:0;backdrop-filter:blur(0);transition:opacity .18s ease,backdrop-filter .18s ease}
.b2-alert-overlay.open{opacity:1;backdrop-filter:blur(14px) saturate(125%)}
.b2-alert-dialog{width:min(470px,100%);padding:28px;border:1px solid rgba(255,255,255,.82);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,247,255,.88));box-shadow:0 28px 80px rgba(29,42,94,.3),inset 0 1px rgba(255,255,255,.9);transform:translateY(10px) scale(.985);transition:transform .18s ease;font-family:Inter,Arial,sans-serif}
.b2-alert-overlay.open .b2-alert-dialog{transform:translateY(0) scale(1)}
.b2-alert-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:22px;border:1px solid rgba(217,77,105,.18);border-radius:17px;background:linear-gradient(145deg,#fff1f4,#ffe4eb);color:#c33e5d;font-size:1.35rem;font-weight:800;box-shadow:inset 0 1px #fff,0 10px 24px rgba(195,62,93,.11)}
.b2-alert-copy>span{display:block;margin-bottom:7px;color:#b34a61;font:700 .72rem 'DM Mono',monospace;letter-spacing:.1em}
.b2-alert-copy h2{margin:0;color:#18245a;font:750 1.75rem/1.14 Manrope,Inter,sans-serif;letter-spacing:-.045em}
.b2-alert-copy p{margin:12px 0 0;color:#66738f;font-size:.95rem;line-height:1.65}
.b2-alert-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:27px}
.b2-alert-actions button{min-width:112px;min-height:48px;padding:0 18px;border-radius:15px;cursor:pointer;font:700 .9rem Inter,Arial,sans-serif;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.b2-alert-actions button:hover{transform:translateY(-1px)}
.b2-alert-actions button:focus-visible{outline:3px solid rgba(91,81,210,.25);outline-offset:2px}
.b2-alert-cancel{border:1px solid #d8deee;background:rgba(255,255,255,.78);color:#465579;box-shadow:inset 0 1px #fff}
.b2-alert-cancel:hover{background:#fff;box-shadow:0 7px 18px rgba(34,49,101,.1)}
.b2-alert-delete{border:1px solid rgba(190,46,78,.5);background:linear-gradient(135deg,#dc4e6c,#b72f53);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 22px rgba(183,47,83,.26)}
.b2-alert-delete:hover{box-shadow:inset 0 1px rgba(255,255,255,.28),0 13px 27px rgba(183,47,83,.34)}
@media(max-width:560px){.b2-alert-dialog{padding:23px;border-radius:23px}.b2-alert-copy h2{font-size:1.48rem}.b2-alert-actions{display:grid;grid-template-columns:1fr 1fr}.b2-alert-actions button{min-width:0;width:100%}}
.b2-inspector-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.b2-inspector-heading h4{margin:5px 0 0!important}.b2-inspector-heading>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eeeaff;color:#644ed2;font-size:1.05rem}
.b2-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.b2-setting-grid .b2-control{min-width:0}.b2-setting-grid input{min-width:0}
.b2-options-editor>span:first-child{display:block;margin-bottom:7px}.b2-option-line{align-items:center}.b2-option-line i{color:#a2a9b7;font-style:normal;cursor:grab}.b2-option-line button{flex:0 0 25px;height:34px;background:#f4f5f8}.b2-option-line button:last-child{color:#a55268}
.workspace-preview-screen form>label{margin-top:25px!important;margin-bottom:8px!important;font-size:1.05rem!important}
.ws-field-help{display:block;margin:-2px 0 12px;color:#8b95aa;font-size:.78rem;line-height:1.45}
.ws-preview-options.ws-options-vertical{display:flex;flex-direction:column;align-items:stretch}.ws-preview-options.ws-options-vertical label{display:flex;align-items:center;min-height:48px;border:0;padding:8px 4px;font-size:.95rem}.ws-preview-options.ws-options-vertical input{width:22px!important;height:22px!important;margin-right:12px;accent-color:#6551d2}
.ws-preview-options.ws-options-grid{display:grid;grid-template-columns:1fr 1fr}.ws-preview-options.ws-options-grid label{display:flex;align-items:center}.ws-preview-options.ws-options-compact{display:flex;flex-direction:row;flex-wrap:wrap}.ws-preview-options.ws-options-compact label{border:1px solid #d7dff1;border-radius:9px;padding:9px 11px}

.ws-image-upload {
  position: relative;
  margin: 0 0 22px;
  border: 1.5px dashed #aebbe0;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(240,237,255,.72));
  transition: border-color .18s, background .18s, box-shadow .18s;
}

.ws-image-upload:focus-within,
.ws-image-upload:hover {
  border-color: #7760df;
  box-shadow: 0 0 0 4px rgba(119,96,223,.1);
}

.ws-image-upload.has-error {
  border-color: #d95f78;
  background: #fff3f5;
}

.ws-image-input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  margin: -1px;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0 !important;
}

.ws-image-upload > label {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 138px;
  margin: 0 !important;
  padding: 22px;
  color: #405587 !important;
  text-align: center;
  cursor: pointer;
}

.ws-image-upload > label > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  border-radius: 13px;
  background: linear-gradient(145deg, #694bdc, #4b86ed);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 800;
  box-shadow: 0 8px 16px rgba(83,73,190,.22);
}

.ws-image-upload > label > b { font-size: 1rem; }
.ws-image-upload > label > small { margin-top: 6px; color: #7f8daa; font-size: .8125rem; }

.ws-image-preview {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0 12px 12px;
  padding: 10px;
  border: 1px solid #dce3f2;
  border-radius: 12px;
  background: #fff;
}

.ws-image-preview[hidden] { display: none; }
.ws-image-preview img { width: 64px; height: 52px; border-radius: 9px; object-fit: cover; }
.ws-image-preview b,
.ws-image-preview small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-image-preview b { color: #354878; font-size: .875rem; }
.ws-image-preview small { margin-top: 4px; color: #8996ad; font-size: .75rem; }
.ws-image-preview button { border: 0; border-radius: 9px; padding: 8px 10px; background: #f1efff; color: #6351bd; cursor: pointer; font: 700 .75rem Inter, sans-serif; }

.b2-result-images { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.b2-result-image { width: 132px; margin: 0; padding: 6px; border: 1px solid #e0e6f3; border-radius: 10px; background: #f9faff; }
.b2-result-image img { display: block; width: 100%; height: 84px; border-radius: 7px; object-fit: cover; }
.b2-result-image figcaption { margin-top: 6px; overflow: hidden; color: #75839f; font-size: .6875rem; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 680px) {
  .ws-image-preview { grid-template-columns: 54px minmax(0, 1fr); }
  .ws-image-preview img { width: 54px; height: 48px; }
  .ws-image-preview button { grid-column: 1 / -1; }
}

/* Interactive builder file picker and directly editable payment amount. */
.b2-file-placeholder { position: relative; cursor: pointer; transition: border-color .16s, background .16s, box-shadow .16s; }
.b2-file-placeholder:hover { border-color: #8b72e8; background: #f5f2ff; box-shadow: 0 0 0 3px #745be414; }
.b2-file-placeholder input { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0; cursor: pointer; }
.b2-file-placeholder.has-file { border-color: #42af8b; background: #f0fff9; }
.b2-file-placeholder.has-error { border-color: #d65c73; background: #fff1f4; }
.b2-payment-amount { display: flex !important; align-items: center; gap: 8px; margin: 5px 0 3px !important; color: #172861 !important; }
.b2-payment-amount span { font-size: 1rem; font-weight: 800; letter-spacing: .03em; }
.b2-payment-amount input { width: 100% !important; min-width: 0; height: auto !important; margin: 0 !important; padding: 1px 4px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; color: #172861 !important; font: 800 2rem/1.1 Inter, sans-serif !important; outline: none; }
.b2-payment-amount input:hover { border-color: #d8d0ff !important; background: #ffffff99 !important; }
.b2-payment-amount input:focus { border-color: #8067e8 !important; background: #fff !important; box-shadow: 0 0 0 3px #8067e81c !important; }
.b2-payment-card [data-b2-payment-formatted] { display: none; }

/* Product feedback and owner-only inbox. */
.formora-feedback-trigger{position:fixed;z-index:9000;right:24px;bottom:22px;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid #ffffffaa;border-radius:999px;background:linear-gradient(135deg,#263fa4,#7850df);color:#fff;cursor:pointer;box-shadow:0 14px 34px #28367355;font:750 .82rem Inter,sans-serif}.formora-feedback-trigger span{color:#aef5df}.formora-feedback-trigger:hover{transform:translateY(-2px);box-shadow:0 18px 40px #28367366}.formora-feedback-modal{position:fixed;z-index:31000;inset:0;display:grid;place-items:center;padding:20px;background:#131a4478;backdrop-filter:blur(18px);opacity:0;transition:opacity .2s}.formora-feedback-modal.open{opacity:1}.formora-feedback-card{position:relative;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:36px;border:1px solid #ffffffc7;border-radius:30px;background:linear-gradient(145deg,#fffffffa,#f2f1fff4);box-shadow:0 38px 100px #11173f66}.formora-feedback-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:1px solid #dce2f1;border-radius:14px;background:#fff;color:#65728e;cursor:pointer;font-size:1.4rem}.feedback-eyebrow{color:#7357dc;font:800 .68rem 'DM Mono',monospace;letter-spacing:.11em}.formora-feedback-card h2{margin:8px 52px 8px 0;color:#17265d;font:800 2rem/1.15 Manrope,sans-serif;letter-spacing:-.04em}.formora-feedback-card>p{margin:0 0 24px;color:#74819d;line-height:1.55}.formora-feedback-card fieldset{margin:0 0 18px;padding:0;border:0}.formora-feedback-card legend,.feedback-message>span{display:block;margin-bottom:9px;color:#536386;font-size:.78rem;font-weight:750}.feedback-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feedback-categories input{position:absolute;opacity:0}.feedback-categories span{display:grid;min-height:42px;place-items:center;border:1px solid #d9e0ef;border-radius:12px;background:#fff;color:#61708e;cursor:pointer;font-size:.82rem;font-weight:700}.feedback-categories input:checked+span{border-color:#7458dc;background:#efecff;color:#513db0;box-shadow:0 0 0 3px #7458dc14}.feedback-message{position:relative;display:block}.feedback-message textarea{display:block;width:100%;min-height:190px;resize:vertical;padding:16px 16px 30px;border:1px solid #d5deef;border-radius:16px;background:#fff;color:#26345f;font:500 .94rem/1.6 Inter,sans-serif;outline:none}.feedback-message textarea:focus{border-color:#795fde;box-shadow:0 0 0 4px #795fde17}.feedback-message>small{position:absolute;right:13px;bottom:9px;color:#9aa5ba;font-size:.7rem}.feedback-anonymous{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:14px;border:1px solid #dde4f1;border-radius:14px;background:#f8f9ff;cursor:pointer}.feedback-anonymous b,.feedback-anonymous small{display:block;color:#536386}.feedback-anonymous small{margin-top:4px;font-size:.7rem;font-weight:500}.feedback-anonymous input{position:absolute;opacity:0}.feedback-anonymous i{position:relative;flex:0 0 48px;height:27px;border-radius:99px;background:#c8d0df;transition:.2s}.feedback-anonymous i:after{content:'';position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #26355b44;transition:.2s}.feedback-anonymous input:checked+i{background:#6650d3}.feedback-anonymous input:checked+i:after{transform:translateX(21px)}.feedback-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-identity[hidden]{display:none}.feedback-identity label{color:#59698c;font-size:.76rem;font-weight:700}.feedback-identity input{width:100%;height:46px;margin-top:6px;padding:0 12px;border:1px solid #d8e0ef;border-radius:12px;background:#fff}.feedback-submit,.formora-feedback-inbox-button{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:14px;background:linear-gradient(135deg,#304fb4,#7450dc);color:#fff;cursor:pointer;font:750 .9rem Inter,sans-serif;box-shadow:0 12px 25px #5146bd28}.feedback-submit:disabled{opacity:.55;cursor:wait}.feedback-form-status{min-height:18px;margin-top:10px;color:#7b88a2;text-align:center;font-size:.76rem}.feedback-form-status.success{color:#168161}.feedback-form-status.error{color:#bc3e5a}.formora-feedback-inbox-button{margin:4px 0 10px}.feedback-inbox-card{width:min(900px,100%)}.feedback-inbox-loading,.feedback-empty{padding:35px;border:1px dashed #cad5e9;border-radius:16px;color:#7b88a3;text-align:center}.feedback-inbox-list{display:grid;gap:12px}.feedback-item{padding:17px;border:1px solid #dce3f0;border-radius:16px;background:#fff}.feedback-item-head,.feedback-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-item-head span{padding:5px 9px;border-radius:99px;background:#eeeaff;color:#5a43bd;font-size:.67rem;font-weight:800}.feedback-item-head time{color:#95a0b5;font-size:.68rem}.feedback-item>p{margin:14px 0;color:#29375f;line-height:1.65;white-space:pre-wrap}.feedback-item-meta{justify-content:flex-start;color:#7b88a1;font-size:.72rem}.feedback-item-meta a{color:#4d57ae}.feedback-item-meta select{margin-left:auto;padding:7px 9px;border:1px solid #d8e0ef;border-radius:9px;background:#f8f9ff;color:#536386}
@media(max-width:640px){.formora-feedback-trigger{right:14px;bottom:14px}.formora-feedback-card{padding:27px 20px;border-radius:23px}.formora-feedback-card h2{font-size:1.55rem}.feedback-categories{grid-template-columns:1fr 1fr}.feedback-identity{grid-template-columns:1fr}.feedback-item-meta{align-items:flex-start;flex-wrap:wrap}.feedback-item-meta select{margin-left:0;width:100%}}

/* Supabase authentication */
.formora-auth-modal{position:fixed;z-index:30000;inset:0;display:grid;place-items:center;padding:20px;background:#11173f70;backdrop-filter:blur(18px);opacity:0;transition:opacity .2s}.formora-auth-modal.open{opacity:1}.formora-auth-card{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid #ffffffb8;border-radius:28px;background:linear-gradient(145deg,#ffffffed,#f4f2ffe8);box-shadow:0 34px 90px #19245a55}.formora-auth-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #dce2f1;border-radius:13px;background:#ffffffb8;color:#6f7b99;cursor:pointer;font-size:1.35rem}.formora-auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:25px}.formora-auth-brand .brand-mark{width:38px;height:38px}.formora-auth-brand b,.formora-auth-brand small{display:block}.formora-auth-brand b{color:#142153;font:800 1.1rem Manrope,sans-serif}.formora-auth-brand small{margin-top:2px;color:#8a96af;font:700 .58rem 'DM Mono',monospace;letter-spacing:.1em}.formora-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;border-radius:14px;background:#e9ebf5}.formora-auth-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#75819d;cursor:pointer;font-weight:750}.formora-auth-tabs button.active{background:#fff;color:#4434a6;box-shadow:0 5px 14px #26345e16}.formora-auth-card h2{margin:0;color:#16245b;font:800 1.85rem/1.1 Manrope,sans-serif;letter-spacing:-.04em}.formora-auth-card>p{margin:10px 0 22px;color:#7c89a5;line-height:1.55}.formora-google,.formora-auth-primary{width:100%;min-height:50px;border-radius:14px;cursor:pointer;font:750 .92rem Inter,sans-serif}.formora-google{border:1px solid #d6deee;background:#fff;color:#273666}.formora-google span{display:inline-grid;width:25px;height:25px;margin-right:9px;place-items:center;border-radius:50%;background:conic-gradient(from -40deg,#4285f4 0 25%,#34a853 0 48%,#fbbc05 0 72%,#ea4335 0);color:#fff;font-weight:900}.formora-google:disabled,.formora-auth-primary:disabled{cursor:not-allowed;opacity:.48}.formora-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#98a2b7;font-size:.72rem}.formora-auth-divider:before,.formora-auth-divider:after{content:'';height:1px;flex:1;background:#dfe4ef}.formora-auth-card form label{display:block;margin-top:14px;color:#5d6c90;font-size:.78rem;font-weight:700}.formora-auth-card form input{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid #d7dfef;border-radius:13px;background:#ffffffd9;color:#233263;font:500 .9rem Inter,sans-serif;outline:none}.formora-auth-card form input:focus{border-color:#7961df;box-shadow:0 0 0 4px #7961df17}.formora-auth-primary{margin-top:20px;border:0;background:linear-gradient(135deg,#314fb5,#7350dc);color:#fff;box-shadow:0 12px 26px #5649c330}.formora-auth-card form>small{display:block;min-height:18px;margin-top:11px;color:#75839e;text-align:center}.formora-auth-card form>small.error{color:#c63f5c}.formora-auth-card form>small.success{color:#198565}.formora-auth-setup{margin:0 0 18px;padding:13px;border:1px solid #e6d299;border-radius:13px;background:#fff9e8;color:#7b642b;font-size:.76rem;line-height:1.5}.formora-account{text-align:center}.formora-account>span{display:grid;width:68px;height:68px;margin:8px auto 18px;place-items:center;border-radius:22px;background:linear-gradient(135deg,#6655dc,#3b8fea);color:#fff;font-size:1.45rem;font-weight:800}.formora-account p{color:#7885a2}.auth-user-button{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4837a6!important}@media(max-width:520px){.formora-auth-card{padding:24px 20px;border-radius:22px}}
/* Advanced logic, calculations, response actions, and resumable public forms. */
.b2-condition-list{display:grid;gap:10px;margin:12px 0}.b2-condition-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid #dfe4f3;border-radius:12px;background:#f8f9ff}.b2-condition-row input,.b2-condition-row select{min-width:0;width:100%;padding:9px;border:1px solid #d5ddf0;border-radius:8px;background:#fff;color:#344477}.b2-condition-row button{grid-column:2;justify-self:end;border:0;background:transparent;color:#c64c67;cursor:pointer;font-size:18px}.ws-calculation{display:flex;align-items:center;min-height:58px;padding:12px 16px;border:1px solid #d7def1;border-radius:12px;background:#f7f8ff}.ws-calculation output{color:#263b82;font:700 24px Manrope,sans-serif}.ws-calculation.is-hidden-result{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.ws-draft-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-16px 0 24px;padding:11px 13px;border:1px solid #bce9db;border-radius:10px;background:#effcf7;color:#23795f;font:600 12px Inter,sans-serif}.ws-draft-notice button{border:0;background:transparent;color:#4053ae;cursor:pointer;font-weight:700}.b2-delete-responses{min-height:42px;padding:0 16px;border:1px solid #efb6c2;border-radius:10px;background:#fff5f7;color:#b63350;cursor:pointer;font-weight:700}.b2-delete-responses:disabled{opacity:.45;cursor:not-allowed}.b2-response-select{position:absolute;z-index:2;left:14px;top:14px;display:flex;align-items:center;gap:6px;color:#7885a4;font-size:11px}.b2-response-select span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.b2-result-row{position:relative}.b2-result-row .b2-result-summary{padding-left:46px}
