.diagram-title-target{position:relative}
#view-title.diagram-title-target{padding-right:40px;width:fit-content;max-width:100%}
.diagram-title-pencil{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:5px!important;opacity:0;transition:opacity .12s;vertical-align:middle}
.diagram-title-target:hover>.diagram-title-pencil,.diagram-title-target:focus-within>.diagram-title-pencil{opacity:1}
#view-title>.diagram-title-pencil{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.home-card>.diagram-title-pencil{position:absolute;right:12px;top:62px;z-index:2}
.home-card.diagram-title-target .diagram-card-main strong{padding-right:28px}
.dashboard-list td.diagram-title-target{padding-right:40px}
.dashboard-list td>.diagram-title-pencil{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.diagram-title-form{display:flex;align-items:center;gap:4px;position:absolute;inset:0;z-index:3;margin:0;padding:3px;background:var(--button-bg);border:1px solid var(--button-border);border-radius:6px;min-width:min(320px,100%);font:inherit}
.diagram-title-form input{min-width:0;width:100%;font:inherit;font-size:clamp(14px,1.25vw,20px);height:36px;padding:4px 7px;box-sizing:border-box}
.diagram-title-form button{font-size:16px;width:30px;min-width:30px;height:32px;min-height:32px;padding:3px}
#view-title .diagram-title-form{width:min(480px,calc(100vw - 64px));min-width:0;right:auto}
.home-card>.diagram-title-form{inset-inline:10px;bottom:auto;min-width:0}
@media(hover:none){.diagram-title-pencil{opacity:1}}