/* The frame deliberately lives below the shared header. */
@media(min-width:1000px) {
  .studio-shell { --page-frame:min(1264px, calc(100% - 64px)); --editor-frame:min(1536px, calc(100% - 48px)); }
  .studio-shell:is([data-view="dashboard"],[data-view="offers"],[data-view="clients"],[data-view="settings"],[data-view="overview"]) .content-scroll {
    max-width:var(--page-frame); margin-inline:auto;
  }
  .studio-shell[data-view="editor"] :is(.content-scroll,.studio-editor-toolbar) { max-width:var(--editor-frame); margin-inline:auto; }
  .studio-shell[data-view="overview"] .studio-editor-toolbar { max-width:var(--page-frame); }
}
.jl-help { display:inline-grid; place-items:center; vertical-align:middle; margin-inline-start:4px; width:24px; height:24px; padding:0; background:none; border:0; border-radius:50%; cursor:help; color:var(--secondary); font:inherit; }
.jl-help::before { content:"?"; display:grid; place-items:center; width:16px; height:16px; border:1px solid var(--edge); border-radius:50%; font:600 11px/1 var(--font-ui); }
.jl-help:is(:hover,:focus-visible)::before { color:var(--ink); border-color:var(--orange); background:var(--orange-wash); }
.jl-tip { position:fixed; z-index:200; width:max-content; max-width:min(260px,calc(100vw - 20px)); padding:10px 13px; border:0; border-radius:9px; background:var(--ink); box-shadow:var(--header-shadow); color:white; font:500 13px/1.5 var(--font-ui); text-align:left; overflow-wrap:anywhere; animation:jl-tip-in 120ms ease-out; }
.jl-help-label { display:flex; align-items:center; gap:1px; }
.jl-help-label label { margin:0; }
@keyframes jl-tip-in { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .jl-tip { animation:none; } }
.jl-payment { width:min(29rem,calc(100vw - 28px)); max-height:calc(100dvh - 36px); overflow:auto; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius); padding:clamp(20px,4vw,30px); color:var(--ink); background:white; font:inherit; }
.jl-payment::backdrop { background:rgb(23 20 17 / 42%); }
.jl-payment h2 { margin:0 0 4px; font-size:var(--type-section); }
.jl-payment p,.jl-payment dt { color:var(--secondary); font-size:var(--type-label); }
.jl-payment dl { display:grid; gap:12px; }
.jl-payment dt,.jl-payment dd { margin:0; overflow-wrap:anywhere; }
.jl-payment dd { font-weight:var(--weight-control); }
.jl-payment img { display:block; width:min(100%,300px); height:auto; margin:16px auto; background:white; image-rendering:pixelated; }
.jl-payment footer { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.payment-settings { margin:20px 0 0; padding:18px 0 0; border:0; border-top:1px solid var(--line,#dedbd6); min-inline-size:0; }
.payment-settings legend { padding:0 12px 0 0; font-size:1.05rem; font-weight:700; }
.payment-settings small { display:block; color:var(--muted,#635e58); font-size:.82rem; line-height:1.5; }
.payment-settings [hidden] { display:none; }
.payment-toggle { display:flex; align-items:center; gap:.6rem; cursor:pointer; }
.payment-toggle input { width:1.1rem; height:1.1rem; accent-color:var(--orange); }
#paymentSettingsError { margin:.75rem 0 0; color:#924c19; }