/* The same image-tool pill is used in the canvas, PS, and the PS tool frame. */
.cv-fbar{--cv-text:#303036;--cv-hover:#f3f4f8;--cv-muted:#8a91a5;position:absolute;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:2px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(16,24,40,.09);border-radius:18px;box-shadow:0 8px 28px -6px rgba(16,24,40,.2);padding:3px 4px 3px 10px;max-width:calc(100% - 20px);color:var(--cv-text);font-family:-apple-system,"SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Helvetica Neue",sans-serif;font-size:15px;line-height:1.7}
.cv-fbar .cv-flabel{font-size:11.5px;color:var(--cv-muted);white-space:nowrap;margin-right:4px;font-variant-numeric:tabular-nums}
.cv-fbar button{border:none;background:none;height:28px;border-radius:999px;cursor:pointer;font-size:12px;line-height:1;display:inline-flex;align-items:center;gap:4px;padding:0 8px;color:var(--cv-text);white-space:nowrap;font-family:inherit}
.cv-fbar button:hover{background:var(--cv-hover)}
.cv-fbar button .line-icon{color:inherit}
.cv-fbar .cv-fsep{width:1px;height:16px;background:rgba(16,24,40,.09);margin:6px 3px;flex:none}
/* Match the canvas's existing system-dark palette in every host. */
html[data-workspace-theme=dark] .cv-fbar{--cv-text:#ededed;--cv-hover:#303030;--cv-muted:#a6a6a6;background:#242424;border-color:#363636;color:var(--cv-text)}
html[data-workspace-theme=dark] .cv-fbar button{color:var(--cv-text)}