#imageTextStyleBar[hidden]{display:none!important}#imageTextStyleBar{position:fixed;z-index:1000;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));padding:13px 16px;background:#fff;border:1px solid #dfc4cc;border-radius:14px;box-shadow:0 8px 35px #3a172b30;color:#392a31;font:14px/1.4 Arial,"PingFang SC","Microsoft YaHei",sans-serif;box-sizing:border-box}#imageTextStyleBar *{box-sizing:border-box}.its-heading{display:flex;gap:14px;align-items:center;margin-bottom:9px}.its-heading strong{font-size:16px;white-space:nowrap}.its-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#725d66;font-size:12px}.its-controls{display:flex;align-items:center;gap:20px}.its-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600}.its-controls input,.its-controls select,.its-controls button{min-height:44px;border:1px solid #d6c9ce;background:#fff;color:#392a31;border-radius:7px;font:16px Arial,"PingFang SC",sans-serif;margin:0}.its-controls input[type=color]{width:48px;padding:4px;cursor:pointer}.its-size{display:flex;align-items:center;gap:4px}.its-size button{width:36px;cursor:pointer}.its-size input{width:58px;text-align:center;appearance:textfield;-moz-appearance:textfield}.its-size input::-webkit-inner-spin-button{appearance:none}.its-controls select{padding:0 8px;width:82px}.its-controls :disabled{opacity:.42;cursor:default}.its-controls :focus-visible{outline:3px solid #357dc0;outline-offset:2px}body.image-text-style-open{padding-bottom:160px}@media(max-width:620px){#imageTextStyleBar{padding:10px 12px}.its-heading{margin-bottom:7px}.its-controls{justify-content:space-between;gap:8px}.its-controls label{flex-direction:column;gap:4px;font-size:12px}.its-size{gap:2px}.its-size button{width:34px}.its-size input{width:48px}.its-controls select{width:76px}.its-heading span{font-size:11px}}@media print{#imageTextStyleBar{display:none!important}}

/* Font family sits alongside the existing text controls, including on narrow screens. */
#imageTextStyleBar{width:min(780px,calc(100% - 24px))}
#imageTextStyleBar .its-controls{flex-wrap:wrap;gap:12px}
#imageTextStyleBar #itsFont{width:136px;max-width:100%}
#imageTextStyleBar .its-font-status{font-size:12px;line-height:1.5;color:#725d66;margin:8px 0 0}
#imageTextStyleBar .its-font-status[hidden]{display:none!important}
@media(max-width:620px){#imageTextStyleBar .its-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1.6fr) minmax(0,.9fr);gap:7px}#imageTextStyleBar .its-controls label{min-width:0}#imageTextStyleBar #itsFont{width:100%;font-size:14px;padding:0 4px}#imageTextStyleBar #itsWeight{width:100%;font-size:14px;padding:0 3px}#imageTextStyleBar .its-size input{width:37px}#imageTextStyleBar .its-size button{width:27px}}