.tool-feel{display:grid;grid-template-columns:112px 100px;align-items:center;gap:9px 12px;padding:8px 12px;border-left:1px solid #dde9f0;background:#faf7ff;border-radius:7px}
.tool-feel-menu{position:relative}
.tool-feel-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d0e3ef;border-radius:8px;background:#faf7ff;color:#3188be;cursor:pointer;list-style:none;touch-action:manipulation}
.tool-feel-menu summary::-webkit-details-marker{display:none}
.tool-feel-menu summary svg{display:block;pointer-events:none}
.tool-feel-menu summary:hover,.tool-feel-menu[open] summary{background:#e2f4ff;border-color:#9ac1da}
.tool-feel-menu summary:focus-visible{outline:3px solid #1679b5;outline-offset:3px}
.tool-feel-menu>.tool-feel{position:absolute;top:calc(100% + 9px);right:0;z-index:10;width:264px;max-width:calc(100vw - 32px);border:1px solid #d0e3ef;padding:15px;background:#fff;box-shadow:0 8px 24px #39647f20;grid-template-columns:112px minmax(0,1fr);gap:12px}
.tool-feel label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#41545f;white-space:nowrap}
.tool-feel output{color:#3188be;font-size:10px;font-variant-numeric:tabular-nums}
.tool-feel input[type=range]{width:100%;margin:0;min-height:24px;accent-color:#1679b5;cursor:pointer;touch-action:pan-y}
.size-control{min-width:0}.size-limits{display:flex;justify-content:space-between;color:#677883;font-size:9px;line-height:1.4}.tool-feel label[for=tool-size]{align-self:start;padding-top:5px}
@media(max-width:720px){.tool-feel-menu>.tool-feel{position:fixed;top:auto;right:18px;left:18px;width:auto;max-width:none;margin-top:10px}}