.be-layout{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(460px,1.35fr);gap:24px;align-items:start}.be-controls{padding:22px}.be-tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line)}.be-tabs .web-tab{font-size:12px;padding:9px 12px;background:#f5f1fa}.be-tabs .active{background:var(--ink);color:white}.be-panel{padding:24px 4px 4px}.be-panel h2{font-size:23px;font-weight:500;letter-spacing:-.5px}.be-intro{color:var(--text-secondary);margin:8px 0 24px}.be-panel h3{font-size:14px;font-weight:500;margin:24px 0 12px}.be-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.be-preset{border:1px solid #ece6f3;border-radius:14px;padding:14px;display:flex;gap:12px;text-align:left;align-items:center;font-size:13px}.be-preset i{height:28px;width:28px;flex-shrink:0;border-radius:50%;border:1px solid #231d2155}.be-preset small,.be-check small,.be-panel .field small{display:block;font-size:12px;font-weight:400;color:var(--text-secondary);margin-top:4px;line-height:1.5}.be-preset.selected,.be-icons .selected{border-color:#9e80d1;background:#f5efff;box-shadow:0 0 0 1px #9e80d1}.be-hint{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:14px 0 24px}.be-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.be-colour{margin-top:9px;border:1px solid #eee6f5;border-radius:10px;padding:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.be-colour input[type=color]{width:26px;height:26px;padding:0;margin:0;border:0}.be-colour code{font:11px Satoshi,sans-serif;color:var(--text-secondary)}.be-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.be-upload{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f7f4fb;border-radius:12px;padding:14px;font-size:13px}.be-upload img{max-width:100px;max-height:45px}.be-upload .web-button{cursor:pointer}.be-panel input[type=range]{accent-color:#a98ad8;border:none;padding:0}.be-panel output{font-size:12px;color:var(--text-secondary)}.be-save-state{font-size:12px;color:var(--text-secondary)}.be-preview{position:sticky;top:20px}.be-segment{display:flex;gap:3px;background:#f3effa;border-radius:99px;padding:4px}.be-segment button{padding:7px 12px;border-radius:99px;font-size:12px;color:var(--text-secondary)}.be-segment .active{background:white;color:var(--ink);box-shadow:0 1px 4px #231d2e0c}.be-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.be-text-button{text-decoration:underline;font-size:12px;color:var(--text-secondary);padding:8px}.be-browser{position:relative;background:#f3effa;border-radius:14px;overflow:hidden;padding:60px 20px 65px;min-height:440px;transition:max-width .2s;max-width:100%;margin:auto}.be-browser.is-mobile{max-width:375px;padding:60px 12px 65px}.be-browser .browser-chrome{top:0;left:0;right:0}.be-browser .skeleton{top:72px;left:25px;right:25px}.be-stage{position:relative;min-height:315px;display:flex;align-items:flex-end;justify-content:flex-end}.be-stage.left{justify-content:flex-start}.be-stage.center{align-items:center;justify-content:center}.be-stage.corner .be-consent,.be-stage.center .be-consent{max-width:370px}.be-consent{background:var(--banner-bg);color:var(--banner-ink);padding:22px}.be-consent h3{color:inherit}.be-consent p{color:inherit;opacity:.72}.be-consent .consent-buttons button{background:var(--banner-accent);color:var(--button-ink);border-radius:99px;min-height:40px}.be-consent .be-text-button{color:inherit;opacity:.75;margin-top:6px}.be-logo{max-width:110px;max-height:45px;object-fit:contain;display:block;margin-bottom:18px}.be-credit{display:block;text-align:center;font-size:10px;opacity:.65;margin-top:12px}.be-languages{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}.be-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;padding:12px 0;cursor:pointer}.be-check input{accent-color:#a98ad8;width:17px;height:17px;flex-shrink:0;margin-top:3px}.be-check input:disabled{cursor:default}.be-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.be-icons button{border:1px solid #ede6f4;border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px}.be-icons img,.be-icons svg{height:34px;width:34px;object-fit:contain}.be-glyph{font-size:30px;line-height:34px}.be-reopen{position:absolute;bottom:12px;left:16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 8px #231d2e16}.be-reopen img{width:36px;height:36px;object-fit:contain}.be-reopen svg{width:23px;height:23px}.be-pref{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #9987a533}.be-pref strong{font-size:13px;font-weight:500}.be-pref small{display:block;font-size:11px;opacity:.7;line-height:1.5}.be-preference-list{margin:12px 0 20px}.be-dismissed{margin:auto;position:relative;text-align:center;font-size:13px;color:var(--text-secondary)}.be-dismissed button{display:block;margin:16px auto}.be-warning{font-size:12px;background:#fff3dd;border-radius:10px;padding:12px;margin-top:12px}.be-preview>.muted-note{margin-top:18px}.be-panel textarea{min-height:125px}.be-browser.is-mobile .consent-buttons{flex-wrap:wrap}.be-browser.is-mobile .consent-buttons button{min-width:110px}
@media(max-width:1150px){.be-layout{grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr)}.be-preview{padding:20px}.be-colours{grid-template-columns:1fr}.be-colour{flex-wrap:nowrap}.be-colours .field{margin-bottom:10px}}
@media(max-width:850px){.be-layout{grid-template-columns:1fr}.be-preview{position:static}.be-colours{grid-template-columns:repeat(3,1fr)}.be-preview .card-head{flex-wrap:wrap}.be-save-state{width:100%}}
@media(max-width:420px){.be-presets,.be-two{grid-template-columns:1fr}.be-colours{grid-template-columns:1fr}.be-preview{padding:16px}.be-browser{padding-left:10px;padding-right:10px}.be-consent{padding:18px}.be-segment button{padding:7px 9px}}
/* Interaction refinements; retain the established visual layout. */
.web-app button:disabled{cursor:default;opacity:.45}
.be-preview-toolbar{flex-wrap:wrap}
.be-preview-language{font-size:12px;min-height:34px;max-width:150px;margin-left:auto;background-color:#fff}
.be-upload button:focus-visible,.be-tabs button:focus-visible,.be-preset:focus-visible,.be-icons button:focus-visible{outline:2px solid #8b6fe8;outline-offset:3px}
.be-panel select:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.be-preview-toolbar{gap:10px}.be-preview-language{max-width:140px}.be-preview-toolbar>.be-text-button{margin-left:auto}}
.be-panel h2{font-size:25px}