.b2-results-page{flex:1;overflow:auto;padding:46px max(28px,8vw);background:radial-gradient(circle at 84% 12%,#c6edff,transparent 28%),linear-gradient(135deg,#e0e7ff,#eee8ff)}
.b2-results-top{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:850px;margin:0 auto 22px}.b2-results-top small{color:#7558d5;font:500 8px 'DM Mono',monospace;letter-spacing:1px}.b2-results-top h1{margin:8px 0 7px;color:#263775;font:700 32px Manrope,sans-serif;letter-spacing:-1.8px}.b2-results-top p{margin:0;color:#7181a0;font-size:11px}.b2-export{border:0;border-radius:9px;padding:11px 14px;background:#33499f;color:#fff;cursor:pointer;font:600 10px Inter,sans-serif}.b2-export:disabled{opacity:.42;cursor:not-allowed}.b2-result-list{max-width:850px;margin:auto;border:1px solid #dfe5f2;border-radius:13px;background:#fff;box-shadow:0 10px 25px #5666a51c}.b2-result-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:17px 19px;border-bottom:1px solid #eef1f7}.b2-result-row:last-child{border:0}.b2-result-row b,.b2-result-row small{display:block}.b2-result-row b{color:#405080;font-size:11px}.b2-result-row small{margin-top:5px;color:#9aa6be;font-size:9px}.b2-result-row p{margin:0;color:#677794;font-size:10px;line-height:1.6}.b2-no-results{padding:43px 25px;color:#7a89a6;font-size:11px;line-height:1.6;text-align:center}
@media(max-width:680px){.b2-results-page{padding:28px 14px}.b2-results-top{display:block}.b2-export{margin-top:15px}.b2-result-row{grid-template-columns:1fr;gap:8px}}
.workspace-preview-screen.is-public-form {
  min-height: 100vh;
  padding-top: 72px;
}
#workspaceApp.workspace-overlay.previewing{display:block;overflow:hidden}
#workspaceApp.workspace-overlay.previewing>.workspace-preview-screen{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.b2-public-brand {
  position: fixed;
  top: 22px;
  left: 28px;
  z-index: 5;
  color: var(--b2-text, #1d2c68);
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: -.04em;
}
.workspace-preview-screen.has-free-watermark { position:relative; isolation:isolate; }
.workspace-preview-screen.has-free-watermark #b2PreviewForm { position:relative; z-index:2; }
.b2-watermark-layer { position:fixed; inset:0; z-index:3; pointer-events:none; opacity:.30; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='210' viewBox='0 0 360 210'%3E%3Cg transform='rotate(-24 180 105)' fill='%23283878' font-family='Arial,sans-serif' text-anchor='middle'%3E%3Ctext x='180' y='98' font-size='24' font-weight='700'%3EFormora%3C/text%3E%3Ctext x='180' y='122' font-size='13'%3Euseformora.com%3C/text%3E%3C/g%3E%3C/svg%3E"); background-repeat:repeat; background-size:360px 210px; }
.b2-watermark-badge { position:fixed; right:22px; bottom:20px; z-index:4; display:grid; gap:2px; padding:10px 14px; border:1px solid rgba(47,62,125,.22); border-radius:13px; background:rgba(255,255,255,.88); box-shadow:0 8px 28px rgba(35,47,105,.14); color:#263878; text-decoration:none; backdrop-filter:blur(10px); }
.b2-watermark-badge b { font-size:13px; }.b2-watermark-badge span { font:600 8px 'DM Mono',monospace; opacity:.72; }
.b2-premium-locked { position:relative; overflow:hidden; }.b2-premium-locked > :not(.b2-premium-notice) { opacity:.42; }
.b2-premium-notice { position:relative; z-index:2; display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; padding:11px 12px; border:1px solid #d9d2ff; border-radius:11px; background:linear-gradient(135deg,#f1edff,#eef7ff); color:#4d40b8; cursor:pointer; font:750 9px Inter,sans-serif; }
.b2-premium-notice span,.b2-inline-plan { font:800 8px 'DM Mono',monospace; letter-spacing:.08em; }.b2-premium-control { position:relative; }.b2-inline-plan { position:absolute; right:9px; bottom:10px; padding:4px 6px; border-radius:6px; background:#eeeaff; color:#5b46cb; }.b2-plan-pill { min-width:52px; color:#5b46cb!important; font:800 9px 'DM Mono',monospace!important; }.b2-upgrade-link { display:inline-flex; margin-top:16px; text-decoration:none; }
@media(max-width:640px){.b2-watermark-layer{background-size:270px 158px}.b2-watermark-badge{right:12px;bottom:12px}}
.b2-usage-page{flex:1;overflow:auto;padding:46px max(28px,7vw);background:radial-gradient(circle at 90% 8%,#c9efff,transparent 29%),linear-gradient(135deg,#edf0ff,#f4edff)}
.b2-usage-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:920px;margin:0 auto 24px;padding:28px;border:1px solid rgba(75,89,165,.15);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 18px 50px rgba(53,65,137,.09)}
.b2-usage-hero small{color:#7459d8;font:700 9px 'DM Mono',monospace;letter-spacing:.12em}.b2-usage-hero h1{margin:7px 0;color:#253775;font:800 38px Manrope,sans-serif}.b2-usage-hero p{margin:0;color:#7583a1;font-size:12px}.b2-usage-plan-active{padding:11px 14px;border-radius:12px;background:#eafaf4;color:#17805f;font-size:10px;font-weight:750}
.b2-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:920px;margin:auto}.b2-usage-card{padding:22px;border:1px solid rgba(76,91,165,.15);border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(53,65,137,.07)}.b2-usage-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.b2-usage-card span{color:#53618d;font-size:11px;font-weight:750}.b2-usage-card b{color:#263878;font:800 24px Manrope,sans-serif}.b2-usage-card b small{color:#8995af;font-size:10px}.b2-usage-track{height:8px;margin:20px 0 11px;overflow:hidden;border-radius:99px;background:#edf0f7}.b2-usage-track i{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#7654e8,#4599ed)}.b2-usage-card.warning{border-color:#f3bb72;background:#fffaf3}.b2-usage-card.warning .b2-usage-track i{background:linear-gradient(90deg,#ee8b45,#e75555)}.b2-usage-card p{margin:0;color:#8a96ad;font-size:9px;line-height:1.5}.b2-usage-card p button{float:right;border:0;background:transparent;color:#d45c3e;cursor:pointer;font:800 9px Inter,sans-serif}
.b2-usage-help{max-width:920px;margin:18px auto 0;padding:20px 22px;border:1px solid rgba(76,91,165,.13);border-radius:17px;background:rgba(255,255,255,.68)}.b2-usage-help b{color:#33467e;font-size:11px}.b2-usage-help p{margin:7px 0 0;color:#7c89a5;font-size:10px;line-height:1.6}
@media(max-width:760px){.b2-usage-page{padding:24px 14px}.b2-usage-hero{display:block}.b2-usage-hero .ws-primary{margin-top:18px}.b2-usage-grid{grid-template-columns:1fr}}
.b2-publish-modal{z-index:220}.runtime-modal:has(.b2-publish-hub) .modal-card{width:min(940px,calc(100vw - 32px));max-height:calc(100vh - 28px);overflow:auto;padding:36px;text-align:left}
.runtime-modal:has(.b2-publish-hub) .modal-close{width:38px;height:38px;border-radius:12px;font-size:24px}
.b2-publish-hub{color:#263775}.b2-publish-hub>header{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center}.b2-publish-hub>header>span{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:#e7faef;color:#20a46c;font-size:29px}.b2-publish-hub>header small{color:#7659d4;font:750 11px 'DM Mono',monospace;letter-spacing:.1em}.b2-publish-hub>header h2{margin:5px 0!important;font-size:30px!important;text-align:left}.b2-publish-hub>header p{margin:0!important;text-align:left;font-size:13px!important}.b2-publish-hub>header>b{padding:9px 13px;border:1px solid #8dd9a5;border-radius:99px;background:#effff3;color:#238557;font:800 10px 'DM Mono',monospace;letter-spacing:.08em}
.b2-share-link{margin-top:28px;padding:21px;border:1px solid #dce3f3;border-radius:17px;background:#f7f8ff}.b2-share-link label,.b2-publish-grid label{display:block;margin-bottom:10px;color:#59698f;font-size:12px;font-weight:750}.b2-share-link>div{display:grid;grid-template-columns:1fr auto auto;gap:10px}.b2-share-link input,.b2-publish-grid input{min-width:0;height:48px;border:1px solid #d6deef;border-radius:11px;background:#fff;padding:0 14px;color:#40527f;font:650 13px Inter,sans-serif}.b2-share-link button,.b2-publish-grid button,.b2-publish-share-row a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:11px;padding:0 18px;background:#334aa2;color:#fff;cursor:pointer;font:750 12px Inter,sans-serif;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.b2-share-link button:hover,.b2-publish-grid button:hover,.b2-publish-share-row a:hover,.b2-publish-pdf button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #34499e28}.b2-share-link button:first-of-type{background:#65b900}
.b2-publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.b2-publish-grid>section{padding:22px;border:1px solid #dce3f3;border-radius:17px;background:#fff}.b2-publish-grid h3{margin:0 0 7px;font-size:18px}.b2-publish-grid p{min-height:38px;margin:0 0 16px!important;text-align:left;font-size:12px!important;line-height:1.55!important}.b2-publish-grid>section:last-child>button{width:100%;height:48px;margin-top:10px}.b2-publish-grid>section:last-child input{width:100%}.b2-publish-share-row{display:flex;gap:17px}.b2-publish-share-row img{width:118px;height:118px;border:8px solid #fff;border-radius:12px;box-shadow:0 0 0 1px #dce3f3}.b2-publish-share-row>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}.b2-publish-share-row button{grid-column:1/-1}.b2-publish-share-row a{min-height:39px;background:#eef1ff;color:#354a91}
.b2-publish-hub>footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #e5e9f3}.b2-publish-hub>footer span{color:#26855f;font-size:12px;font-weight:750}.b2-publish-hub>footer button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:#fff1f3;color:#b44b61;cursor:pointer;font:750 11px Inter,sans-serif}
@media(max-width:680px){.runtime-modal:has(.b2-publish-hub) .modal-card{padding:22px 16px}.b2-publish-hub>header{grid-template-columns:44px 1fr}.b2-publish-hub>header>b{grid-column:2}.b2-share-link>div{grid-template-columns:1fr 1fr}.b2-share-link input{grid-column:1/-1}.b2-publish-grid{grid-template-columns:1fr}}
.b2-publish-pdf{display:grid;grid-template-columns:60px 1fr auto;gap:17px;align-items:center;margin-top:16px;padding:21px 22px;border:1px solid #dce3f3;border-radius:17px;background:linear-gradient(135deg,#fff,#f7f8ff)}
.b2-pdf-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:14px;background:#dc2d32;color:#fff;font:850 12px Inter,sans-serif;box-shadow:0 8px 18px #dc2d3228}
.b2-publish-pdf h3{margin:0 0 6px;font-size:18px}.b2-publish-pdf p{margin:0!important;text-align:left;font-size:12px!important;line-height:1.5!important}
.b2-publish-pdf small{display:block;margin-top:7px;color:#8a6b37;font-size:10px;font-weight:700}
.b2-publish-pdf button{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 19px;border:0;border-radius:11px;background:#65b900;color:#fff;cursor:pointer;font:750 12px Inter,sans-serif;transition:transform .18s ease,box-shadow .18s ease}.b2-publish-pdf button span{font-size:21px;line-height:1}.b2-publish-pdf button:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){.b2-publish-pdf{grid-template-columns:46px 1fr}.b2-publish-pdf button{grid-column:1/-1}}
.b2-public-loading,
.b2-public-success {
  display: grid;
  min-height: 100vh;
  place-items: center;
  text-align: center;
}
.b2-public-success > div {
  max-width: 560px;
  padding: 56px;
  border: 1px solid rgba(87, 98, 180, .18);
  border-radius: 32px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 24px 80px rgba(47, 55, 125, .12);
}
.b2-public-success span { display:inline-grid; width:64px; height:64px; place-items:center; border-radius:50%; background:#dcfaee; color:#148767; font-size:30px; }
.b2-public-success h1 { margin:24px 0 10px; }
.b2-public-success p { color:#7886a9; }
.b2-public-success a { display:inline-block; margin-top:24px; color:#5540d9; font-weight:800; }
.b2-result-file {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid rgba(93, 78, 215, .2);
  border-radius: 14px;
  background: #f7f5ff;
  color: #4939bd;
  font-weight: 750;
  text-decoration: none;
}
.b2-result-file small { color:#8792ad; font-weight:600; }
.b2-logic-settings {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgba(94, 72, 218, .16);
  border-radius: 18px;
  background: linear-gradient(145deg, #f8f6ff, #f2f8ff);
}
.ws-conditional-field[hidden] { display:none !important; }
.ws-conditional-field { display:grid; gap:10px; }
.b2-calculation-note,
.ws-payment-calculation {
  display: block;
  padding: 11px 13px;
  border: 1px solid rgba(91, 63, 214, .14);
  border-radius: 12px;
  background: #f5f3ff;
  color: #5b4ab4;
  font-size: .76rem;
  line-height: 1.45;
}
.b2-option-price {
  position: relative;
  flex: 0 0 76px;
  margin: 0;
}
.b2-option-price > span {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 8px;
  color: #9aa5bd;
  font-size: 7px;
  line-height: 1;
}
.b2-option-price input {
  width: 76px !important;
  height: 34px;
  margin: 0 !important;
  padding: 11px 6px 2px 8px !important;
  font-variant-numeric: tabular-nums;
}
.ws-payment-calculation { margin-top: 10px; }
.b2-response-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 850px;
  margin: 0 auto 16px;
}
.b2-response-metrics article {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(64, 80, 150, .13);
  border-radius: 15px;
  background: rgba(255,255,255,.8);
  box-shadow: 0 8px 22px rgba(65,78,145,.07);
}
.b2-response-metrics span,
.b2-response-metrics small { display:block; overflow:hidden; color:#8491ad; text-overflow:ellipsis; white-space:nowrap; }
.b2-response-metrics span { font:700 8px 'DM Mono',monospace; letter-spacing:.08em; }
.b2-response-metrics strong { display:block; overflow:hidden; margin:8px 0 5px; color:#273a7d; font:750 22px/1.05 Manrope,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.b2-response-metrics small { font-size:9px; }
.b2-result-filters {
  display: grid;
  grid-template-columns: minmax(180px,1fr) 150px auto;
  align-items: center;
  gap: 10px;
  max-width: 850px;
  margin: 0 auto 12px;
}
.b2-result-filters label { position:relative; }
.b2-result-filters label span { position:absolute; top:9px; left:12px; color:#7d89a7; }
.b2-result-filters input,
.b2-result-filters select { width:100%; height:36px; border:1px solid #dce3f2; border-radius:10px; background:#fff; color:#405080; font:600 10px Inter,sans-serif; }
.b2-result-filters input { padding:0 12px 0 32px; }
.b2-result-filters select { padding:0 10px; }
.b2-result-filters > span { color:#8491ad; font:700 9px 'DM Mono',monospace; }
.b2-result-row { display:block; padding:0; }
.b2-result-summary { display:grid; grid-template-columns:180px minmax(0,1fr) 28px; align-items:center; gap:18px; width:100%; padding:17px 19px; border:0; background:transparent; cursor:pointer; text-align:left; }
.b2-result-summary span b,.b2-result-summary span small { display:block; }
.b2-result-summary span b { color:#405080; font-size:11px; }
.b2-result-summary span small { margin-top:5px; color:#9aa6be; font-size:9px; }
.b2-result-summary p { overflow:hidden; margin:0; color:#677794; font-size:10px; line-height:1.6; text-overflow:ellipsis; white-space:nowrap; }
.b2-result-summary i { display:grid; width:26px; height:26px; place-items:center; border:1px solid #dce3f2; border-radius:8px; color:#5e6e99; font-style:normal; }
.b2-result-row.expanded { background:#fbfcff; }
.b2-result-details { padding:0 19px 19px 217px; }
.b2-result-details dl { display:grid; gap:8px; margin:0; }
.b2-result-details dl div { display:grid; grid-template-columns:minmax(120px,.45fr) 1fr; gap:14px; padding:10px 12px; border-radius:9px; background:#f3f5fb; }
.b2-result-details dt { color:#7c89a6; font-size:9px; font-weight:700; }
.b2-result-details dd { margin:0; color:#354675; font-size:10px; overflow-wrap:anywhere; }
@media(max-width:900px){.b2-response-metrics{grid-template-columns:1fr 1fr}.b2-result-summary{grid-template-columns:140px minmax(0,1fr) 28px}.b2-result-details{padding-left:177px}}
@media(max-width:600px){.b2-result-filters{grid-template-columns:1fr}.b2-result-summary{grid-template-columns:1fr 28px}.b2-result-summary p{grid-column:1 / -1;white-space:normal}.b2-result-details{padding:0 14px 16px}.b2-result-details dl div{grid-template-columns:1fr}.b2-response-metrics{grid-template-columns:1fr 1fr}}
.b2-webhook-settings {
  margin-top: 24px;
  padding: 20px 0 4px;
  border-top: 1px solid #e7ebf5;
}
.b2-notification-settings { margin:0 0 18px; padding:18px; border:1px solid #dce3f3; border-radius:14px; background:linear-gradient(145deg,#fff9f2,#f8f7ff); }
.b2-notification-settings h4 { margin-bottom:14px; }
.b2-notification-settings input[type="password"] { font-family:'DM Mono',monospace; font-size:9px; }
.b2-completion-settings {
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid #dce3f3;
  border-radius: 14px;
  background: linear-gradient(145deg,#fff,#f6f8ff);
}
.b2-completion-settings h4 { margin-bottom:14px; }
.b2-completion-settings textarea { min-height:82px; resize:vertical; line-height:1.5; }
.b2-availability-settings {
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid #dce3f3;
  border-radius: 14px;
  background: linear-gradient(145deg,#f1fbff,#f8f7ff);
}
.b2-availability-settings h4 { margin-bottom:14px; }
.b2-availability-settings textarea { min-height:74px; resize:vertical; line-height:1.5; }
.b2-spam-settings {
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid #dce3f3;
  border-radius: 14px;
  background: linear-gradient(145deg,#f5fff9,#f7f8ff);
}
.b2-spam-settings h4 { margin-bottom:14px; }
.b2-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.b2-answer-references { margin:18px 0; padding:16px; border:1px solid #dddff7; border-radius:12px; background:#f8f7ff; }
.b2-answer-references h4 { margin:7px 0 8px; font-size:12px; }
.b2-answer-references p { margin:0 0 12px; color:#7b87a5; font-size:9px; line-height:1.55; }
.b2-answer-references div { display:flex; flex-wrap:wrap; gap:7px; }
.b2-answer-references button { border:1px solid #cdc8f5; border-radius:8px; padding:7px 9px; background:#fff; color:#5846bd; cursor:pointer; font:700 8px Inter,sans-serif; }
.b2-webhook-settings h4 { margin-bottom: 14px; }
.b2-webhook-settings input[type="url"],
.b2-webhook-settings input[type="password"] { font-family:'DM Mono',monospace; font-size:9px; }
.b2-webhook-status {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:10px 12px;
  border-radius:10px;
  background:#f3f5fa;
  color:#8490aa;
  font-size:9px;
  font-weight:700;
}
.b2-webhook-status i { width:7px; height:7px; border-radius:50%; background:#aeb7ca; }
.b2-webhook-status.active { background:#edfbf6; color:#25765d; }
.b2-webhook-status.active i { background:#26bf91; box-shadow:0 0 0 4px rgba(38,191,145,.12); }
