/* The same compact category row used by the mold editors, in Click's lavender theme. */
html body .click-product-modes{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0;padding:0;max-width:100%;font-family:'Yuanti SC','STYuanti','Avenir Next','PingFang SC',sans-serif}
html body .click-product-modes a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 16px;border:1px solid #d9d3df;border-radius:9px;background:transparent;color:#173f73;text-decoration:none;font-size:14px;line-height:1.4;white-space:nowrap;box-sizing:border-box}
html body .click-product-modes a[aria-current=page]{background:#eee3f6;border-color:#b89acb;color:#60467a}
html body .click-product-modes a:hover{border-color:#9273ac;background:#f3edf8}
html body .click-product-modes a:focus-visible{outline:2px solid #173f73;outline-offset:3px}
html body .click-mode-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
html body .letters-editor-shell .canvas-heading{margin-bottom:8px}
@media(max-width:760px){html body .click-product-modes{gap:5px}html body .click-product-modes a{min-height:36px;padding:5px 10px;font-size:12px}html body .letters-editor-shell .canvas-heading{gap:6px;flex-wrap:nowrap}html body .letters-editor-shell #layoutLabel{font-size:10px}}