.btp-switch{border:0;margin:0;padding:0}.btp-switch__legend{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:10px;padding:0}.btp-switch__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btp-switch__tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin-bottom:18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px}.btp-switch__tab{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#334155;font-size:.78rem;font-weight:700;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);-webkit-tap-highlight-color:transparent}.btp-switch__tab:hover{background:rgba(255,255,255,.65)}#btp-inserted:checked~.btp-switch__tabs [for="btp-inserted"],#btp-synced:checked~.btp-switch__tabs [for="btp-synced"]{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.08)}.btp-switch__input:focus-visible~.btp-switch__tabs .btp-switch__tab[for]{outline:none}#btp-inserted:focus-visible~.btp-switch__tabs [for="btp-inserted"],#btp-synced:focus-visible~.btp-switch__tabs [for="btp-synced"]{outline:2px solid var(--teal);outline-offset:2px}.btp-stage{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}@media (min-width:860px){.btp-stage{grid-template-columns:1.05fr 1fr;gap:18px}}.btp-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -16px rgba(15,23,42,.18);min-width:0}.btp-editor__chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid #e2e8f0}.btp-editor__dots{display:inline-flex;gap:5px;flex-shrink:0}.btp-editor__dots span{width:9px;height:9px;border-radius:50%}.btp-editor__dots span:nth-child(1){background:#fda4af}.btp-editor__dots span:nth-child(2){background:#fcd34d}.btp-editor__dots span:nth-child(3){background:#86efac}.btp-editor__title{flex:1;text-align:center;font-size:.74rem;font-weight:600;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btp-editor__publish{flex-shrink:0;font-size:.68rem;font-weight:700;color:#fff;background:#0f172a;border-radius:5px;padding:4px 10px;line-height:1.4}.btp-editor__canvas{padding:16px 18px 20px;display:grid;gap:4px}.btp-blk{position:relative;padding:9px 12px;border-radius:7px;border:1px solid transparent;transition:border-color .18s var(--ease),background .18s var(--ease)}.btp-blk:hover{border-color:#e2e8f0;background:#f8fafc}.btp-blk__tag{position:absolute;top:-9px;left:10px;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:4px;line-height:1.5;background:#475569;color:#fff;opacity:0;transition:opacity .18s var(--ease)}.btp-blk:hover .btp-blk__tag{opacity:1}.btp-blk__h{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.35}.btp-blk__h--sm{font-size:.92rem}.btp-blk__p{margin:4px 0 0;font-size:.84rem;line-height:1.6;color:#334155}.btp-blk--pattern{margin-top:12px;padding:13px 14px;border-color:#cbd5e1;border-style:dashed;background:#f8fafc}.btp-blk--pattern:hover{border-color:#94a3b8;background:#f8fafc}.btp-blk--pattern .btp-blk__tag{opacity:1}.btp-blk__tag-synced{display:none}#btp-synced:checked~.btp-stage .btp-blk--pattern{border-style:solid;border-color:#7c3aed;background:#faf5ff;box-shadow:0 0 0 3px rgba(124,58,237,.12)}#btp-synced:checked~.btp-stage .btp-blk--pattern .btp-blk__tag{background:#7c3aed}#btp-synced:checked~.btp-stage .btp-blk__tag-inserted{display:none}#btp-synced:checked~.btp-stage .btp-blk__tag-synced{display:inline}.btp-store{min-width:0;display:grid;gap:12px;align-content:start}.btp-store__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0}.btp-store__code{background:#0f172a;color:#cbd5e1;border-radius:10px;padding:10px 12px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.5;min-width:0}.btp-store__path{display:block;color:#94a3b8;font-size:.7rem;padding-bottom:7px;margin-bottom:9px;border-bottom:1px dashed #1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btp-store__code pre{margin:0;padding:0;background:none;border:0;color:inherit;font:inherit;white-space:pre;overflow-x:auto}.btp-store__code mark{background:rgba(148,163,184,.16);color:#e2e8f0;border-left:2px solid #64748b;padding:1px 6px;margin-left:-8px;border-radius:0 3px 3px 0;display:inline-block}.btp-store__code--synced mark{background:rgba(124,58,237,.22);color:#f5f3ff;border-left-color:#a78bfa}.btp-verdict{padding:12px 14px;border-radius:10px;border-left:3px solid}.btp-verdict--inserted{background:#f0fdf4;border-color:#16a34a}.btp-verdict--synced{background:#faf5ff;border-color:#7c3aed}.btp-verdict p{margin:0;font-size:.9rem;line-height:1.65}.btp-store__code--synced,.btp-verdict--synced{display:none}#btp-synced:checked~.btp-stage .btp-store__code--inserted,#btp-synced:checked~.btp-stage .btp-verdict--inserted{display:none}#btp-synced:checked~.btp-stage .btp-store__code--synced{display:block}#btp-synced:checked~.btp-stage .btp-verdict--synced{display:block}.btp-flow{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:720px){.btp-flow{grid-template-columns:1fr auto 1fr;align-items:center}}.btp-box{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;background:#fff}.btp-box--muted{background:#f8fafc}.btp-box__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 8px}.btp-box code{font-size:.85rem;word-break:break-word}.btp-arrow{text-align:center;color:#94a3b8;font-size:1.2rem;line-height:1}@media (max-width:719px){.btp-arrow{transform:rotate(90deg)}}.btp-ladder{list-style:none;margin:0;padding:0;display:grid;gap:10px}.btp-ladder li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;background:#fff}.btp-ladder__state{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;background:#f1f5f9;color:#64748b}.btp-ladder__state--ok{background:#dcfce7;color:#166534}.btp-ladder li p{margin:0}