.xhs-rich-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;}
.xhs-rich-tools>small{flex:0 0 100%;color:var(--muted,#627269);font-size:11px;}
.xhs-rich-tools>label,.xhs-rich-weight label{display:inline-flex;align-items:center;gap:5px;margin:0;}
.xhs-rich-tools input[type=number]{width:64px;min-width:0;}
.xhs-rich-tools input[type=color]{width:38px;height:29px;padding:2px;}
.xhs-rich-tools button{min-height:28px;padding:4px 8px;}
.xhs-rich-tools [data-rich-undo]:disabled{display:none;}
.xhs-rich-weight{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:0;}
.xhs-rich-weight[hidden]{display:none;}
.xhs-rich-weight label{flex:1;min-width:0;}
.xhs-rich-weight input[type=range]{min-width:0;width:100%;}
.xhs-rich-weight output{min-width:3ch;font-variant-numeric:tabular-nums;}
.xhs-note-canvas-frame>.xhs-rich-tools{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:6;max-width:calc(100% - 20px);padding:7px 10px;background:var(--panel,#fff);border:1px solid var(--line,#d8e1dc);border-radius:8px;box-shadow:0 2px 8px #0001;}

/* Compact, single-row canvas text tools. */
.xhs-template-studio-workbench [data-xhs-rich-tools][data-rich-scope="template"]{
  display:grid;grid-template-columns:minmax(48px,64px) minmax(44px,54px) 42px 62px;align-items:end;gap:5px;
}
.xhs-template-studio-workbench [data-xhs-rich-tools]>small,
.xhs-template-studio-workbench [data-xhs-rich-tools]>.xhs-rich-weight,
.xhs-template-studio-workbench [data-xhs-rich-tools]>[data-rich-undo]{grid-column:1/-1;}
.xhs-template-studio-workbench [data-xhs-rich-tools]>label{display:grid;grid-template-columns:1fr;gap:4px;min-width:0;}
.xhs-template-studio-workbench [data-xhs-rich-tools]>label>span{white-space:nowrap;}
.xhs-template-studio-workbench [data-xhs-rich-tools] input[type=number]{width:100%;}
.xhs-template-studio-workbench [data-xhs-rich-tools] input[type=color]{height:30px;}
.xhs-template-studio-workbench [data-xhs-rich-tools]>button,
.xhs-template-studio-workbench [data-xhs-rich-tools] [data-pen-toggle]{height:30px;min-height:30px;padding:4px 7px;font-size:12px;line-height:20px;box-sizing:border-box;white-space:nowrap;}
.xhs-template-studio-workbench [data-xhs-rich-tools]>[data-rich-undo]{justify-self:start;}
.xhs-rich-tools .xhs-rich-weight{width:max-content;max-width:100%;gap:6px;align-items:center;}
.xhs-rich-tools .xhs-rich-weight label{display:flex;flex:0 1 auto;grid-template-columns:none;align-items:center;gap:7px;}
.xhs-rich-tools .xhs-rich-weight label>span{font-size:11px;white-space:nowrap;}
.xhs-rich-tools .xhs-rich-weight input[type=range]{
  -webkit-appearance:none;appearance:none;width:120px;flex:0 0 120px;min-width:0;
  height:20px;min-height:20px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;
}
.xhs-rich-tools .xhs-rich-weight input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#cbd5cf;}
.xhs-rich-tools .xhs-rich-weight input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:1px solid #fff;border-radius:50%;background:#365f50;box-shadow:0 0 0 1px #365f502b;}
.xhs-rich-tools .xhs-rich-weight input[type=range]::-moz-range-track{height:2px;border:0;border-radius:2px;background:#cbd5cf;}
.xhs-rich-tools .xhs-rich-weight input[type=range]::-moz-range-thumb{width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:#365f50;box-shadow:0 0 0 1px #365f502b;}
.xhs-rich-tools .xhs-rich-weight input[type=range]:focus-visible{outline:2px solid #365f5070;outline-offset:2px;border-radius:4px;}
.xhs-rich-tools .xhs-rich-weight output{font-size:11px;color:var(--muted,#627269);}
/* The center mark is the original font; adjustments run thinner to thicker. */
.xhs-rich-tools .xhs-rich-weight input[type=range]{background:linear-gradient(#81968b,#81968b) center/1px 7px no-repeat;}
.xhs-rich-tools .xhs-rich-weight output{min-width:4ch;text-align:right;}