/* GENERATED by tools/build-collections.mjs from data/collections.json (tools/lib/collections.mjs) — edit those, not this file.
   USER COLLECTIONS (task 82d5db3f): the mechanism's layout in this site's look. */
:root { --co-ink: var(--fg-brown-deep); --co-soft: var(--fg-brown-soft); --co-rule: var(--fg-rule); --co-surface: var(--fg-cream-soft); --co-tint: var(--fg-sage-pale); --co-accent: var(--fg-sage-deep); --co-on-accent: var(--fg-cream-soft); --co-danger: #8a3b2a; --co-display: var(--fg-display); --co-body: var(--fg-body); --co-label: var(--fg-body); --co-radius: 6px; --co-pill: 999px; }
/* browse: the sorts, the lanes, the cards */
.qx-container.fg-co-head { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 44rem; margin: 0 auto; }
.qx-container.fg-co-about { display: flex; flex-direction: column; gap: .7rem; max-width: 44rem; margin: 1.1rem auto 0; padding-top: 1.1rem; border-top: 1px solid var(--co-rule); }
.fg-co-about-p { margin: 0; color: var(--co-soft); font-family: var(--co-body); line-height: 1.65; }
.qx-container.fg-co-sorts { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 1.2rem 0; }
.qx-button.fg-co-sort { min-height: 44px; padding: .4rem 1.1rem; border: 1px solid var(--co-rule); border-radius: var(--co-pill); background: var(--co-surface); color: var(--co-ink);
  font-family: var(--co-label); font-weight: 600; font-size: .9rem; cursor: pointer; }
.qx-button.fg-co-sort.fg-co-sort-on { background: var(--co-accent); border-color: var(--co-accent); color: var(--co-on-accent); cursor: default; }
.qx-container.fg-co-lane { display: flex; flex-direction: column; gap: 1rem; align-items: center; }
.qx-repeater.fg-co-grid, .qx-repeater.fg-co-pages { width: 100%; }
.qx-repeater.fg-co-grid { grid-template-columns: repeat(auto-fill, minmax(min(15rem, calc(50% - .5rem)), 1fr)) !important; }
.qx-link.fg-co-card { display: flex; flex-direction: column; gap: .3rem; min-width: 0; padding: .5rem .5rem .8rem; border: 1px solid var(--co-rule); border-radius: var(--co-radius);
  background: var(--co-surface); color: var(--co-ink); text-decoration: none; }
.qx-link.fg-co-card:hover, .qx-link.fg-co-card:focus-visible { border-color: var(--co-accent); box-shadow: 0 0 0 2px var(--co-tint); }
.fg-co-card .fg-co-owner { margin: 0; font-size: .88rem; }
.qx-link.bd-card { min-width: 0; }
.bd-card-h { margin-top: .15rem; font-family: var(--co-display); font-weight: 600; font-size: 1.1rem; line-height: 1.25; color: var(--co-ink); }
.bd-card-meta { font-size: .82rem; color: var(--co-soft); }
.fg-co-owner { margin: .2rem 0 0; font-family: var(--co-body); font-style: italic; color: var(--co-soft); }
.bd-o, .bd-c { display: none; }
.bd-k-user .bd-o-user, .bd-k-visitor .bd-o-visitor, .bd-k-system .bd-o-system { display: inline; }
.bd-k-system:not(.bd-cur-none) .bd-o-system { display: none; }
.qx-container.bd-owner { display: block; }
.qx-repeater.bd-cover { display: grid !important; grid-template-columns: 2fr 1fr !important; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 2px !important;
  aspect-ratio: 3 / 2; overflow: hidden; border-radius: calc(var(--co-radius) - 4px); background: var(--co-rule); }
.qx-repeater.bd-cover:has(> :nth-child(2):last-child) { grid-template-columns: 1fr 1fr !important; }
.bd-cover > .bd-cover-pic { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; background: white; }
.bd-cover > .bd-cover-pic:first-child, .bd-cover > .bd-cover-pic:nth-child(2):last-child { grid-row: 1 / span 2; }
.bd-cover > .bd-cover-pic:only-child { grid-column: 1 / -1; }
.bd-cover > .bd-cover-pic:nth-child(n+4) { display: none; }
.qx-repeater.bd-cover:empty { background: var(--co-tint) url("/assets/favicon.svg") center / auto 45% no-repeat; }
/* a "system" collection no voice curated is not on display (cards hidden; its board shows the notice instead) */
.qx-link.fg-co-card.bd-k-system.bd-cur-none { display: none; }
.qx-container.fg-co-off { display: none; }
.fg-co-k-system.bd-cur-none .qx-container.fg-co-off { display: flex; flex-direction: column; align-items: center; gap: .8rem; }
.fg-co-k-system.bd-cur-none .fg-co-onshow, .fg-co-onshow.fg-co-k-system.bd-cur-none { display: none; }
/* the empty room: shown until a member's or visitor's card is on the first page */
.qx-repeater.fg-co-grid:has(> .fg-co-card:not(.bd-k-system.bd-cur-none)) + .fg-co-empty { display: none; }
.fg-co-empty { margin: 1rem auto; max-width: 34rem; padding: 1.4rem 1.2rem; border: 1px dashed var(--co-accent); border-radius: var(--co-radius); background: var(--co-surface); text-align: center; }
.fg-co-empty-h { margin: 0 0 .4rem; font-family: var(--co-display); font-weight: 600; font-size: 1.25rem; color: var(--co-ink); }
.qx-container.fg-co-empty-go { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: 1rem; }
.fg-co-err { margin: 0; padding: .55rem .8rem; border-radius: 6px; background: var(--co-tint); color: var(--co-danger); font-weight: 600; }
.fg-co-err:empty { display: none; }
.fg-co-sub { margin: 0; color: var(--co-soft); }
/* the mechanism's own buttons and band, for a site that names them (classes btn: "<prefix>-btn", deep: "<prefix>-deep") */
.fg-co-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem 1.2rem; border: 1px solid var(--co-rule);
  border-radius: var(--co-pill); background: var(--co-surface); color: var(--co-ink); font: 600 .95rem/1.2 var(--co-body); text-decoration: none; cursor: pointer; }
.fg-co-btn:hover, .fg-co-btn:focus-visible { border-color: var(--co-accent); color: var(--co-accent); }
.fg-co-btn-primary { background: var(--co-accent); border-color: var(--co-accent); color: var(--co-on-accent); }
.fg-co-btn-primary:hover, .fg-co-btn-primary:focus-visible { color: var(--co-on-accent); filter: brightness(1.08); }
.fg-co-deep { background: var(--co-tint); }
/* …and the page's own section and headings, for a site whose chrome has none to lend (classes page / h1 / h2: "<prefix>-page" …) */
.fg-co-page { padding: clamp(2rem, 5vw, 3.2rem) 0; }
.fg-co-h1 { margin: .3rem 0 .6rem; font-family: var(--co-display); font-weight: 600; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.08; color: var(--co-ink); text-wrap: balance; }
.fg-co-h2 { margin: 0 0 .6rem; font-family: var(--co-display); font-weight: 600; font-size: clamp(1.4rem, 3.5vw, 1.9rem); line-height: 1.15; color: var(--co-ink); }
.fg-co-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* mine: the list, the empty line and the new one, spaced as one column (the wrap that holds the new-list form) */
.qx-container:has(> .fg-co-form) { display: flex; flex-direction: column; gap: 1rem; }
.qx-container:has(> .fg-co-form) > .qx-heading { margin-top: 1rem; }
.qx-container:has(> .fg-co-form) > .qx-link { align-self: center; }
.fg-co-meta { margin: 0; font-size: .92rem; color: var(--co-soft); }
.fg-co-lists .qx-container.fg-co-lane + .qx-link, .fg-co-lists > .qx-container > .qx-link { align-self: center; }
/* the board: its bands, the plates (every colour a --bd-* token a theme redefines), the share, the owner's tools */
.bd-th-grid, [class*="bd-th-"] { --bd-ground: transparent; --bd-plate: white; --bd-edge: var(--co-rule); --bd-photo: white; --bd-radius: var(--co-radius);
  --bd-pad: 8px; --bd-title: var(--co-ink); --bd-note: var(--co-soft); --bd-hover: var(--co-accent); --bd-shadow: none; --bd-text: var(--co-soft); }
.bd-th-linen { --bd-ground: var(--fg-cream-deep); --bd-plate: var(--fg-cream-soft); --bd-edge: rgba(61, 47, 32, .14); --bd-radius: 4px; --bd-hover: var(--fg-brown-deep); --bd-shadow: 0 1px 0 rgba(61, 47, 32, .08); }
.bd-th-harbour { --bd-ground: linear-gradient(180deg, var(--fg-sage-pale) 0%, #c9d0c0 100%); --bd-plate: #ffffff; --bd-edge: rgba(74, 90, 68, .25); --bd-radius: 10px; --bd-hover: var(--fg-sage-deep); --bd-shadow: 0 6px 16px rgba(74, 90, 68, .14); }
.bd-th-driftwood { --bd-ground: linear-gradient(180deg, #e6d9c4 0%, #d8c6aa 100%); --bd-plate: #fbf6ec; --bd-edge: rgba(107, 79, 51, .25); --bd-radius: 2px; --bd-hover: var(--fg-brown); --bd-title: var(--fg-brown-deep); }
.qx-container.bd-headband { display: block; padding: 0; }
.qx-container.bd-head-none { display: none; }
.qx-container.bd-head { display: block; width: 100%; overflow: hidden; }
.qx-container.bd-head-one { display: block; }
.bd-head-wide { display: none; }
@media (min-width: 700px) { .bd-head-phone { display: none; } .qx-container.bd-head-wide { display: block; } }
.bd-head .sc-scene, .bd-head .sc-stage { width: 100%; }
.fg-co-onshow:has(.bd-pins) { background: var(--bd-ground); }
.fg-co-onshow:has(.bd-pins) .fg-co-none { color: var(--bd-text); }
.qx-container.fg-co-rxband { padding-block: .5rem 1.5rem; }
.qx-repeater.bd-pins { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px !important; align-items: stretch; margin-bottom: 1.2rem; }
.qx-container.bd-pin { display: flex; flex-direction: column; position: relative; min-width: 0; margin: 0; padding: var(--bd-pad);
  background: var(--bd-plate); border: 1px solid var(--bd-edge); border-radius: var(--bd-radius); box-shadow: var(--bd-shadow); }
.qx-link.bd-pin-link { display: block; color: inherit; text-decoration: none; }
.qx-link.bd-pin-own { display: block; }   /* a place, a page or a pick: the item's own link (bd-pin-link draws it) */
.bd-pin-pic { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: var(--bd-photo); border-radius: calc(var(--bd-radius) - 4px); }
.qx-link.bd-pin-link:focus-visible { outline: 2px solid var(--bd-hover); outline-offset: 4px; border-radius: calc(var(--bd-radius) - 4px); }
.qx-container.bd-pin:has(.bd-pin-link:hover) { border-color: var(--bd-hover); }
.bd-pin-h { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-height: 2.5em; margin: .5rem .15rem 0;
  font-family: var(--co-display); font-weight: 600; font-size: 1rem; line-height: 1.25; color: var(--bd-title); }
.qx-link.bd-pin-link:hover .bd-pin-h { color: var(--bd-hover); }
.bd-pin-note { margin: .3rem .15rem 0; font-family: var(--co-body); font-style: italic; font-size: .9rem; line-height: 1.35; color: var(--bd-note); }
.bd-pin-note:empty { display: none; }
.qx-link.bd-repin { position: absolute; top: calc(var(--bd-pad) + .3rem); right: calc(var(--bd-pad) + .3rem); display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 999px; background: var(--co-surface); color: var(--co-accent); box-shadow: 0 2px 8px rgba(0,0,0,.12); text-decoration: none; }
.qx-link.fg-co-repin { line-height: 1; }
.qx-link.bd-repin::before { content: "+"; font: 600 1.5rem/1 var(--co-body); }
.qx-link.bd-repin:hover, .qx-link.bd-repin:focus-visible { background: var(--co-accent); color: var(--co-on-accent); }
.bd-repin-t { white-space: nowrap; }
.bd-live-false .bd-repin { display: none; }
@media (min-width: 760px) { .qx-repeater.bd-pins { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; } [class*="bd-th-"] { --bd-pad: 10px; } }
@media (min-width: 1100px) { .qx-repeater.bd-pins { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fg-co-none { display: none; margin: 1rem 0; text-align: center; color: var(--co-soft); font-style: italic; }
.qx-repeater.bd-pins:empty + .fg-co-none { display: block; }
.fg-co-privnote { display: none; margin: .4rem 0 0; font-weight: 600; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; color: var(--co-danger); }
.fg-co-vis-private .fg-co-privnote { display: block; }
.fg-co-vis-private .bd-share { display: none; }
.fg-co-share { display: flex; justify-content: center; margin-top: 1rem; --qx-fg: var(--co-ink); --qx-border: var(--co-rule); --qx-accent: var(--co-accent); }
.fg-co-share.fg-co-pshare { justify-content: flex-start; }   /* a product's or a place's: under its save band, lined up with it */
.fg-co-buy-pop { display: flex; flex-direction: column; align-items: center; gap: .55rem; text-align: center; font-family: var(--co-body); }
.fg-co-buy-img { width: min(16rem, 70vw); }
.fg-co-photo { aspect-ratio: 1; display: grid; place-items: center; background: white; border-radius: var(--co-radius); overflow: hidden; }
.fg-co-photo img { width: 100%; height: 100%; object-fit: contain; }
.fg-co-buy-h { margin: .2rem 0 0; font-family: var(--co-display); font-weight: 600; font-size: 1.3rem; line-height: 1.2; color: var(--co-ink); }
.fg-co-buy-offer { display: flex; flex-direction: column; align-items: center; gap: .45rem; }
.fg-co-buy-price { margin: 0; font-family: var(--co-display); font-size: 1.2rem; color: var(--co-ink); }
.fg-co-quiet { display: inline-flex; align-items: center; min-height: 44px; color: var(--co-soft); text-decoration: underline; text-underline-offset: .2em; }
.qx-container.fg-co-own, .qx-container.fg-co-rep, .qx-container.fg-co-form, .qx-container.fg-co-add, .qx-container.fg-co-addpanel, .qx-container.fg-co-vis {
  display: flex; flex-direction: column; gap: .7rem; align-items: stretch; }
.qx-container.fg-co-vis { align-items: flex-start; gap: .5rem; }
.qx-container.fg-co-own { padding: 1.1rem; border: 1px solid var(--co-rule); border-radius: var(--co-radius); background: var(--co-surface); margin-bottom: 1.4rem; }
.fg-co-form .qx-text-input, .fg-co-addpanel .qx-text-input { display: flex; flex-direction: column; gap: .3rem; }
.fg-co-form .qx-text-input__label, .fg-co-addpanel .qx-text-input__label { font-weight: 600; font-size: .85rem; color: var(--co-soft); }
.fg-co-form .qx-text-input__field, .fg-co-addpanel .qx-text-input__field { min-height: 44px; padding: 0 .7rem; border: 1px solid var(--co-rule); border-radius: 8px;
  background: white; color: var(--co-ink); font-size: 1rem; width: 100%; box-sizing: border-box; }
.qx-repeater.fg-co-ownitems { display: flex; flex-direction: column; gap: 6px; }
.qx-container.fg-co-ownrow { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .4rem .6rem; border: 1px solid var(--co-rule); border-radius: 8px; background: white; }
.fg-co-ownname { flex: 1 1 10rem; color: var(--co-ink); }
@media (max-width: 600px) { .fg-co-ownname { flex-basis: 100%; } }
.qx-button.fg-co-mini { min-height: 44px; padding: .3rem .9rem; border: 1px solid var(--co-rule); border-radius: var(--co-pill); background: var(--co-surface); color: var(--co-ink); cursor: pointer; }
.qx-button.fg-co-danger { color: var(--co-danger); box-shadow: inset 0 0 0 1px var(--co-danger); background: var(--co-surface); }
.qx-button.fg-co-link { align-self: flex-start; min-height: 44px; padding: 0; border: 0; background: none; color: var(--co-soft); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; font-size: .9rem; }
/* the chooser on a product page */
.qx-container.fg-co-add { max-width: 38rem; margin: .9rem 0 0; align-items: flex-start; }   /* under the page's save row, lined up with it */
.qx-container.fg-co-addpanel { align-self: stretch; width: 100%; box-sizing: border-box; padding: 1rem; border: 1px solid var(--co-rule); border-radius: var(--co-radius); background: var(--co-surface); }
.qx-repeater.fg-co-addlist { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
.qx-button.fg-co-addone { min-height: 44px; padding: .4rem 1rem; border: 1px solid var(--co-rule); border-radius: var(--co-pill); background: white; color: var(--co-ink); cursor: pointer; font-size: 1rem; }
.qx-button.fg-co-addone:hover, .qx-button.fg-co-addone:focus-visible { border-color: var(--co-accent); color: var(--co-accent); }
/* the "+" on each item of a list (a shelf's picks): small, quiet, a full tap target */
.qx-button.fg-co-pickadd { align-self: flex-start; min-height: 44px; margin-top: .4rem; padding: .3rem .9rem; border: 1px dashed var(--co-accent); border-radius: var(--co-pill);
  background: transparent; color: var(--co-accent); font: 600 .9rem/1.2 var(--co-body); cursor: pointer; }
.qx-button.fg-co-pickadd:hover, .qx-button.fg-co-pickadd:focus-visible { border-style: solid; background: var(--co-surface); }
.qx-link.fg-co-seen { display: inline-flex; align-items: center; min-height: 44px; color: var(--co-accent); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
/* not yet: a quiet tint with legible words (the hint under it says why), never a faded ghost of the primary */
.qx-button.fg-co-newgo:disabled, .qx-button.fg-co-newgo:disabled:hover { background: var(--co-tint); color: var(--co-soft); box-shadow: none; opacity: 1; filter: none; cursor: not-allowed; transform: none; }
.fg-co-hintwrap { margin-top: -.25rem; }
.fg-co-hint { margin: 0; font-style: italic; font-size: .95rem; color: var(--co-soft); }
.fg-co-anchor { display: block; scroll-margin-top: 5rem; }
.qx-container.fg-co-wish { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; padding-top: .8rem; border-top: 1px solid var(--co-rule); }
/* the buy popup: the engine's ui.dialog ships its classes and no geometry ("the site's stylesheet decides"), so the mechanism draws
   it here — a centred card on a desk, a sheet from the bottom on a phone */
.qx-dialog { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.qx-dialog[hidden] { display: none; }
.qx-dialog__scrim { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.qx-dialog__panel { position: relative; width: min(28rem, 100%); max-height: calc(100vh - 32px); overflow: auto; box-sizing: border-box; background: var(--co-surface);
  color: var(--co-ink); border-radius: var(--co-radius); box-shadow: 0 16px 40px rgba(0, 0, 0, .28); padding: 0 1.4rem 1.4rem; }
.qx-dialog__head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  margin: 0 -1.4rem; padding: .3rem .4rem .3rem 1.4rem; background: var(--co-surface); }
.qx-dialog__title { margin: 0; font-family: var(--co-label); font-weight: 600; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--co-soft); }
.qx-dialog__close { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--co-ink); font-size: 1.4rem; cursor: pointer; }
.qx-dialog__close:hover, .qx-dialog__close:focus-visible { color: var(--co-accent); }
@media (max-width: 640px) {
  .qx-dialog { align-items: flex-end; padding: 0; }
  .qx-dialog__panel { width: 100%; max-height: 92vh; border-radius: var(--co-radius) var(--co-radius) 0 0; padding: 0 1rem 1.2rem; }
  .qx-dialog__head { margin: 0 -1rem; padding-left: 1rem; }
}
/* the share block (QxClient d10ffd6): its layout, for a site whose theme does not load the engine's blocks.css */
.qx-share { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .75rem; color: var(--qx-fg); }
.qx-share__label { font-size: .85rem; color: var(--co-soft); }
.qx-share__row { display: flex; flex-wrap: wrap; gap: .35rem; }
.qx-share__row[hidden], .qx-share__label[hidden], .qx-share__native[hidden] { display: none; }
.qx-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 44px; min-height: 44px; padding: 0; border: 1px solid var(--qx-border);
  border-radius: 999px; background: var(--co-surface); color: var(--qx-fg); cursor: pointer; text-decoration: none; }
.qx-share__btn:hover { color: var(--qx-accent); border-color: var(--qx-accent); }
.qx-share__btn:focus-visible { outline: 3px solid var(--qx-accent); outline-offset: 2px; }
.qx-share__icon { width: 1.15rem; height: 1.15rem; flex: none; }
.qx-share__native { padding: 0 1.1rem; font-size: .95rem; }
.qx-share__status { font-size: .85rem; color: var(--co-soft); min-height: 1.2em; }
.qx-share__status:empty { display: none; }
/* the owner's look picker: a swatch per theme */
.qx-container.bd-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: .4rem 0 1rem; }
@media (min-width: 760px) { .qx-container.bd-picker { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.qx-button.bd-pick { display: flex; flex-direction: column; align-items: stretch; gap: .25rem; min-width: 0; height: auto; padding: 8px; text-align: left;
  white-space: normal; background: var(--co-surface); border: 1px solid var(--co-rule); border-radius: var(--co-radius); color: var(--co-ink); cursor: pointer; }
.qx-button.bd-pick:hover, .qx-button.bd-pick:focus-visible { border-color: var(--co-accent); }
.qx-button.bd-pick[aria-pressed="true"] { border: 2px solid var(--co-accent); padding: 7px; }
.bd-pick-name { font-family: var(--co-display); font-weight: 600; font-size: 1rem; line-height: 1.2; }
.bd-pick-blurb { font-size: .84rem; line-height: 1.3; color: var(--co-soft); }
.bd-pick-on { font-weight: 600; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--co-accent); }
.qx-container.bd-sw { display: flex; flex-direction: column; gap: 6px; padding: 0 0 8px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: var(--bd-ground); border: 1px solid var(--co-rule); }
.qx-container.bd-sw.bd-th-grid { background: var(--co-tint); }
.qx-container.bd-sw-head { height: 26%; flex: none; }
.qx-container.bd-sw-plates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 8px 8px 0; flex: 1; }
.qx-container.bd-sw-plate { background: var(--bd-plate); border: 1px solid var(--bd-edge); border-radius: calc(var(--bd-radius) / 3); box-shadow: var(--bd-shadow); }