.sb{--b:var(--sb-brand,#5B3DF5);--bi:var(--sb-brand-ink,#fff);--s:var(--sb-surface,#fff);--i:var(--sb-ink,#1B1B3A);--m:var(--sb-muted,#5E5E7E);--l:var(--sb-line,#E4E4F2);--so:var(--sb-soft,#EEEAFF);--g:var(--sb-mint,#12A87A);
  max-width:760px;margin:0 auto;color:var(--i);font:16px/1.55 ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif}
.sb *{box-sizing:border-box}
.sb [hidden]{display:none!important}
.sb button,.sb a.sb-btn{font:inherit;cursor:pointer}
.sb-tabs{display:inline-flex;background:var(--so);border-radius:999px;padding:4px;margin-bottom:12px}
.sb-tab{border:0;background:transparent;color:var(--m);font-weight:700;padding:8px 20px;border-radius:999px}
.sb-tab[aria-selected="true"]{background:var(--s);color:var(--i);box-shadow:0 1px 4px rgba(27,27,58,.15)}
.sb-status{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--m);margin-bottom:12px}
.sb-status a{color:var(--b);font-weight:700}
.sb-panel{background:var(--s);border:1px solid var(--l);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px}
.sb-log{height:min(52vh,460px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}
.sb-msg{max-width:86%;padding:10px 14px;border-radius:18px;white-space:pre-wrap;word-wrap:break-word}
.sb-msg.u{align-self:flex-end;background:var(--so);border-bottom-right-radius:4px}
.sb-msg.b{border:1px solid var(--l);border-bottom-left-radius:4px}
.sb-pick{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sb-ib{border:0;background:var(--so);color:var(--b);font-weight:700;padding:8px 16px;border-radius:999px}
.sb-chip{border:1.5px solid var(--l);background:transparent;color:var(--m);font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:999px}
.sb-comp{display:flex;gap:8px;align-items:flex-end}
.sb textarea{flex:1;width:100%;font:inherit;color:var(--i);background:transparent;border:1.5px solid var(--l);border-radius:16px;padding:10px 14px;resize:vertical}
.sb-btn{display:inline-block;border:0;background:var(--b);color:var(--bi);font-weight:800;padding:12px 22px;border-radius:999px;text-decoration:none;text-align:center}
.sb-btn.ghost{background:transparent;color:var(--i);border:1.5px solid var(--l)}
.sb-btn:disabled{opacity:.45;cursor:default}
.sb-limit{border:1.5px solid var(--b);background:var(--so);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:8px 0}
.sb-limit p{margin:0;color:var(--m)}
.sb-out{display:flex;flex-direction:column;gap:12px}
.sb-sm{font-size:.85rem;color:var(--m);font-weight:700}
.sb-card{min-height:170px;border:0;border-radius:24px;background:var(--so);color:var(--i);font-size:1.2rem;font-weight:700;padding:24px;text-align:center}
.sb-card.back{background:var(--b);color:var(--bi)}
.sb-two{display:flex;gap:10px}.sb-two .sb-btn{flex:1}
:focus-visible{outline:3px solid var(--sb-brand,#5B3DF5);outline-offset:2px}
@media (prefers-color-scheme:dark){.sb{--s:var(--sb-surface,#1B1B3A);--i:var(--sb-ink,#F2F2FF);--m:var(--sb-muted,#A6A6C6);--l:var(--sb-line,#2E2E52);--so:var(--sb-soft,#26264D);--b:var(--sb-brand,#8B74FF);--bi:var(--sb-brand-ink,#12122A)}}
.sb-tabs{max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.sb-tab{flex:none}
.sb-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sb-lab{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:var(--m)}
.sb-sel,.sb-in{font:inherit;color:var(--i);background:var(--s);border:1.5px solid var(--l);border-radius:12px;padding:8px 10px}
.sb-in{width:100%;border-radius:16px;padding:10px 14px}
.sb-note{margin:0;font-size:.85rem;color:var(--m)}
.sb-res{border:1px solid var(--l);border-radius:16px;padding:14px 16px;white-space:pre-wrap;word-wrap:break-word;max-height:420px;overflow-y:auto}
.sb-over{color:#D64545}
.sb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.sb-stats div{border:1px solid var(--l);border-radius:14px;padding:10px 8px;text-align:center;font-size:.78rem;font-weight:700;color:var(--m)}
.sb-stats b{display:block;font-size:1.3rem;color:var(--i)}
.sb-clock{font-size:clamp(3rem,12vw,5rem);font-weight:800;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums}
.sb-grow{flex-wrap:nowrap}
.sb-grow .sb-in{min-width:0;border-radius:12px;padding:8px 10px}
.sb-grow .sb-in:first-child{flex:2}
.sb-tool .sb-two{justify-content:center}