/* THE LIGHTBOX: RIGHT PANEL AND CONTEXT TOOLBAR (5 Nov 2026; js/designs/x-lb-inspector.js; docs/DESIGNER-LIGHTBOX-PLAN-2026-11-05.md).
   Linked after css/designer-lightbox.css. Every rule is scoped to html.dzlb (the Lightbox) and uses its tokens (--lb-ink, --lb-sel, --lb-sel-line,
   --lb-lime, --lb-line, --lb-focus...; css/designer-lightbox.css defines them). Corners are tokens, never pills; nothing under 12 px.
   The bright look: quiet Title Case headings (13 px, semibold, ink), white fields with 1 px edges, outlined secondary buttons, lime only for chosen
   things (a soft tint with a deep lime edge), primary for switches and focus, amber only for the small note pins. Phones are not touched. */
@media (min-width:861px){
  /* ===== the header: Properties and Layers ===== */
  html.dzlb .lb-right-h{display:flex;align-items:stretch;gap:4px;height:48px;padding:0 6px 0 18px;border-bottom:1px solid var(--lb-line);background:#fff}
  html.dzlb .lbi-tabs{display:flex;align-items:stretch;gap:22px;flex:1;min-width:0}
  html.dzlb .lbi-tabs>[role=tab]{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--lb-ink-3);cursor:pointer;white-space:nowrap}
  html.dzlb .lbi-tabs>[role=tab]:hover{color:var(--lb-ink)}
  html.dzlb .lbi-tabs>[role=tab][aria-selected="true"]{color:var(--lb-ink)}
  html.dzlb .lbi-tabs>[role=tab]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
  html.dzlb .lbi-tabs>[role=tab][aria-selected="true"]::after{background:var(--lb-ink)}
  html.dzlb .lbi-tabs>[role=tab]:focus-visible{box-shadow:none}
  html.dzlb .lbi-tabs>[role=tab]:focus-visible::before{content:"";position:absolute;inset:9px -6px;border-radius:var(--radius-sm);box-shadow:var(--lb-focus)}
  html.dzlb .lbi-n{font-size:var(--lb-sub-size);font-weight:500;color:var(--lb-sub);font-variant-numeric:tabular-nums}
  html.dzlb .lbi-n:empty{display:none}
  html.dzlb .lbi-shutb{align-self:center;width:36px;height:36px;color:var(--lb-ink)}
  html.dzlb .lb-right-x{top:6px;right:6px}
  html.dzlb .lbi-strip{display:none}
  /* docked and hidden: a slim strip with the two doors; the page widens */
  html.dzlb .dz3.lbi-shut .lbi-strip{display:none}
}
@media (min-width:1200px){
  html.dzlb .dz3.lbi-shut{--dz-iw:56px}
  html.dzlb .dz3.lbi-shut .lb-right>:not(.lbi-strip){display:none!important}
  html.dzlb .dz3.lbi-shut .lbi-strip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0}
  html.dzlb .lbi-strip .dz-ib{width:40px;height:40px;color:var(--lb-ink)}
  html.dzlb .lbi-strip .dz-ib:hover{background:var(--lb-raised)}
}
/* under 1200 px the panel is the foundation's drawer: its own close button stays, the hide button goes */
@media (min-width:861px) and (max-width:1199px){
  html.dzlb .lbi-shutb{display:none}
  html.dzlb .dz3.lb-right-open:not(.dz-has-sel) .lb-right-h{padding-right:48px}
  /* a pick opens the drawer: it starts under the toolbar, so the toolbar keeps the whole width of the workspace */
  html.dzlb .dz3.dz-has-sel .lb-right{top:calc(var(--lb-ctx-h) + 20px)}
}

@media (min-width:861px){
  /* ===== Properties: the groups ===== */
  html.dzlb #dzProps>.dzi-b{padding:6px 12px 28px}
  html.dzlb #dzProps[data-lbi="page"]>.dzi-h{display:none}
  html.dzlb #dzProps[data-lbi="piece"]>.dzi-tabs{display:none}
  html.dzlb .lbi-g{margin:0 0 10px;padding:16px 14px 12px;border:0;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgba(42,42,51,.05)}
  html.dzlb .lbi-g:first-child{padding-top:14px}
  html.dzlb #dzProps .lbi-gh{margin:0 0 14px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;color:var(--lb-ink);text-transform:none}
  html.dzlb #dzProps .lbi-gh[hidden]{display:none}
  html.dzlb #dzProps[data-lbi="piece"]>.dzi-b>.lbi-gh{padding-top:14px;margin-top:4px;border-top:1px solid var(--lb-line)}
  html.dzlb #dzProps[data-lbi="piece"]>.dzi-b:first-of-type>.lbi-gh:first-child{border-top:0;margin-top:0;padding-top:12px}
  html.dzlb #dzProps[data-lbi="piece"]>.dzi-b{padding-bottom:8px}
  html.dzlb #dzProps[data-lbi="piece"]>.dzi-b+.dzi-b{padding-top:0}
  html.dzlb .lbi-dup{display:none}
  html.dzlb #dzProps .dzcp-h{font-size:13px;letter-spacing:0;text-transform:none;color:var(--lb-ink)}
  html.dzlb #dzProps .dzcp-h small{font-size:var(--lb-sub-size);color:var(--lb-sub)}
  html.dzlb .lbi-mark{display:none}
  /* the header of a picked piece */
  html.dzlb #dzProps>.dzi-h{min-height:64px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--lb-line)}
  html.dzlb #dzProps>.dzi-h .dzi-ic{width:36px;height:36px;background:var(--lb-soft);color:var(--lb-ink);box-shadow:none}
  html.dzlb #dzProps>.dzi-h b{font-size:14px;font-weight:500;color:var(--lb-ink)}
  html.dzlb #dzProps>.dzi-h small{font-size:var(--lb-sub-size);color:var(--lb-sub)}
  html.dzlb #dzProps>.dzi-h small.lbi-hk{display:flex;align-items:center;gap:6px;color:var(--lb-ink-2)}
  html.dzlb #dzProps .dzi-done{height:32px;padding:0 14px;border-radius:var(--radius);corner-shape:round;background:var(--lb-soft);color:var(--lb-ink);font-size:13px;box-shadow:none}
  html.dzlb #dzProps .dzi-done:hover{background:var(--lb-soft-2);box-shadow:none}
  html.dzlb #dzProps .dzi-done:focus-visible{box-shadow:var(--lb-focus)}
  /* field labels and the small words in the panel */
  html.dzlb #dzProps .dzi-l{font-size:12px;font-weight:500;color:var(--lb-ink-2)}
  
  html.dzlb #dzProps .dzi-l .dz-hint,html.dzlb #dzProps .dzi-explain small{font-weight:400;line-height:1.45}
  /* the house floor: nothing in the panel under 12 px (the plug-ins' small words, tile names, units and counts) */
  html.dzlb #dzProps :is(output,.dz-seg>button,.dz-seg>button *,.dzi-fades span,.dzi-layers span,.dzx-d-nf i,.dzx-d-nf em,.dzi-note span,.dzi-dist span,.dzx-b-sub,.dzi-shs span,.dzx-cc-n,.dzx-fr-tip,.dzx-f-lead,.dzx-cc button,.dzx-cc button *,.dzx-c-looks button,.dzx-c-looks button *,.dzx-d-ctiles button,.dzx-d-ctiles button *,.dzx-d-fx button,.dzx-d-fx button *,.dzx-f-tiles button,.dzx-f-tiles button *),
  html.dzlb .lbi-layers .dz-btn2{font-size:12px}
  /* small words follow the shared scale (css/designer-lightbox.css: --lb-help, --lb-sub) */
  html.dzlb #dzProps :is(small,.dz-hint,.dzi-explain small,.dzi-tip p),html.dzlb .lbi-layers :is(small,.dz-hint){font-size:var(--lb-help-size);color:var(--lb-help)}
  html.dzlb #dzProps select,html.dzlb #dzProps .dzf-btn,html.dzlb #dzProps .dz-popbtn,html.dzlb #dzProps .dz-step{background:var(--lb-soft);border:1px solid transparent;border-radius:var(--radius);box-shadow:none}
  html.dzlb #dzProps .dz-step>input{border:0}
  /* number fields that draw their own box (Size and Position, spacing): one white field with a 1 px edge, the input inside has none */
  html.dzlb #dzProps .dzx-d-nf{background:#fff;box-shadow:inset 0 0 0 1px var(--lb-line-field)}
  html.dzlb #dzProps .dzx-d-nf:focus-within{box-shadow:inset 0 0 0 1px var(--lb-primary),var(--lb-focus)}
  html.dzlb #dzProps .dzx-d-nf input[type=number]{border:0;border-radius:0;background:transparent}
  html.dzlb #dzProps .dzi-tip{background:var(--lb-raised)}
  html.dzlb #dzProps .dzi-ic.sm{background:#fff}
  /* This Side */
  html.dzlb .lbi-side{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:12px;border-radius:var(--radius);background:var(--lb-raised);box-shadow:inset 0 0 0 1px var(--lb-line)}
  html.dzlb .lbi-side-th{flex:none;display:grid;place-items:center;overflow:hidden;background:#fff;color:var(--lb-ink-3);box-shadow:0 0 0 .5px rgba(42,42,51,.22),0 1px 3px rgba(42,42,51,.16)}
  html.dzlb .lbi-side-th img{display:block;width:100%;height:100%;object-fit:cover}
  html.dzlb .lbi-side-t{display:grid;gap:2px;min-width:0}
  html.dzlb .lbi-side-t b{font-size:13px;font-weight:500;color:var(--lb-ink);line-height:1.3}
  html.dzlb .lbi-side-t span{font-size:12px;line-height:1.4;color:var(--lb-ink-2)}
  html.dzlb .lbi-g-side #dzTn{margin:0 0 12px}
  html.dzlb #dzProps .tn-dz,html.dzlb #dzProps .tn-dz *{font-size:12px}
  /* Background: the swatches a little larger, like the prototype */
  html.dzlb .lbi-g-bg .dz-sws{gap:8px}
  html.dzlb .lbi-g-bg .dz-sw{width:28px;height:28px}
  /* Print Check: the status as rows, each with its amber pin, opening its piece */
  html.dzlb .lbi-g-check .dzx-b-lc{gap:10px}
  html.dzlb .lbi-g-check .dzx-b-chip{width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:var(--radius);background:#fff;color:var(--lb-ink);box-shadow:inset 0 0 0 1px var(--lb-line);text-align:left}
  html.dzlb .lbi-g-check .dzx-b-chip:hover{background:var(--lb-raised)}
  html.dzlb .lbi-g-check .dzx-b-chip.warn>svg:first-child{color:var(--lb-warn-icon)}
  html.dzlb .lbi-g-check .dzx-b-chip.ok>svg:first-child{color:var(--lb-ink-3)}
  html.dzlb .lbi-g-check .dzx-b-chip b{font-size:13px;font-weight:500;color:var(--lb-ink)}
  html.dzlb .lbi-g-check .dzx-b-chip small{font-size:var(--lb-sub-size);color:var(--lb-sub)}
  html.dzlb .lbi-g-check .dzx-b-list{counter-reset:lbi;display:grid;gap:8px;margin:2px 0 0;padding:0;list-style:none}
  html.dzlb .lbi-g-check .dzx-b-list button{counter-increment:lbi;position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;column-gap:12px;width:100%;min-height:52px;padding:8px 10px 8px 12px;
    border:0;border-radius:var(--radius);background:#fff;color:var(--lb-ink);box-shadow:inset 0 0 0 1px var(--lb-line-firm);font:inherit;text-align:left;cursor:pointer}
  html.dzlb .lbi-g-check .dzx-b-list button::before{content:counter(lbi);grid-row:1 / span 2;width:24px;height:24px;border-radius:50%;background:var(--lb-warn-icon);color:#fff;font-size:12px;font-weight:500;line-height:24px;text-align:center}
  html.dzlb .lbi-g-check .dzx-b-list button::after{content:"";grid-column:3;grid-row:1 / span 2;width:16px;height:16px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
  html.dzlb .lbi-g-check .dzx-b-list button:hover{background:var(--lb-raised)}
  html.dzlb .lbi-g-check .dzx-b-list button:focus-visible{box-shadow:inset 0 0 0 1px var(--lb-line-firm),var(--lb-focus)}
  html.dzlb .lbi-g-check .dzx-b-list button>span{grid-column:2;font-size:13px;font-weight:500;line-height:1.3;min-width:0;overflow-wrap:anywhere}
  html.dzlb .lbi-g-check .dzx-b-list button>span em{font-style:normal;color:var(--lb-ink-3)}
  html.dzlb .lbi-g-check .dzx-b-list button>small{grid-column:2;font-size:12px;line-height:1.35;color:var(--lb-ink-2)}
  html.dzlb .lbi-g-check .dzx-b-lc>.dz-swrow{margin-top:4px}
  html.dzlb .lbi-g-check .dzx-b-tidy{margin-top:4px}
  /* View */
  html.dzlb .lbi-view .dz-swrow small{display:block;margin-top:2px;font-size:var(--lb-sub-size);font-weight:400;color:var(--lb-sub)}
  html.dzlb .lbi-view{margin:0 0 12px}
  /* Your Order */
  html.dzlb .lbi-order{display:grid;gap:0;padding:6px 14px;border-radius:var(--radius);background:var(--lb-raised);box-shadow:inset 0 0 0 1px var(--lb-line)}
  html.dzlb .lbi-ol,html.dzlb .lbi-ot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0}
  html.dzlb .lbi-ol>span{font-size:13px;line-height:1.4;color:var(--lb-ink);min-width:0}
  html.dzlb .lbi-ol>span small{display:block;font-size:var(--lb-sub-size);color:var(--lb-sub)}
  html.dzlb .lbi-ol>b{flex:none;font-size:13px;font-weight:500;color:var(--lb-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
  html.dzlb .lbi-ol>b.lbi-soft{font-weight:500;color:var(--lb-ink-3)}
  html.dzlb .lbi-ot{margin-top:2px;border-top:1px solid var(--lb-line-firm);padding:10px 0 8px}
  html.dzlb .lbi-ot>span{font-size:13px;font-weight:500;color:var(--lb-ink)}
  html.dzlb .lbi-ot>b{font-size:16px;font-weight:500;color:var(--lb-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
  html.dzlb .lbi-orderw>.dz-hint{margin:8px 0 12px}
  /* More Options */
  html.dzlb .lbi-moreb{display:flex;align-items:center;gap:8px;width:calc(100% - 36px);min-height:48px;margin:0 18px;padding:0 2px;border:0;border-top:1px solid var(--lb-line);background:transparent;color:var(--lb-ink);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}
  html.dzlb .lbi-moreb>span{flex:1}
  html.dzlb .lbi-moreb>small{min-width:22px;height:20px;padding:0 6px;border-radius:var(--tag-radius-s);corner-shape:var(--tag-shape);background:var(--lb-raised-2);color:var(--lb-ink-2);font-size:12px;font-weight:500;line-height:20px;text-align:center}
  html.dzlb .lbi-moreb>svg{color:var(--lb-ink-2);transition:transform .15s}
  html.dzlb .lbi-moreb[aria-expanded="true"]>svg{transform:rotate(180deg)}
  html.dzlb .lbi-moreb:hover{color:var(--lb-primary)}
  html.dzlb .lbi-moreb:focus-visible{box-shadow:var(--lb-focus);border-radius:var(--radius-sm)}
  html.dzlb #dzProps>.lbi-more{display:none;padding:4px 18px 32px}
  html.dzlb #dzProps>.lbi-more.on{display:block}
  html.dzlb #dzProps .lbi-gh2{margin:14px 0 10px;color:var(--lb-ink-2)}
  html.dzlb #dzProps .lbi-gh2:first-child{margin-top:4px}
  /* the block a toolbar button opened glows once */
  html.dzlb #dzProps .lbi-glow{animation:lbi-glow 1.3s ease-out}
  @keyframes lbi-glow{0%{box-shadow:0 0 0 2px var(--lb-sel-line),0 0 0 6px var(--lb-sel)}100%{box-shadow:0 0 0 2px rgba(124,140,37,0),0 0 0 6px rgba(241,246,218,0)}}

  /* ===== Layers ===== */
  html.dzlb .lbi-layers{display:none;flex:1;min-height:0;flex-direction:column;background:#fff}
  html.dzlb .lb-right.lbi-on-layers .lbi-layers{display:flex}
  html.dzlb .lb-right.lbi-on-layers>.dz-insp{display:none!important}
  html.dzlb .lbi-lay-b{flex:1;min-height:0;overflow:auto;padding:8px 10px 12px;scrollbar-width:thin;overscroll-behavior:contain}
  html.dzlb .lbi-lay-f{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 12px;border-top:1px solid var(--lb-line)}
  html.dzlb .lbi-lay-f .dz-btn2{justify-content:center;min-height:36px}
  html.dzlb .lbi-lay-n{grid-column:1 / -1;margin:0;font-size:var(--lb-sub-size);color:var(--lb-sub);text-align:center}
  html.dzlb .lbi-lay-n:empty{display:none}
  html.dzlb .lbi-layers .dz-layers{gap:4px}
  html.dzlb .lbi-layers .dz-layer,html.dzlb .lbi-layers .dz-layer.dzm-row{grid-template-columns:14px 36px minmax(0,1fr) auto auto;gap:10px;min-height:52px;padding:6px 6px 6px 2px;border-radius:var(--radius)}
  html.dzlb .lbi-layers .dz-layer.dzm-row{grid-template-columns:26px 36px minmax(0,1fr) auto auto}
  html.dzlb .lbi-layers .dz-layer:hover{background:var(--lb-raised)}
  html.dzlb .lbi-layers .dz-layer.on{background:var(--lb-sel);box-shadow:inset 0 0 0 1px var(--lb-sel-line)}
  html.dzlb .lbi-layers .dz-l-grip{color:var(--lb-ink-off)}
  html.dzlb .lbi-layers .dz-l-ic{width:36px;height:36px;overflow:hidden;border-radius:var(--radius-sm);background:#fff;color:var(--lb-ink);box-shadow:inset 0 0 0 1px var(--lb-line)}
  html.dzlb .lbi-layers .dz-l-ic img{width:100%;height:100%;object-fit:cover;display:block}
  html.dzlb .lbi-layers .dz-l-ic.lbi-th{background:var(--lb-raised)}
  html.dzlb .lbi-aa{font-size:17px;line-height:1}
  html.dzlb .lbi-th:has(.lbi-aa.on-dark){background:var(--lb-ink)}
  html.dzlb .lbi-swt{display:block;width:24px;height:24px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px rgba(42,42,51,.18)}
  html.dzlb .lbi-swt.round{border-radius:50%}
  html.dzlb .lbi-layers .dz-l-n{display:grid;gap:2px;white-space:normal;min-width:0}
  html.dzlb .lbi-ln{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;font-size:13px;font-weight:500;line-height:1.25;color:var(--lb-ink);overflow:hidden;overflow-wrap:anywhere}
  html.dzlb .lbi-ln .dz-l-g{display:inline-grid;vertical-align:-2px;margin-left:4px}
  html.dzlb .lbi-lk{display:flex;align-items:center;gap:8px;font-size:var(--lb-sub-size);line-height:1.3;color:var(--lb-sub)}
  html.dzlb .lbi-uv,html.dzlb .lbi-off{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:var(--tag-radius-s);corner-shape:var(--tag-shape);background:var(--lb-raised-2);color:var(--lb-ink-2);font-style:normal;font-size:12px;font-weight:500;line-height:18px}
  html.dzlb .lbi-layers .dz-layer .dz-ib{width:32px;height:32px;color:var(--lb-ink-3)}
  html.dzlb .lbi-layers .dz-layer:hover .dz-ib,html.dzlb .lbi-layers .dz-layer:focus-within .dz-ib,html.dzlb .lbi-layers .dz-layer .dz-ib.on,html.dzlb .lbi-layers .dz-layer.off .dz-ib[data-lhide]{color:var(--lb-ink)}
  html.dzlb .lbi-layers .dz-layacts{margin:12px 2px 4px}
  html.dzlb .lbi-layers #dzLayers>.dz-hint{margin:8px 4px 0;font-size:var(--lb-sub-size);color:var(--lb-sub)}

  /* ===== the context toolbar above the page ===== */
  html.dzlb .lb-ctx-piece{gap:0}
  html.dzlb .lbx-g{position:relative;display:inline-flex;align-items:center;gap:2px;padding:0 5px;flex:none}
  html.dzlb .lbx-g:not(.lbx-of)~.lbx-g:not(.lbx-of)::before{content:"";position:absolute;left:0;top:50%;width:1px;height:20px;margin-top:-10px;background:var(--lb-line)}
  html.dzlb .lbx-of{display:none!important}
  html.dzlb .lbx-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--lb-ink);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}
  html.dzlb .lbx-b.lbx-w{padding:0 10px 0 8px}
  html.dzlb .lbx-b:hover{background:var(--lb-raised)}
  html.dzlb .lbx-b:active{background:var(--lb-raised-2)}
  html.dzlb .lbx-b[aria-pressed="true"]{background:var(--lb-sel);box-shadow:inset 0 0 0 1px var(--lb-sel-line)}
  html.dzlb .lbx-b[aria-pressed="true"]:hover{background:var(--lb-sel-2)}
  html.dzlb .lbx-b:focus-visible{box-shadow:var(--lb-focus)}
  html.dzlb .lbx-b[aria-pressed="true"]:focus-visible{box-shadow:inset 0 0 0 1px var(--lb-sel-line),var(--lb-focus)}
  html.dzlb .lbx-b:disabled{color:var(--lb-ink-off);cursor:default;background:transparent}
  html.dzlb .lbx-b svg{flex:none;color:var(--lb-ink)}
  html.dzlb .lbx-b b{font-size:15px;font-weight:500}
  html.dzlb .lbx-aa{font-size:14px;font-weight:500;letter-spacing:.01em}
  html.dzlb .lbx-done{background:var(--lb-sel);box-shadow:inset 0 0 0 1px var(--lb-sel-line);font-weight:500}
  html.dzlb .lbx-done:hover{background:var(--lb-sel-2)}
  html.dzlb .lbx-font{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:168px;height:32px;padding:0 8px 0 10px;border:1px solid var(--lb-line-field);border-radius:var(--radius-sm);background:#fff;color:var(--lb-ink);font:inherit;font-size:14px;cursor:pointer}
  html.dzlb .lbx-font>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.dzlb .lbx-font>svg{flex:none;color:var(--lb-ink-2)}
  html.dzlb .lbx-font:hover{border-color:var(--lb-line-strong)}
  html.dzlb .lbx-font:focus-visible{box-shadow:var(--lb-focus)}
  html.dzlb .lbx-size{display:inline-flex;align-items:center;height:32px;border:1px solid var(--lb-line-field);border-radius:var(--radius-sm);background:#fff}
  html.dzlb .lbx-size:focus-within{border-color:var(--lb-primary)}
  html.dzlb .lbx-size .lbx-b{min-width:30px;height:30px;padding:0}
  html.dzlb .lbx-size input{width:42px;height:28px;padding:0 2px;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;text-align:right;color:var(--lb-ink);font-variant-numeric:tabular-nums}
  html.dzlb .lbx-size input:focus{outline:0}
  html.dzlb .lbx-size i{padding:0 4px 0 3px;font-style:normal;font-size:var(--lb-sub-size);color:var(--lb-sub)}
  html.dzlb .lbx-sv{min-width:44px;padding:0 4px;font-size:13px;font-weight:500;text-align:center;color:var(--lb-ink);font-variant-numeric:tabular-nums}
  html.dzlb .lbx-sw{display:inline-block;width:20px;height:20px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(42,42,51,.22)}
  html.dzlb .lbx-seg .lbx-b{min-width:32px}
  html.dzlb .lbx-lock{display:inline-flex;align-items:center;gap:6px;padding:0 6px 0 4px;font-size:13px;font-weight:500;color:var(--lb-ink-2)}
  html.dzlb .lbx-name{flex:none;padding:0 8px 0 10px;font-size:13px;font-weight:500;color:var(--lb-ink);white-space:nowrap}
  html.dzlb .lbx-name[hidden]{display:none}
  /* the toolbar's Line Them Up menu */
  html.dzlb .dz-menu.lbx-menu>button svg{visibility:visible;color:var(--lb-ink)}
  html.dzlb .dz-menu.lbx-menu .dz-menu-h{margin-top:8px}
  html.dzlb .dz-menu.lbx-menu .dz-menu-h:first-child{margin-top:4px}
}
/* touch screens with room (tablets): 44 px targets in the toolbar, the tabs and the layers */
@media (min-width:861px) and (pointer:coarse){
  html.dzlb .lbx-b,html.dzlb .lbx-font,html.dzlb .lbx-size{min-height:44px;height:44px}
  html.dzlb .lbx-b{min-width:44px}
  html.dzlb .lbx-size .lbx-b{min-width:44px;height:42px}
  html.dzlb .lb-right-h{height:52px}
  html.dzlb .lbi-shutb,html.dzlb .lbi-strip .dz-ib{width:44px;height:44px}
  html.dzlb .lbi-layers .dz-layer .dz-ib{width:44px;height:44px;opacity:1}
  html.dzlb .lbi-lay-f .dz-btn2{min-height:44px}
  html.dzlb .lbi-moreb{min-height:52px}
}

/* ===== THE ONE MENU (right-click, long press, More): the bright look; menus live on body, outside the studio ===== */
html.dzlb .dz-menu.dzx-t-menu{min-width:300px;padding:6px}
html.dzlb .dz-menu.dzx-t-menu>.dz-menu-h{margin:6px 10px 8px;font-size:13px;font-weight:500;color:var(--lb-ink)}
html.dzlb .dz-menu.dzx-t-menu>button{min-height:36px;padding:4px 10px;gap:10px;font-size:13px;color:var(--lb-ink)}
html.dzlb .dz-menu.dzx-t-menu>button:hover{background:var(--lb-raised)}
html.dzlb .dz-menu.dzx-t-menu>button svg{color:var(--lb-ink);opacity:1}
html.dzlb .dz-menu.dzx-t-menu>button:focus-visible{box-shadow:var(--lb-focus)}
html.dzlb .dz-menu.dzx-t-menu kbd{padding:0;border:0;background:none;box-shadow:none;font:inherit;font-size:var(--lb-sub-size);color:var(--lb-sub)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-gh{margin:6px 10px 2px;font-size:var(--lb-sub-size);font-weight:500;color:var(--lb-sub)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-sep{margin:6px 6px;background:var(--lb-line)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button{font-size:12px;color:var(--lb-ink);padding:6px 0}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button span{overflow-wrap:normal;word-break:normal}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button:hover{background:var(--lb-raised)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button svg{color:var(--lb-ink)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button:nth-child(5){color:var(--danger)}
html.dzlb .dz-menu.dzx-t-menu .dzx-t-quick>button:nth-child(5) svg{color:var(--danger)}
html.dzlb .dz-menu.dzx-t-menu .dz-menu-note{font-size:var(--lb-sub-size);color:var(--lb-sub)}
html.dzlb .dz-menu.dzx-t-menu>button[aria-pressed="true"]{background:var(--lb-sel);color:var(--lb-ink)}
html.dzlb .dz-menu.dzx-t-menu>button[aria-pressed="true"] svg{color:var(--lb-ink)}
html.dzlb .dz-menu.dzx-t-menu>button[data-lbiall] svg{visibility:visible}