.field input{padding-right:76px}
.more{position:absolute;right:6px;top:4px;z-index:1;width:36px;height:36px;min-height:36px;padding:0;border:0;background:none;color:var(--fg);font-size:22px;line-height:1;font-weight:500;border-radius:10px}
.more:hover{background:var(--panel2)}
.field:has(#urlClear:not([hidden])) .more{right:40px}
.field.multi{align-items:stretch}
.field.multi input,.field.multi .clear{display:none}
.field.multi #urls{display:block;width:100%;min-height:132px;margin:0;padding:12px 44px 12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line2);color:var(--fg);font:inherit;font-size:16px;line-height:1.45;resize:vertical}
.field.multi #urls:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px var(--accbg)}
.field.multi .more{top:8px}
.field.multi + #go{align-self:flex-start}
.field.multi .clear:not([hidden]){display:block;top:26px}
.field.multi:has(#urlClear:not([hidden])) #urls{padding-right:80px}
.more{color:#d9dce2}.more svg{display:block;margin:auto}
/* paste button (paste.js): shown only while the box is empty, left of the chevron; with text the ✕ takes its place. Icons ~8px apart,
   each tap area 40px (neighbouring tap areas overlap invisibly); the text keeps clear of the icons */
#linkField #pasteBtn[hidden]{display:none}
#linkField .more{width:40px;height:40px;min-height:40px;top:2px;right:4px}
#linkField #pasteBtn{right:34px}
.field input{padding-right:72px}
#linkField:has(#urlClear:not([hidden])) .more{right:26px}
#linkField:has(#urlClear:not([hidden])) input{padding-right:64px}
#linkField:has(#urlClear:not([hidden])):has(#pasteBtn:not([hidden])) #pasteBtn{right:56px}
#linkField:has(#urlClear:not([hidden])):has(#pasteBtn:not([hidden])) input{padding-right:94px}
#linkField.multi .more{top:8px}
.field.multi #urls{padding-right:72px}.field.multi:has(#urlClear:not([hidden])) #urls{padding-right:64px}