.text-on-image-blank{margin-top:14px}
.text-on-image-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.text-on-image-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.text-on-image-left{min-width:0}
.text-on-image-stage{min-height:200px;padding:10px}
.text-on-image-pv{max-width:100%;max-height:70vh;height:auto;display:block;box-shadow:0 1px 6px rgba(0,0,0,.18);touch-action:none;cursor:move;user-select:none;-webkit-user-select:none}
.text-on-image-cap{font-size:13px;margin:8px 0 0;text-align:center}
.text-on-image-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.text-on-image-side .opt{min-width:0;flex:none}
.text-on-image-layers{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.text-on-image-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:600;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-on-image-chip.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc-d)}
.text-on-image-ta{min-height:64px!important;font-size:16px}
.text-on-image-two{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.text-on-image-two .opt{min-width:0}
.text-on-image-rng{flex-wrap:nowrap}
.text-on-image-rng input[type=range]{flex:1;min-width:0;width:auto}
.text-on-image-val{font-size:13.5px;min-width:52px}
.text-on-image-style{gap:10px 18px}
.text-on-image-hint{margin:0;font-size:14px}
.text-on-image-fmt{font-size:14px;font-weight:700}
.text-on-image-res{margin:0 0 20px}
.text-on-image-res img{max-width:100%;max-height:50vh;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.18)}
@media(max-width:860px){.text-on-image-grid{grid-template-columns:1fr}.text-on-image-stage{padding:6px}.text-on-image-pv{max-height:55vh}}