.lbe-on{padding-bottom:64px;position:relative}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-pane.on{display:block}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-rail{display:block}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-prog{display:flex}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-actions{display:flex}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-cols{grid-template-columns:218px minmax(0, 1fr) var(--ls-side-w,330px)}@media (max-width:900px){#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-cols{grid-template-columns:218px minmax(0,1fr)}#modal.lbe-live:has(#cg-edit-panel:not([hidden])) .ls-prog{display:none}}.lbe-on .lb-sec{outline-offset:8px;border-radius:10px;outline:1px dashed #0000;transition:outline-color .15s;position:relative}.lbe-on .lb-sec:hover{outline-color:color-mix(in srgb, var(--accent) 45%, transparent)}.lbe-on [data-lbe-block]{outline-offset:4px;border-radius:8px;outline:1px dashed #0000;transition:outline-color .15s}.lbe-on [data-lbe-block]:hover,.lbe-on [data-lbe-block].lbe-cur{outline-color:color-mix(in srgb, var(--accent) 60%, transparent)}.lbe-on [contenteditable=true]{cursor:text;border-radius:4px}.lbe-on [contenteditable=true]:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.lbe-on [contenteditable=true]:focus{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb, var(--accent) 6%, transparent)}.lbe-on .lb-flip,.lbe-on .lb-copy,.lbe-on .lb-gw-accept,.lbe-on .lb-gw-replay,.lbe-on .lb-cl-chip,.lbe-on .lb-cl-replay,.lbe-on .lb-ring,.lbe-on .lb-link{pointer-events:none}.lbe-tools{z-index:30;background:var(--panel,#fff);border:1px solid var(--line);border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;box-shadow:0 4px 14px #0000002e}.lbe-tools[hidden]{display:none}.lbe-tools button{appearance:none;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.lbe-tools button:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--ink)}.lbe-tools button.lbe-danger:hover{color:#c84040;background:#c83c3c26}.lbe-tools .lbe-grip{cursor:grab}.lbe-tools .lbe-grip:active{cursor:grabbing}.lbe-tools i.ti{font-size:15px}.lbe-secbar{position:absolute;top:-6px;right:0}.lbe-dragging,.lbe-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.lbe-drag-src{opacity:.35}.lbe-dropline{background:var(--accent);z-index:40;pointer-events:none;height:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:2px;position:absolute;left:0;right:0}.lbe-menu{z-index:50;background:var(--panel,#fff);border:1px solid var(--line);border-radius:10px;min-width:180px;max-height:320px;padding:4px;position:absolute;overflow:auto;box-shadow:0 8px 28px #00000040}.lbe-menu button{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13px;display:block}.lbe-menu button:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.lbe-dialog-back{z-index:1000;background:#080c128c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lbe-dialog{background:var(--panel,#fff);width:min(720px,100%);max-height:82vh;color:var(--ink);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 18px 60px #0006}.lbe-dialog h3{margin:0;font-size:14px;font-weight:700}.lbe-dialog textarea{resize:vertical;min-height:260px;color:var(--ink);background:color-mix(in srgb, var(--ovl-c,#888) 4%, transparent);border:1px solid var(--line);border-radius:8px;flex:1;padding:10px;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.lbe-dialog .lbe-err{color:#c84040;min-height:16px;font-size:12.5px}.lbe-dialog-row{justify-content:flex-end;gap:8px;display:flex}.lbe-btn{appearance:none;font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.lbe-btn:hover{border-color:var(--accent)}.lbe-btn.lbe-primary{background:var(--accent);border-color:var(--accent);color:#fff}.lbe-btn.lbe-primary:disabled{opacity:.5;cursor:default}.lbe-btn.lbe-quiet{color:var(--ink-soft);border-color:#0000}.lbe-btn.lbe-quiet:hover{color:var(--ink)}.lbe-bar{z-index:60;background:var(--panel,#fff);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;display:flex;position:sticky;bottom:8px;box-shadow:0 6px 22px #00000038}.lbe-bar .lbe-state{color:var(--ink-soft);align-items:center;gap:6px;margin-right:auto;font-size:12.5px;display:inline-flex}.lbe-bar .lbe-state.lbe-dirty:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.lbe-bar .lbe-state.lbe-bad{color:#c84040}.lbe-addsec{justify-content:center;margin:6px 0;display:flex}.lbe-addsec button{appearance:none;border:1px dashed var(--line);color:var(--ink-soft);font:inherit;cursor:pointer;opacity:.55;background:0 0;border-radius:999px;padding:4px 12px;font-size:12px;transition:opacity .15s}.lbe-addsec button:hover{opacity:1;border-color:var(--accent);color:var(--ink)}@media (max-width:640px){.lbe-bar{flex-wrap:wrap}.lbe-tools{box-shadow:0 2px 8px #0003}}
.lp-flow{white-space:normal}.lp-flow .lp-p{color:var(--lb-txt);max-width:70ch;margin:0 0 15px;font-size:16px;line-height:1.7}.lp-flow .lp-p:last-child{margin-bottom:0}.lp-flow .lp-p b{color:var(--ink)}.lp-flow .lp-lede{color:var(--ink);font-size:17.5px;line-height:1.66}.lp-flow .lp-beat{max-width:70ch;margin:20px 0 0}.lp-flow .lp-beat .lb-eyebrow{margin-bottom:7px}.lp-flow .lp-beat>.lp-p:first-of-type:first-letter,.lp-flow>.lp-p:first-child:first-letter{text-transform:uppercase}.lp-flow .lp-mistake{border-left:2px solid var(--lb-amber-rule);padding-left:15px}.lp-flow .lp-teach{border-left:2px solid color-mix(in srgb,var(--accent) 55%,transparent);padding-left:15px}.lp-flow .lp-takeaway{background:var(--lb-green-bg);border:1px solid color-mix(in srgb,var(--lb-green-rule) 40%,var(--line));border-left:2px solid var(--lb-green-rule);border-radius:var(--r-card);max-width:70ch;margin:18px 0 15px;padding:13px 16px}.lp-flow .lp-takeaway .lb-eyebrow{margin-bottom:6px}.lp-flow .lp-takeaway .lp-p{color:var(--ink);font-size:15.5px}@media (max-width:640px){.lp-flow .lp-p{font-size:15px}.lp-flow .lp-lede{font-size:16px}}
