/* Composition selector: a small LAB control, not a page overlay. */
#wl-composition-panel {
  position:fixed; z-index:10008; width:238px; max-width:calc(100vw - 24px);
  box-sizing:border-box; padding:16px;
  background:#FCFCF9; color:#171813;
  border:1px solid rgb(23 24 19 / .12);
  box-shadow:0 12px 34px rgb(9 10 9 / .09);
  font:400 12px/1.5 var(--mono,monospace);
}
#wl-composition-panel[hidden] { display:none !important; }
html[data-theme="dark"] #wl-composition-panel {background:#171813;color:#FCFCF9;border-color:rgb(252 252 249 / .18);}
.wl-comp-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wl-comp-close { border:0; background:none; color:inherit; width:28px; height:28px; font-size:18px; line-height:1; cursor:pointer; }
.wl-comp-scope { margin:0 0 14px; opacity:.58; font-size:10px; }
.wl-comp-choices { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wl-comp-choices button { padding:0 0 7px; border:0; border-bottom:1px solid transparent; background:none; color:inherit; font:inherit; cursor:pointer; text-align:left; }
.wl-comp-choices button[aria-pressed="true"] { border-bottom-color:#C9A227; }
.wl-comp-mini { display:block; height:85px; position:relative; border:1px solid currentColor; opacity:.38; margin-bottom:7px; transition:opacity 160ms ease; }
[aria-pressed="true"] > .wl-comp-mini,.wl-comp-choices button:hover > .wl-comp-mini {opacity:.85;}
.wl-comp-mini i { position:absolute; display:block; background:currentColor; height:2px; left:9px; }
.wl-mini-header { top:8px; width:16px; }
.wl-mini-title { top:23px; width:41px; height:4px !important; }
.wl-mini-copy { top:32px; width:27px; }
.wl-mini-action { top:42px; width:6px; height:4px !important; border-radius:50%; left:43px !important; }
.wl-mini-grid { top:54px; width:calc(100% - 18px); height:14px !important; background:linear-gradient(90deg,currentColor 29%,transparent 29% 35%,currentColor 35% 64%,transparent 64% 70%,currentColor 70%) !important; opacity:.35; }
.wl-mini-footer { bottom:8px; width:21px; }
.wl-comp-mini-right i:not(.wl-mini-grid) {left:auto;right:9px;}
.wl-comp-mini-right .wl-mini-action {left:auto !important;right:9px;}
.wl-comp-caption { margin:13px 0 0; opacity:.6; font-size:10px; }
#wl-composition-panel button:focus-visible {outline:2px solid #C9A227;outline-offset:4px;}
@media(prefers-reduced-motion:reduce){#wl-composition-panel *{transition:none!important;}}