#bbap{position:fixed;inset:0;z-index:1500;background:#141518;color:#e8eaee;font-family:Nunito,system-ui,sans-serif;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box}
#bbap[hidden]{display:none}
#bblib{position:fixed;inset:0;z-index:1500;background:#141518;color:#e8eaee;font-family:Nunito,system-ui,sans-serif;display:flex;flex-direction:column}#bblib[hidden]{display:none}
#bblib .ltop{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b1c20;border-bottom:1px solid #2a2c33}#bblib .ltop h2{margin:0;font:700 18px Nunito,system-ui,sans-serif}#bblib .lsp{flex:1}#bblib .bk{background:none;border:0;color:#e8eaee;font-size:20px;cursor:pointer;padding:2px 8px}
#bblib .lnew{border:0;border-radius:99px;background:#2f7fd0;color:#fff;font:800 14px Nunito,system-ui,sans-serif;padding:9px 16px;cursor:pointer}
#bblib .lbar{display:flex;gap:10px;align-items:center;padding:14px 16px;flex-wrap:wrap}#bblib .lseg{display:inline-flex;gap:3px;padding:4px;border:1px solid #2f323a;border-radius:10px;background:#101114}#bblib .lseg button{border:0;background:transparent;color:#9aa0ad;font:700 13.5px Nunito,system-ui,sans-serif;padding:7px 12px;border-radius:7px;cursor:pointer}#bblib .lseg button.on{background:#8fd8ff;color:#0a1222}
#bblib input[type=search]{flex:1;min-width:180px;font:600 14px Nunito,system-ui,sans-serif;color:#e8eaee;background:#101114;border:1px solid #2f323a;border-radius:99px;padding:9px 16px}#bblib select{font:600 13.5px Nunito,system-ui,sans-serif;color:#e8eaee;background:#101114;border:1px solid #2f323a;border-radius:8px;padding:8px}
#bblib .lgrid{flex:1;overflow:auto;padding:4px 16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;align-content:start}
#bblib .card{background:#1d1f24;border:1px solid #2c2f36;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}#bblib .card:hover{border-color:#8fd8ff}#bblib .card.use{box-shadow:inset 0 0 0 2px #2f7fd0}
#bblib .ch{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#24262c}#bblib .ch b{flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bblib .ch small{color:#9aa0ad;font-weight:700}#bblib .ch .tag{font-size:11px;font-weight:800;color:#0a1222;background:#8fd8ff;border-radius:99px;padding:2px 8px}
#bblib .cv{padding:10px;display:grid;place-items:center}#bblib .cv svg{width:100%;max-width:240px;aspect-ratio:1;height:auto}
#bblib .cf{display:flex;gap:6px;padding:0 10px 10px;flex-wrap:wrap}#bblib .cf button{font:700 12px Nunito,system-ui,sans-serif;color:#e8eaee;background:transparent;border:1px solid #2f323a;border-radius:6px;padding:4px 8px;cursor:pointer}#bblib .cf button:hover{border-color:#8fd8ff}#bblib .cf .cm{margin-left:auto;color:#9aa0ad;font-size:12px;align-self:center}
#bblib .empty{grid-column:1/-1;color:#9aa0ad;text-align:center;padding:40px}
#bbap .nm{font:700 15px Nunito,system-ui,sans-serif;color:#e8eaee;background:#141518;border:1px solid #2f323a;border-radius:8px;padding:6px 10px;min-width:220px}
#bbap .top{grid-column:1/3;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b1c20;border-bottom:1px solid #2a2c33}
#bbap .top button.bk{background:none;border:0;color:#e8eaee;font-size:20px;cursor:pointer;padding:2px 8px}#bbap .top h2{margin:0;font:700 16px Nunito,system-ui,sans-serif}#bbap .top small{color:#9aa0ad}
#bbap .fld{display:grid;place-items:center;min-height:0;min-width:0;padding:14px;background:#141518}
#bbap svg{width:min(100%,calc(100vh - 150px));height:auto;max-height:calc(100vh - 150px);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
#bbap .pb{grid-column:1;display:flex;align-items:center;gap:10px;padding:8px 16px 12px;background:#141518}
#bbap .pb button{width:30px;height:30px;border-radius:8px;border:1px solid #2f323a;background:#1f2126;color:#e8eaee;font-size:14px;cursor:pointer;display:grid;place-items:center}#bbap .pb button:hover{border-color:#6fd3ff}
#bbap .pb input[type=range]{flex:1;accent-color:#6fd3ff}#bbap .pb span{font:600 12px ui-monospace,monospace;color:#9aa0ad;min-width:92px;text-align:right}
#bbap .side{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:12px;background:#1b1c20;border-left:1px solid #2a2c33}
#bbap .chip{align-self:flex-start;font:700 12px ui-monospace,monospace;background:#2a2c33;border-radius:6px;padding:4px 8px}#bbap .chip.bad{background:#5a2020;color:#ffb3b3}
#bbap details{background:#222428;border:1px solid #2c2f36;border-radius:10px}#bbap summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-weight:700;font-size:14px}#bbap summary::-webkit-details-marker{display:none}
#bbap summary::before{content:'\203A';display:inline-block;transition:transform .15s;color:#9aa0ad;font-size:16px}#bbap details[open]>summary::before{transform:rotate(90deg)}#bbap summary .n{margin-left:auto;color:#9aa0ad;font-weight:600}
#bbap .dbody{padding:0 12px 12px}#bbap .hint{color:#9aa0ad;font-size:12.5px;line-height:1.45;margin:0 0 6px}
#bbap .tog{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer}
#bbap ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
#bbap li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid #2f323a;background:#1d1f23}
#bbap li.sel{border-color:#6fd3ff;background:#1d2a33}#bbap li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3a3d45;font-size:12px}#bbap li.sel b{background:#2f7fd0}
#bbap li .ac{display:flex;gap:6px;align-items:center;min-width:0}
#bbap select,#bbap input[type=number]{font:600 12.5px Nunito,system-ui,sans-serif;color:#e8eaee;background:#141518;border:1px solid #2f323a;border-radius:6px;padding:4px 6px}#bbap li select{min-width:0;width:100%;max-width:160px}#bbap input[type=number]{width:48px}#bbap .sec{color:#9aa0ad;font-size:12px}
#bbap li button,#bbap .row button{font:700 12.5px Nunito,system-ui,sans-serif;color:#e8eaee;background:transparent;border:1px solid #2f323a;border-radius:6px;padding:3px 7px;cursor:pointer}#bbap li button:hover,#bbap .row button:hover{border-color:#6fd3ff}
#bbap .row{display:flex;gap:8px;flex-wrap:wrap}#bbap .row button.go{background:#2f7fd0;border-color:#2f7fd0;font-size:14px;padding:8px 18px}
#bbap li.wpr{display:block;padding:0}#bbap .wh{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;cursor:pointer}#bbap .wh .sum{font-size:12.5px;color:#cfd3db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bbap .wh .sum i{color:#7d8392}
#bbap .steps{padding:4px 8px 8px 38px;display:flex;flex-direction:column;gap:5px;border-top:1px solid #2a2c33}#bbap .st{display:grid;grid-template-columns:16px minmax(0,1fr) 46px 10px auto auto auto;gap:5px;align-items:center}#bbap .st .sn{color:#8fd8ff;font-weight:800;font-size:12px}#bbap .st select{width:100%}
#bbap .spr{display:grid;grid-template-columns:auto 1fr 40px;gap:8px;align-items:center;font-size:12.5px;color:#cfd3db}#bbap .spr input{accent-color:#5aa9ff;width:100%}#bbap .spr b{text-align:right;color:#8fd8ff}
#bbap .addr{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px}#bbap .addr select{max-width:150px}
#bbap .wp{cursor:grab}#bbap .wp:active{cursor:grabbing}
@media (max-width:900px){#bbap{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow:auto}#bbap .side{grid-column:1;grid-row:auto}#bbap svg{width:100%;max-height:none}}