/* Babuba skin v2 — runtime chrome. The only two marks the runtime adds to the live
   panel: the 2px brand strip at the top of the frame, and the coat switcher.
   Everything else is the binding layer (babuba-skins2.css) talking to the panel's
   own Tailwind variables. Loaded unlayered, after the bundle. */

[data-bb-strip]{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;
  background:var(--bb-strip,var(--bb-accent,#C9F24B));
  pointer-events:none;
}

.bb-skinpill{
  position:fixed;right:14px;bottom:14px;z-index:9998;
  display:flex;gap:2px;padding:3px;
  background:var(--bb-panel,#141418);
  border:1px solid var(--bb-line,#2B2B33);
  border-radius:var(--bb-r,10px);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  opacity:.35;transition:opacity .18s ease;
}
.bb-skinpill:hover{opacity:1}
.bb-skinpill button{
  height:24px;padding:0 10px;border:0;background:none;cursor:pointer;
  color:var(--bb-text-muted,#A6A59D);border-radius:var(--bb-r-sm,6px);
  font:inherit;letter-spacing:.02em;
}
.bb-skinpill button:hover{color:var(--bb-text,#F3F1EA);background:var(--bb-raised,#1D1D23)}
.bb-skinpill button[aria-pressed="true"]{background:var(--bb-accent,#C9F24B);color:var(--bb-accent-ink,#0B0B0D)}
@media print{.bb-skinpill,[data-bb-strip]{display:none}}