.be-top{z-index:60;background:var(--ink);color:#fff;align-items:center;gap:.75rem;padding:.5rem .9rem;font-size:.85rem;display:flex;position:sticky;top:0}.be-top a,.be-top button{color:#fff}.be-top .be-spacer{flex:1}.be-pill{cursor:pointer;border:1px solid #ffffff59;border-radius:3px;padding:.25rem .7rem;font-weight:600}.be-pill:disabled{opacity:.5;cursor:default}.be-canvas{background:#e9e7e3;padding-bottom:30vh}.be-frame{background:var(--bg);min-height:60vh}.be-mobile-wrap{background:#e9e7e3;flex-direction:column;align-items:center;gap:.75rem;min-height:60vh;padding:1.5rem 0 2.5rem;display:flex}.be-mobile-iframe{border:1px solid var(--line);background:var(--bg);border-radius:22px;width:390px;height:780px;max-height:82vh;box-shadow:0 24px 60px -30px #0006}.be-mobile-note{color:var(--ink-2);background:#fff8e6;border-radius:3px;padding:.3rem .7rem;font-size:.78rem}.be-devtoggle{border:1px solid #ffffff59;border-radius:3px;display:inline-flex;overflow:hidden}.be-devtoggle button{color:#ffffffbf;cursor:pointer;padding:.3rem .65rem;font-size:.78rem;font-weight:600}.be-devtoggle button[aria-pressed=true]{color:#fff;background:#ffffff2e}.be-pageselect{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:3px;max-width:160px;padding:.3rem .5rem;font-size:.82rem}.be-pageselect option{color:#111}.be-canvas:not([data-mode=edit]) .be-tools,.be-canvas:not([data-mode=edit]) .be-add{display:none!important}.be-canvas:not([data-mode=edit]) .be-sec:hover{outline-color:#0000}.be-ce{cursor:text;border-radius:3px;outline:none;transition:box-shadow .1s,background .1s}.be-ce:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--walnut) 25%, transparent)}.be-ce:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--walnut) 60%, transparent);background:#ffffff8c}.be-ce[data-empty]:not(:focus):before{content:attr(data-placeholder);opacity:.4;font-style:italic}.be-sec{outline-offset:-1px;outline:1px dashed #0000;transition:outline-color .1s;position:relative}.be-sec:hover{outline-color:var(--walnut)}.be-sec.be-selected{outline:2px solid var(--walnut)}.be-tools{z-index:20;background:var(--ink);border-radius:4px;gap:2px;padding:3px;display:none;position:absolute;top:6px;right:6px}.be-sec:hover .be-tools,.be-sec.be-selected .be-tools{display:flex}.be-tools button{color:#fff;cursor:pointer;border-radius:3px;place-items:center;width:26px;height:26px;font-size:13px;line-height:1;display:grid}.be-tools button:hover{background:#ffffff2e}.be-tools button:disabled{opacity:.35;cursor:default}.be-add{z-index:15;justify-content:center;padding:4px 0;display:flex;position:relative}.be-add button{border:1px dashed var(--walnut);color:var(--walnut);cursor:pointer;opacity:.55;background:#fff;border-radius:3px;padding:.2rem .8rem;font-size:.78rem;font-weight:600;transition:opacity .1s}.be-add:hover button{opacity:1}.be-panel{z-index:70;background:var(--paper);border-left:1px solid var(--line);flex-direction:column;width:340px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 40px -24px #0006}.be-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-weight:600;display:flex}.be-panel-body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex;overflow-y:auto}.be-field label{margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.be-input{border:1px solid var(--line);background:var(--bg);border-radius:3px;outline:none;width:100%;padding:.45rem .6rem;font-size:.85rem}.be-input:focus{border-color:var(--walnut)}.be-addlist{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.be-addlist button{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:4px;padding:.7rem .5rem}.be-addlist button:hover{border-color:var(--walnut);background:var(--panel)}.be-addlist .be-ico{font-size:1.1rem}.be-addlist .be-nm{margin-top:.2rem;font-size:.85rem;font-weight:600;display:block}.be-addlist .be-ds{color:var(--ink-2);font-size:.72rem;display:block}.be-modal-backdrop{z-index:80;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.be-modal{background:var(--paper);border-radius:8px;width:360px;max-width:calc(100vw - 2rem);padding:1.25rem;box-shadow:0 30px 80px -20px #00000080}.be-modal-title{margin:0 0 .4rem;font-size:1rem;font-weight:700}.be-modal-body{color:var(--ink-2);margin:0 0 1rem;font-size:.85rem}.be-modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.be-modal-link{color:var(--ink-2);cursor:pointer;font-size:.8rem;text-decoration:underline}.be-modal-link:hover{color:var(--ink)}.be-pill--save{color:#111;background:#fff;font-weight:700}.be-toast{color:#baf0ba;font-size:.8rem;font-weight:600}.be-choice{text-align:left;background:var(--bg);border:1.5px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.7rem;width:100%;margin-top:.6rem;padding:.75rem .9rem;transition:border-color .12s,background .12s;display:flex}.be-choice:hover:not(:disabled){border-color:var(--walnut)}.be-choice:disabled{opacity:.6;cursor:default}.be-choice--primary{border-color:var(--walnut);background:color-mix(in srgb, var(--walnut) 6%, var(--bg))}.be-choice-check{background:var(--walnut);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:inline-flex}.be-choice-title{color:var(--ink);font-size:.9rem;font-weight:700;display:block}.be-choice-sub{color:var(--ink-2);margin-top:.15rem;font-size:.78rem;display:block}