/* PDFBEAR Forms visual design system. Each theme changes the complete composition,
   while --accent remains editable so owners can match their brand. */
.pf-page {
  --pf-bg:#f3f6ff;
  --pf-card:#fff;
  --pf-ink:#17213a;
  --pf-muted:#697386;
  --pf-line:#e5e9f1;
  --pf-radius:20px;
  --pf-control-radius:9px;
  --pf-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pf-shadow:0 22px 70px rgba(23,38,77,.13);
  background:var(--pf-background,var(--pf-bg));
  background-position:var(--pf-background-position,center);
  background-size:cover;
  background-repeat:no-repeat;
  color:var(--pf-ink);
  font-family:var(--pf-font);
}
.pf-page .pf-card { border:1px solid var(--pf-line); border-radius:var(--pf-radius); background:var(--pf-card); box-shadow:var(--pf-shadow); }
.pf-page .pf-head { border-color:var(--pf-line); }
.pf-page .pf-head h1,.pf-page .pf-section-heading,.pf-page .pf-field label,.pf-page .pf-legend { color:var(--pf-ink); }
.pf-page .pf-head p,.pf-page .pf-section-copy,.pf-page .pf-help { color:var(--pf-muted); }
.pf-page .pf-control,.pf-page .pf-option,.pf-page .pf-scale span { border-color:var(--pf-line); border-radius:var(--pf-control-radius); background:var(--pf-card); color:var(--pf-ink); }
.pf-page .pf-submit { border-radius:var(--pf-control-radius); }

/* Optional page backgrounds are separate from the form design. The card always
   retains its theme surface so uploaded photography cannot reduce text contrast. */
.pf-background-none { --pf-background:var(--pf-bg); }
.pf-background-paper { --pf-background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),repeating-linear-gradient(0deg,transparent 0 31px,#cbd5e1 32px),repeating-linear-gradient(90deg,transparent 0 31px,#dbe3ef 32px),#eef2f7; }
.pf-background-ocean { --pf-background:radial-gradient(circle at 15% 20%,rgba(93,220,255,.72),transparent 30%),radial-gradient(circle at 85% 75%,rgba(99,102,241,.5),transparent 34%),linear-gradient(145deg,#063a5c,#0d7183 55%,#b5eef0); }
.pf-background-sunset { --pf-background:radial-gradient(circle at 78% 18%,rgba(255,222,130,.95),transparent 26%),radial-gradient(circle at 15% 80%,rgba(122,76,204,.72),transparent 33%),linear-gradient(135deg,#f18774,#d65483 48%,#613d8f); }
.pf-background-botanical { --pf-background:radial-gradient(ellipse at 0 0,rgba(75,127,87,.82) 0 20%,transparent 21%),radial-gradient(ellipse at 100% 100%,rgba(126,169,117,.78) 0 24%,transparent 25%),linear-gradient(145deg,#dcead8,#f5f0df 58%,#b9d2bd); }
.pf-background-confetti { --pf-background:linear-gradient(25deg,transparent 45%,rgba(255,91,127,.7) 46% 51%,transparent 52%),linear-gradient(145deg,transparent 45%,rgba(38,188,167,.55) 46% 51%,transparent 52%),radial-gradient(circle at 14% 18%,#ffd84f 0 3%,transparent 3.3%),radial-gradient(circle at 88% 23%,#7657e8 0 3.2%,transparent 3.5%),radial-gradient(circle at 79% 84%,#ff7f50 0 4%,transparent 4.3%),#fff4dc; }
.pf-background-linen { --pf-background:repeating-linear-gradient(90deg,rgba(128,91,55,.035) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(128,91,55,.025) 0 1px,transparent 1px 4px),linear-gradient(135deg,#efe1cc,#fffaf0 52%,#e8d5bb); }
.pf-background-midnight { --pf-background:radial-gradient(circle at 20% 15%,rgba(67,97,238,.56),transparent 27%),radial-gradient(circle at 85% 80%,rgba(0,205,180,.25),transparent 30%),linear-gradient(150deg,#070d1b,#111f3b 58%,#09121f); }
.pf-overlay-light { --pf-upload-overlay:rgba(9,18,35,.08); }
.pf-overlay-balanced { --pf-upload-overlay:rgba(9,18,35,.24); }
.pf-overlay-strong { --pf-upload-overlay:rgba(9,18,35,.42); }
.pf-background-custom { --pf-background:linear-gradient(var(--pf-upload-overlay),var(--pf-upload-overlay)),var(--pf-uploaded-background),var(--pf-bg); }
.pf-position-center { --pf-background-position:center; }
.pf-position-top { --pf-background-position:center top; }
.pf-position-bottom { --pf-background-position:center bottom; }

.pf-theme-professional { --pf-bg:linear-gradient(145deg,#eef3ff,#f8fafc 65%); --pf-ink:#17213a; --pf-muted:#647087; --pf-line:#dbe2ee; --pf-radius:18px; --pf-control-radius:8px; --pf-shadow:0 20px 55px rgba(30,58,110,.12); }
.pf-theme-professional .pf-head { background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 6%,white),#fff); }

.pf-theme-playful { --pf-bg:radial-gradient(circle at 8% 12%,#ffe08a 0 8%,transparent 9%),radial-gradient(circle at 92% 15%,#ffb4cf 0 10%,transparent 11%),radial-gradient(circle at 88% 88%,#9ee7df 0 12%,transparent 13%),#f8f1ff; --pf-ink:#35234d; --pf-muted:#735f82; --pf-line:#e8d9f2; --pf-radius:30px; --pf-control-radius:16px; --pf-shadow:0 24px 0 rgba(88,50,125,.11); --pf-font:"Trebuchet MS",Inter,sans-serif; }
.pf-theme-playful .pf-band { height:13px; background:linear-gradient(90deg,var(--accent),#ff5e8a,#ffc857,#35c4b5); }
.pf-theme-playful .pf-submit { box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 70%,#301b47); font-size:1rem; }
.pf-theme-playful .pf-head h1 { letter-spacing:-.02em; }

.pf-theme-minimal { --pf-bg:#f7f7f5; --pf-ink:#111; --pf-muted:#686868; --pf-line:#d8d8d4; --pf-radius:2px; --pf-control-radius:2px; --pf-shadow:0 8px 30px rgba(0,0,0,.07); }
.pf-theme-minimal .pf-band { height:3px; }
.pf-theme-minimal .pf-head h1 { font-weight:650; letter-spacing:-.02em; }
.pf-theme-minimal .pf-field { margin-bottom:30px; }
.pf-theme-minimal .pf-submit { text-transform:uppercase; letter-spacing:.09em; font-size:.78rem; }

.pf-theme-elegant { --pf-bg:linear-gradient(135deg,#efe8dc,#faf7f1); --pf-card:#fffdf8; --pf-ink:#342d24; --pf-muted:#786e61; --pf-line:#ded3c2; --pf-radius:8px; --pf-control-radius:3px; --pf-shadow:0 25px 70px rgba(75,57,32,.13); --pf-font:Georgia,"Times New Roman",serif; }
.pf-theme-elegant .pf-band { height:5px; }
.pf-theme-elegant .pf-head { text-align:center; padding-block:45px; }
.pf-theme-elegant .pf-head h1 { font-weight:500; letter-spacing:-.015em; }
.pf-theme-elegant .pf-submit { letter-spacing:.04em; }

.pf-theme-friendly { --pf-bg:linear-gradient(145deg,#fff2ec,#fffaf4 55%,#f2f9ff); --pf-ink:#3c2f36; --pf-muted:#79676d; --pf-line:#eeded7; --pf-radius:28px; --pf-control-radius:14px; --pf-shadow:0 22px 60px rgba(123,73,54,.12); }
.pf-theme-friendly .pf-head { background:#fffaf7; }
.pf-theme-friendly .pf-option:hover { background:#fff6f1; border-color:var(--accent); }

.pf-theme-modern { --pf-bg:linear-gradient(135deg,#dfe7ff,#eee7ff 52%,#e5fbff); --pf-ink:#161a32; --pf-muted:#656a82; --pf-line:#dde0ee; --pf-radius:24px; --pf-control-radius:11px; --pf-shadow:0 28px 80px rgba(61,52,135,.18); }
.pf-theme-modern .pf-band { height:10px; background:linear-gradient(90deg,var(--accent),#8b5cf6,#06b6d4); }
.pf-theme-modern .pf-card { backdrop-filter:blur(14px); }
.pf-theme-modern .pf-submit { background:linear-gradient(100deg,var(--accent),#7c3aed); }

.pf-theme-botanical { --pf-bg:radial-gradient(circle at 0 0,#d9eadb 0 16%,transparent 17%),radial-gradient(circle at 100% 100%,#d3e7dc 0 18%,transparent 19%),#f4f1e9; --pf-card:#fffef9; --pf-ink:#233a2f; --pf-muted:#64756c; --pf-line:#d8e0d9; --pf-radius:18px; --pf-control-radius:10px; --pf-shadow:0 20px 55px rgba(45,82,63,.13); --pf-font:Georgia,Inter,serif; }
.pf-theme-botanical .pf-head { border-bottom:1px solid #d9e4da; }
.pf-theme-botanical .pf-section-heading:before { content:"✦ "; color:var(--accent); }

.pf-theme-luxury { --pf-bg:linear-gradient(140deg,#141310,#28231b); --pf-card:#1e1c18; --pf-ink:#f7f1e5; --pf-muted:#bdb29f; --pf-line:#4a4236; --pf-radius:5px; --pf-control-radius:2px; --pf-shadow:0 30px 90px rgba(0,0,0,.4); --pf-font:Georgia,"Times New Roman",serif; }
.pf-theme-luxury .pf-band { height:4px; background:linear-gradient(90deg,#70562e,var(--accent),#70562e); }
.pf-theme-luxury .pf-control,.pf-theme-luxury .pf-option,.pf-theme-luxury .pf-scale span { background:#27241f; }
.pf-theme-luxury .pf-submit { color:#17130e!important; background:var(--accent); letter-spacing:.08em; text-transform:uppercase; }

.pf-theme-creative { --pf-bg:linear-gradient(120deg,#ffe7d7 0 34%,#e6ddff 34% 68%,#dff6f0 68%); --pf-ink:#2d2540; --pf-muted:#716681; --pf-line:#e3dced; --pf-radius:12px 36px 12px 36px; --pf-control-radius:9px; --pf-shadow:18px 18px 0 rgba(64,44,91,.13); }
.pf-theme-creative .pf-band { height:12px; background:linear-gradient(90deg,var(--accent) 0 33%,#7c3aed 33% 66%,#149c8c 66%); }
.pf-theme-creative .pf-head h1 { max-width:570px; }

.pf-theme-calm { --pf-bg:linear-gradient(180deg,#e8f5fa,#f8fbfc); --pf-card:#fff; --pf-ink:#193b4a; --pf-muted:#66818c; --pf-line:#d7e8ee; --pf-radius:24px; --pf-control-radius:13px; --pf-shadow:0 22px 60px rgba(35,105,130,.12); }
.pf-theme-calm .pf-head { text-align:center; background:linear-gradient(180deg,#f2fbfd,#fff); }
.pf-theme-calm .pf-band { background:linear-gradient(90deg,#7dd3c7,var(--accent),#84c5e2); }

.pf-theme-bold { --pf-bg:linear-gradient(135deg,var(--accent) 0 28%,#ffe75a 28% 48%,#f3f4f6 48%); --pf-ink:#121212; --pf-muted:#555; --pf-line:#171717; --pf-radius:0; --pf-control-radius:0; --pf-shadow:12px 12px 0 #171717; }
.pf-theme-bold .pf-card { border-width:3px; }
.pf-theme-bold .pf-band { height:14px; background:#171717; }
.pf-theme-bold .pf-head { border-width:3px; }
.pf-theme-bold .pf-head h1 { text-transform:uppercase; font-weight:950; }
.pf-theme-bold .pf-control,.pf-theme-bold .pf-option { border-width:2px; }
.pf-theme-bold .pf-submit { border:3px solid #171717; background:var(--accent); box-shadow:5px 5px 0 #171717; }

.pf-theme-midnight { --pf-bg:radial-gradient(circle at 50% -10%,#243b64,#080d18 55%); --pf-card:#101827; --pf-ink:#edf5ff; --pf-muted:#9eacc2; --pf-line:#2a3850; --pf-radius:20px; --pf-control-radius:10px; --pf-shadow:0 30px 90px rgba(0,0,0,.46); }
.pf-theme-midnight .pf-control,.pf-theme-midnight .pf-option,.pf-theme-midnight .pf-scale span { background:#172235; }
.pf-theme-midnight .pf-head { background:linear-gradient(135deg,rgba(125,211,252,.08),transparent); }
.pf-theme-midnight .pf-submit { color:#07111e!important; }

.pf-surface-plain { --pf-bg:#fff; --pf-shadow:0 8px 30px rgba(25,35,55,.08); }
.pf-surface-bold .pf-band { height:16px; }
.pf-surface-bold .pf-submit { padding-block:17px; font-size:1rem; }

/* Structural layouts — these deliberately change composition, not just decoration. */
.pf-theme-professional .pf-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr); gap:28px; align-items:end; }
.pf-theme-professional .pf-head p { margin:0; padding-left:22px; border-left:3px solid var(--accent); }

.pf-theme-playful .pf-card { width:min(840px,100%); }
.pf-theme-playful .pf-form { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.pf-theme-playful .pf-field { margin:0; padding:18px; border:1px solid #eadcf2; border-radius:18px; background:rgba(255,255,255,.72); }
.pf-theme-playful .pf-content-field,.pf-theme-playful .pf-submit,.pf-theme-playful .pf-rate { grid-column:1/-1; }
.pf-theme-playful .pf-field:has(textarea),.pf-theme-playful .pf-field:has(.pf-options) { grid-column:1/-1; }

.pf-theme-minimal .pf-card { width:min(620px,100%); border:0; background:transparent; box-shadow:none; }
.pf-theme-minimal .pf-head { padding-inline:0; border-bottom:2px solid #111; }
.pf-theme-minimal .pf-form { padding-inline:0; }
.pf-theme-minimal .pf-field label,.pf-theme-minimal .pf-legend { font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; }
.pf-theme-minimal .pf-control { border-width:0 0 1px; padding-inline:2px; }

.pf-theme-elegant .pf-card { width:min(690px,100%); padding:12px; outline:1px solid color-mix(in srgb,var(--accent) 45%,#ded3c2); outline-offset:-12px; }
.pf-theme-elegant .pf-form { padding:34px 54px 48px; }

.pf-theme-friendly .pf-card { display:grid; grid-template-columns:minmax(230px,.78fr) minmax(0,1.35fr); width:min(980px,100%); }
.pf-theme-friendly .pf-band { grid-column:1/-1; }
.pf-theme-friendly .pf-head { grid-column:1; grid-row:2/4; display:flex; flex-direction:column; justify-content:center; min-height:500px; border:0; border-right:1px solid var(--pf-line); background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 13%,white),#fff8f3); }
.pf-theme-friendly .pf-progress { grid-column:2; grid-row:2; }
.pf-theme-friendly .pf-form { grid-column:2; grid-row:3; }
.pf-theme-friendly .pf-success { grid-column:1/-1; }

.pf-theme-modern .pf-card { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr); width:min(1050px,100%); overflow:hidden; }
.pf-theme-modern .pf-band { display:none; }
.pf-theme-modern .pf-head { grid-column:1; grid-row:1/3; display:flex; flex-direction:column; justify-content:flex-end; min-height:620px; padding:54px 42px; border:0; background:linear-gradient(150deg,var(--accent),#7c3aed 62%,#06b6d4); }
.pf-theme-modern .pf-head h1,.pf-theme-modern .pf-head p { color:#fff; }
.pf-theme-modern .pf-head:before { content:"✦"; margin-bottom:auto; color:rgba(255,255,255,.72); font-size:2.2rem; }
.pf-theme-modern .pf-progress { grid-column:2; grid-row:1; }
.pf-theme-modern .pf-form { grid-column:2; grid-row:2; align-self:center; }
.pf-theme-modern .pf-success { grid-column:1/-1; }

.pf-theme-botanical .pf-card { display:grid; grid-template-columns:300px minmax(0,1fr); width:min(940px,100%); overflow:visible; }
.pf-theme-botanical .pf-band { position:absolute; width:0; height:0; }
.pf-theme-botanical .pf-head { grid-column:1; grid-row:1/3; align-self:start; margin:28px 0 28px -35px; padding:44px 34px; border:1px solid #cbd8cc; border-radius:8px; background:#edf2e9; box-shadow:10px 12px 0 rgba(57,115,92,.12); }
.pf-theme-botanical .pf-head:before { content:"❦"; display:block; margin-bottom:24px; color:var(--accent); font-size:2rem; }
.pf-theme-botanical .pf-progress { grid-column:2; }
.pf-theme-botanical .pf-form { grid-column:2; }
.pf-theme-botanical .pf-success { grid-column:1/-1; }

.pf-theme-luxury .pf-card { width:min(940px,100%); }
.pf-theme-luxury .pf-head { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; padding:50px 58px; }
.pf-theme-luxury .pf-head p { margin:0; }
.pf-theme-luxury .pf-form { display:grid; grid-template-columns:1fr 1fr; gap:8px 30px; padding:42px 58px 55px; }
.pf-theme-luxury .pf-field { margin-bottom:22px; }
.pf-theme-luxury .pf-content-field,.pf-theme-luxury .pf-field:has(textarea),.pf-theme-luxury .pf-field:has(.pf-options),.pf-theme-luxury .pf-submit,.pf-theme-luxury .pf-rate { grid-column:1/-1; }

.pf-theme-creative .pf-card { width:min(960px,100%); }
.pf-theme-creative .pf-head { width:72%; border-right:1px solid var(--pf-line); }
.pf-theme-creative .pf-form { display:grid; grid-template-columns:repeat(12,1fr); gap:12px 20px; }
.pf-theme-creative .pf-field { grid-column:span 7; margin:0; padding:17px; border:1px solid #e6deed; border-radius:8px 22px 8px 22px; background:rgba(255,255,255,.78); }
.pf-theme-creative .pf-field:nth-of-type(even) { grid-column:span 5; transform:translateY(-8px); }
.pf-theme-creative .pf-content-field,.pf-theme-creative .pf-field:has(textarea),.pf-theme-creative .pf-field:has(.pf-options),.pf-theme-creative .pf-submit,.pf-theme-creative .pf-rate { grid-column:1/-1; transform:none; }

.pf-theme-calm .pf-card { width:min(620px,100%); }
.pf-theme-calm .pf-form { padding:42px 54px 54px; }
.pf-theme-calm .pf-field { margin-bottom:28px; }
.pf-theme-calm .pf-option { border:0; background:#f1f8fa; }
.pf-theme-calm .pf-control { padding:15px; }

.pf-theme-bold .pf-card { width:min(1000px,100%); }
.pf-theme-bold .pf-head { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr); gap:30px; align-items:end; padding:52px; border-bottom:3px solid #171717; }
.pf-theme-bold .pf-head h1 { font-size:clamp(2.7rem,6vw,5rem); line-height:.9; }
.pf-theme-bold .pf-head p { margin:0; padding:18px; border:3px solid #171717; background:#ffe75a; color:#171717; font-weight:750; }
.pf-theme-bold .pf-form { display:grid; grid-template-columns:1fr 1fr; gap:4px 28px; padding:45px 52px 55px; }
.pf-theme-bold .pf-content-field,.pf-theme-bold .pf-field:has(textarea),.pf-theme-bold .pf-field:has(.pf-options),.pf-theme-bold .pf-submit,.pf-theme-bold .pf-rate { grid-column:1/-1; }

.pf-theme-midnight .pf-card { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(0,1.4fr); width:min(1040px,100%); }
.pf-theme-midnight .pf-band { grid-column:1/-1; }
.pf-theme-midnight .pf-head { grid-column:1; grid-row:2/4; display:flex; flex-direction:column; justify-content:center; border:0; border-right:1px solid var(--pf-line); }
.pf-theme-midnight .pf-head:after { content:""; width:80px; height:2px; margin-top:28px; background:var(--accent); box-shadow:0 0 18px var(--accent); }
.pf-theme-midnight .pf-progress { grid-column:2; }
.pf-theme-midnight .pf-form { grid-column:2; }
.pf-theme-midnight .pf-field { padding:14px; border:1px solid #24334b; border-radius:10px; background:rgba(255,255,255,.018); }
.pf-theme-midnight .pf-success { grid-column:1/-1; }

@media(max-width:760px) {
  .pf-page { background-attachment:scroll; }
  .pf-theme-professional .pf-head,.pf-theme-luxury .pf-head,.pf-theme-bold .pf-head { display:block; }
  .pf-theme-professional .pf-head p { margin-top:14px; padding:0; border:0; }
  .pf-theme-friendly .pf-card,.pf-theme-modern .pf-card,.pf-theme-botanical .pf-card,.pf-theme-midnight .pf-card { display:block; }
  .pf-theme-friendly .pf-head,.pf-theme-modern .pf-head,.pf-theme-botanical .pf-head,.pf-theme-midnight .pf-head { display:block; min-height:0; margin:0; padding:30px 24px; border:0; border-bottom:1px solid var(--pf-line); border-radius:0; box-shadow:none; }
  .pf-theme-modern .pf-head:before { margin-bottom:20px; }
  .pf-theme-playful .pf-form,.pf-theme-luxury .pf-form,.pf-theme-bold .pf-form,.pf-theme-creative .pf-form { display:block; padding:27px 20px; }
  .pf-theme-playful .pf-field,.pf-theme-luxury .pf-field,.pf-theme-bold .pf-field,.pf-theme-creative .pf-field { margin-bottom:20px; transform:none; }
  .pf-theme-elegant .pf-form,.pf-theme-calm .pf-form { padding:28px 22px 38px; }
  .pf-theme-creative .pf-head { width:auto; }
  .pf-theme-bold .pf-head h1 { font-size:2.6rem; }
}

/* Design picker in the editor. */
.fbe-theme-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:20px; }
.fbe-theme-card { position:relative; display:grid; grid-template-columns:74px 1fr; gap:11px; align-items:center; padding:10px; border:1px solid #dfe3eb; border-radius:12px; background:#fff; color:#263149; text-align:left; cursor:pointer; }
.fbe-theme-card:hover { border-color:#9bacdf; transform:translateY(-1px); }
.fbe-theme-card.is-active { border-color:#3157d5; box-shadow:0 0 0 2px rgba(49,87,213,.13); }
.fbe-theme-card>span>b { display:block; font-size:.8rem; }
.fbe-theme-card small { display:block; margin-top:2px; color:#7a8494; font-size:.64rem; line-height:1.25; }
.fbe-theme-preview { position:relative; display:block; height:58px; overflow:hidden; border-radius:7px; background:var(--tp-bg,#eef2ff); box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }
.fbe-theme-preview i { display:block; height:5px; background:var(--tp-accent,#3157d5); }
.fbe-theme-preview b,.fbe-theme-preview em { display:block; height:5px; margin:9px 9px 0; border-radius:3px; background:var(--tp-ink,#344054); }
.fbe-theme-preview em { width:55%; margin-top:5px; background:var(--tp-muted,#aab2c0); }
.fbe-theme-preview strong { display:block; height:13px; margin:8px 9px; border:1px solid var(--tp-line,#d8dde7); border-radius:3px; background:var(--tp-card,#fff); }
.fbe-theme-check { position:absolute; top:7px; right:7px; display:none; width:18px; height:18px; place-items:center; border-radius:50%; background:#3157d5; color:#fff; font-size:.58rem; }
.fbe-theme-card.is-active .fbe-theme-check { display:grid; }
.fbe-theme-card--playful { --tp-bg:#f8eaff;--tp-accent:linear-gradient(90deg,#7c3aed,#ff5e8a,#ffc857); }
.fbe-theme-card--minimal { --tp-bg:#f7f7f5;--tp-accent:#111;--tp-ink:#111; }
.fbe-theme-card--elegant { --tp-bg:#f3ecdf;--tp-accent:#8a6737;--tp-ink:#493d2e; }
.fbe-theme-card--friendly { --tp-bg:#fff1e9;--tp-accent:#e04d3f; }
.fbe-theme-card--modern { --tp-bg:linear-gradient(135deg,#e1e8ff,#eee5ff);--tp-accent:linear-gradient(90deg,#4f46e5,#8b5cf6,#06b6d4); }
.fbe-theme-card--botanical { --tp-bg:#edf1e7;--tp-accent:#39735c;--tp-ink:#233a2f; }
.fbe-theme-card--luxury { --tp-bg:#1e1c18;--tp-card:#27241f;--tp-accent:#b38a46;--tp-ink:#eee5d5;--tp-muted:#9e9483;--tp-line:#4a4236; }
.fbe-theme-card--creative { --tp-bg:linear-gradient(120deg,#ffe7d7,#e6ddff);--tp-accent:linear-gradient(90deg,#e45d2f,#7c3aed,#149c8c); }
.fbe-theme-card--calm { --tp-bg:#e8f5fa;--tp-accent:#277da1;--tp-ink:#193b4a; }
.fbe-theme-card--bold { --tp-bg:#ffe75a;--tp-accent:#d62f45;--tp-line:#111; }
.fbe-theme-card--midnight { --tp-bg:#101827;--tp-card:#172235;--tp-accent:#7dd3fc;--tp-ink:#edf5ff;--tp-muted:#8493aa;--tp-line:#2a3850; }
.fbe-theme-card--playful .fbe-theme-preview strong { border-radius:8px; box-shadow:8px 0 0 #ffe18b; }
.fbe-theme-card--minimal .fbe-theme-preview i { height:2px; }
.fbe-theme-card--minimal .fbe-theme-preview strong { border-width:0 0 1px; }
.fbe-theme-card--elegant .fbe-theme-preview { padding-inline:7px; }
.fbe-theme-card--elegant .fbe-theme-preview b,.fbe-theme-card--elegant .fbe-theme-preview em { margin-inline:auto; }
.fbe-theme-card--friendly .fbe-theme-preview i,.fbe-theme-card--modern .fbe-theme-preview i,.fbe-theme-card--midnight .fbe-theme-preview i { float:left; width:32%; height:100%; }
.fbe-theme-card--friendly .fbe-theme-preview b,.fbe-theme-card--friendly .fbe-theme-preview em,.fbe-theme-card--friendly .fbe-theme-preview strong,.fbe-theme-card--modern .fbe-theme-preview b,.fbe-theme-card--modern .fbe-theme-preview em,.fbe-theme-card--modern .fbe-theme-preview strong,.fbe-theme-card--midnight .fbe-theme-preview b,.fbe-theme-card--midnight .fbe-theme-preview em,.fbe-theme-card--midnight .fbe-theme-preview strong { margin-left:39%; }
.fbe-theme-card--botanical .fbe-theme-preview b { width:35%; height:30px; float:left; }
.fbe-theme-card--botanical .fbe-theme-preview em,.fbe-theme-card--botanical .fbe-theme-preview strong { margin-left:48%; }
.fbe-theme-card--luxury .fbe-theme-preview strong { width:35%; display:inline-block; margin-right:0; }
.fbe-theme-card--creative .fbe-theme-preview strong { width:45%; transform:translateX(23px) rotate(-2deg); border-radius:2px 8px; }
.fbe-theme-card--calm .fbe-theme-preview { border-radius:14px; }
.fbe-theme-card--bold .fbe-theme-preview { border:2px solid #111; border-radius:0; box-shadow:3px 3px 0 #111; }
.fbe-theme-card--bold .fbe-theme-preview strong { border:2px solid #111; border-radius:0; }
.fbe-theme-customize { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:22px; padding-top:20px; border-top:1px solid #e4e7ec; }

/* Fast in-canvas cues; the Preview button renders the exact public design. */
.fbe-page[class*="fbe-design-"] { transition:background .2s,border-radius .2s; }
.fbe-design-playful { border-radius:28px; background:#fffafd; box-shadow:14px 14px 0 rgba(88,50,125,.1); }
.fbe-design-playful .fbe-page-band { background:linear-gradient(90deg,var(--accent),#ff5e8a,#ffc857,#35c4b5); }
.fbe-design-minimal { border-radius:2px; }
.fbe-design-minimal .fbe-page-band { height:3px; }
.fbe-design-elegant { border-radius:8px; background:#fffdf8; font-family:Georgia,serif; }
.fbe-design-friendly { border-radius:28px; }
.fbe-design-modern .fbe-page-band { background:linear-gradient(90deg,var(--accent),#8b5cf6,#06b6d4); }
.fbe-design-botanical { background:#fffef9; font-family:Georgia,serif; }
.fbe-design-luxury,.fbe-design-midnight { background:#151923; color:#edf5ff; }
.fbe-design-luxury .fbe-title-input,.fbe-design-luxury .fbe-desc-input,.fbe-design-midnight .fbe-title-input,.fbe-design-midnight .fbe-desc-input,.fbe-design-luxury .fbe-field-label,.fbe-design-midnight .fbe-field-label { color:#edf5ff; }
.fbe-design-creative { border-radius:12px 36px 12px 36px; box-shadow:14px 14px 0 rgba(64,44,91,.12); }
.fbe-design-calm { border-radius:24px; }
.fbe-design-bold { border:3px solid #171717; border-radius:0; box-shadow:10px 10px 0 #171717; }

@media(max-width:720px) {
  .fbe-theme-grid { grid-template-columns:1fr 1fr; }
  .fbe-theme-card { grid-template-columns:60px 1fr; }
  .fbe-theme-customize { grid-template-columns:1fr; }
}