.copy-field{display:flex;align-items:stretch;inline-size:100%;max-inline-size:490px;margin-inline:auto}
.copy-field input{box-sizing:border-box;flex:1 1 auto;min-inline-size:0;inline-size:0;padding:10px 8px;border:1px solid var(--line,#dce1ec);border-radius:6px 0 0 6px;background:var(--surface,#fff);color:var(--ink,#202b43);text-align:center;min-block-size:44px;font:13px/1.5 ui-monospace,monospace}
.copy-field button{flex:0 0 46px;display:grid;place-items:center;margin:0;padding:8px;border:1px solid var(--line,#dce1ec);border-inline-start:0;border-radius:0 6px 6px 0;background:var(--olive,#355cc9);color:#fff;cursor:pointer}
.copy-field button.copy-success{background:#198754;color:#fff;border-color:#198754}
.copy-field svg{inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.copy-field :focus-visible{outline:2px solid #355cc9;outline-offset:2px}