.name-dialog-backdrop{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--overlay)}
.name-dialog{display:flex;flex-direction:column;gap:var(--space-5);width:min(480px,100%);max-height:calc(100dvh - 2 * var(--space-6));margin:0;padding:var(--space-6);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-popover);outline:none}
.name-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.name-dialog-header h2{margin:0;color:var(--heading);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-heading)}
.name-dialog-close{display:flex;align-items:center;justify-content:center;flex:none;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-control);color:var(--muted)}
.name-dialog-close:hover{background:var(--surface-hover)}
.name-dialog-field{display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink);font-size:var(--font-size-body);line-height:var(--line-ui)}
.name-dialog-field input{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:var(--font-size-body);line-height:var(--line-ui)}
.name-dialog-field input:focus{outline:none;box-shadow:none}
.name-dialog-error{margin:0;color:var(--danger);font-size:var(--font-size-body);line-height:var(--line-ui);overflow-wrap:anywhere}
.name-dialog-error[hidden]{display:none}
.name-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}