.bs-app{--b:#e5e7eb;--mut:#6b7280;--pri:var(--bst-primary,#6d28d9);--card:var(--bst-surface,#fff);--tx:inherit;font-size:15px}
.bs-app *{box-sizing:border-box}.bs-loading{padding:40px;text-align:center;color:var(--mut)}
.bs-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.bs-psel{padding:8px 10px;border-radius:10px;border:1px solid var(--b);font:inherit;background:var(--card);color:inherit}
.bs-url{font-weight:600;color:var(--pri);text-decoration:none;word-break:break-all}.bs-plan-pill{background:var(--pri);color:#fff;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.bs-save-state{margin-left:auto;color:var(--mut);font-size:.85rem}
.bs-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--b);margin-bottom:16px}.bs-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:inherit;font-weight:600;color:var(--mut);cursor:pointer;white-space:nowrap}.bs-tabs button.is-on{color:var(--pri);border-color:var(--pri)}
.bs-work{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.bs-work.is-wide{grid-template-columns:1fr}.bs-work.is-wide .bs-side{display:none}
.bs-side{position:sticky;top:90px}.bs-phone{position:relative;border-radius:36px;border:10px solid #111;background:#111;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}.bs-phone--live{width:320px;height:640px;max-width:100%}.bs-phone--live iframe{width:100%;height:100%;border:0;background:#fff;display:block}
.bs-card{background:var(--card);border:1px solid var(--b);border-radius:16px;padding:18px;margin-bottom:16px}.bs-card h3,.bs-card h4{margin:0 0 12px}
.bs-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-weight:600;font-size:.88rem}.bs-field small{font-weight:400;color:var(--mut)}
.bs-app input[type=text],.bs-app input[type=url],.bs-app input[type=email],.bs-app input[type=datetime-local],.bs-app textarea,.bs-app select{width:100%;font:inherit;font-weight:400;padding:9px 11px;border:1px solid var(--b);border-radius:10px;background:var(--card);color:inherit}
.bs-app input[type=color]{width:100%;height:40px;border:1px solid var(--b);border-radius:10px;padding:2px;background:var(--card)}.bs-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}
.bs-primary,.bs-ghost,.bs-chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;border-radius:10px;padding:9px 14px;cursor:pointer;text-decoration:none;border:1px solid var(--pri)}
.bs-primary{background:var(--pri);color:#fff}.bs-ghost{background:transparent;color:inherit;border-color:var(--b)}.bs-ghost:hover{border-color:var(--pri)}.bs-link{background:none;border:0;color:var(--pri);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}
.bs-chip{background:transparent;color:inherit;border-color:var(--b);padding:6px 10px;font-size:.85rem}.bs-chip.is-locked{opacity:.55;cursor:not-allowed}.bs-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.bs-add strong{margin-right:6px}
.bs-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.bs-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.bs-row>input,.bs-row>select{flex:1;min-width:140px}.bs-between{justify-content:space-between}
.bs-head{display:flex;gap:16px;align-items:flex-start}.bs-avwrap{display:flex;flex-direction:column;align-items:center;gap:8px}.bs-av{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#eee}.bs-upl{font-size:.8rem;padding:5px 9px;position:relative}.bs-file{position:absolute;inset:0;opacity:0;cursor:pointer}.bs-headf{flex:1}
.bs-blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bs-block{background:var(--card);border:1px solid var(--b);border-radius:14px}.bs-block.is-off{opacity:.6}.bs-block.is-over{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri)}.bs-block.is-drag{opacity:.4}.bs-block.is-hidden{border-style:dashed}
.bs-bhead{display:flex;align-items:center;gap:6px;padding:8px 10px}.bs-grip{cursor:grab;color:var(--mut);letter-spacing:-2px;user-select:none}.bs-btitle{flex:1;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-btitle em{font-style:normal;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--pri);margin-right:4px}
.bs-icon{background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;color:inherit;font:inherit;width:32px;height:32px}.bs-icon:hover{border-color:var(--b)}.bs-del{color:#b91c1c}.bs-bform{padding:6px 14px 14px;border-top:1px solid var(--b)}
.bs-switch{position:relative;width:40px;height:22px;flex:none}.bs-switch input{opacity:0;position:absolute;inset:0;margin:0;cursor:pointer;z-index:1}.bs-switch span{position:absolute;inset:0;border-radius:999px;background:#d1d5db;transition:.2s}.bs-switch span::after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.bs-switch input:checked+span{background:var(--pri)}.bs-switch input:checked+span::after{transform:translateX(18px)}.bs-switch input:focus-visible+span{outline:3px solid var(--pri);outline-offset:2px}
.bs-check{display:flex;gap:8px;align-items:center;margin:8px 0}.bs-check small{color:var(--mut)}.bs-lock{font-size:.75rem;color:var(--mut);font-weight:600;white-space:nowrap}
.bs-empty{padding:24px;text-align:center;color:var(--mut);border:1px dashed var(--b);border-radius:14px}
.bs-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.bs-tpl{position:relative;border:2px solid var(--b);border-radius:14px;padding:0;overflow:hidden;cursor:pointer;background:none;color:inherit;font:inherit}.bs-tpl img{display:block;width:100%;aspect-ratio:1/1.6;object-fit:cover}.bs-tpl span{display:block;font-size:.78rem;font-weight:600;padding:5px}.bs-tpl.is-on{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri)}.bs-tpl.is-locked img{filter:grayscale(.6) opacity(.7)}.bs-tpl .bs-badge{position:absolute;top:6px;right:6px}
.bs-badge{display:inline-block;font-style:normal;font-size:.68rem;font-weight:800;text-transform:uppercase;background:#111;color:#fff;border-radius:6px;padding:2px 6px}.bs-badge--free{background:#16a34a}
.bs-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.bs-stat{background:var(--card);border:1px solid var(--b);border-radius:14px;padding:14px}.bs-stat span{display:block;color:var(--mut);font-size:.8rem}.bs-stat strong{font-size:1.5rem}
.bs-seg{display:inline-flex;border:1px solid var(--b);border-radius:10px;overflow:hidden;margin-bottom:14px}.bs-seg button{background:none;border:0;padding:7px 12px;font:inherit;font-weight:600;cursor:pointer;color:inherit}.bs-seg button.is-on{background:var(--pri);color:#fff}.bs-seg button:disabled{opacity:.4;cursor:not-allowed}
.bs-chart{width:100%;height:auto}.bs-chart .grid{stroke:var(--b);stroke-width:1}.bs-chart path{fill:none;stroke-width:2.5}.bs-chart .v{stroke:var(--pri)}.bs-chart .c{stroke:#10b981}.bs-chart text{font-size:11px;fill:var(--mut)}
.bs-legend i{display:inline-block;width:12px;height:4px;border-radius:2px;vertical-align:middle}.bs-legend i.v{background:var(--pri)}.bs-legend i.c{background:#10b981}
.bs-table{width:100%;border-collapse:collapse}.bs-table th,.bs-table td{text-align:left;padding:8px;border-bottom:1px solid var(--b);font-size:.9rem;vertical-align:top}.bs-table code{font-size:.75rem;word-break:break-all}
.bs-bars{list-style:none;margin:0;padding:0}.bs-bars li{display:grid;grid-template-columns:110px 1fr 50px;gap:8px;align-items:center;font-size:.85rem;margin-bottom:6px}.bs-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-bars b{background:var(--b);border-radius:4px;height:8px;overflow:hidden}.bs-bars i{display:block;height:100%;background:var(--pri)}.bs-bars em{font-style:normal;text-align:right;color:var(--mut)}
.bs-note{padding:10px 14px;border-radius:12px;background:#eef2ff;color:#312e81;margin-bottom:12px;font-size:.9rem}.bs-note--ok{background:#ecfdf5;color:#065f46}.bs-note--err{background:#fef2f2;color:#991b1b}.bs-note--warn{background:#fffbeb;color:#92400e}.bs-note--test{background:#fef9c3;color:#713f12;font-weight:600}
.bs-qrwrap{display:grid;grid-template-columns:260px 1fr;gap:24px}.bs-qr{width:100%;max-width:260px;border:1px solid var(--b);border-radius:12px;background:#fff}
.bs-plancards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bs-plancard{border:1px solid var(--b);border-radius:16px;padding:16px;background:var(--card);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.bs-plancard.is-current{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri)}.bs-plancard h4{margin:0}.bs-price{font-size:1.4rem;font-weight:800;margin:0}
.bs-muted{color:var(--mut);font-size:.88rem}.bs-hmsg.ok{color:#15803d}.bs-hmsg.bad{color:#b91c1c}.bs-create{max-width:460px}.bs-danger{border-color:#fecaca}
.bs-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:10px 16px;border-radius:10px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:90vw}.bs-toast.is-bad{background:#b91c1c}
[data-mode=dark] .bs-app{--b:#2a2f3a;--mut:#9ca3af;--card:#151922}[data-mode=dark] .bs-note{background:#1e1b4b;color:#c7d2fe}[data-mode=dark] .bs-note--test{background:#422006;color:#fde68a}
@media (max-width:900px){.bs-work{grid-template-columns:1fr}.bs-side{position:static;display:flex;justify-content:center}.bs-qrwrap{grid-template-columns:1fr}.bs-head{flex-direction:column;align-items:center}}