.toolbar-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.metadata-table .metadata-edit { width:100%; min-width:160px; padding:7px 8px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--ink); font:12px 'Noto Sans Thai','Segoe UI',sans-serif; }
.metadata-table .field-actions { width:42px; text-align:right; }
.delete-field { width:30px; height:30px; padding:0; border:1px solid #e0a7a7; border-radius:7px; background:#fff3f3; color:#a63838; font:700 17px/1 Arial; cursor:pointer; }
.edit-note { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }
.card-heading { flex:1 1 320px; min-width:0; }
.filename-heading { width:min(100%,620px); }
.filename-input-row { display:flex; width:100%; min-width:0; align-items:stretch; }
.filename-base-input { flex:1 1 auto; min-width:0; height:36px; padding:6px 9px; border:1px solid var(--line); border-radius:7px 0 0 7px; background:var(--panel); color:var(--ink); font:700 15px 'Noto Sans Thai','Segoe UI',sans-serif; outline:none; }
.filename-base-input:focus { border-color:var(--accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent); }
.filename-extension { display:flex; flex:0 0 auto; min-width:44px; height:36px; padding:6px 9px; box-sizing:border-box; align-items:center; justify-content:center; border:1px solid var(--line); border-left:0; border-radius:0 7px 7px 0; background:var(--accent-soft); color:var(--muted); font:600 12px 'DM Mono',monospace; }
html[data-theme="dark"] .delete-field { border-color:#70454b; background:#342229; color:#ffb3b3; }
@media(max-width:760px){.toolbar-actions{width:100%;flex-direction:column}.toolbar-actions button{width:100%}.metadata-table .metadata-edit{min-width:120px}.metadata-table th{width:92px}}