.attachment-picker{margin:10px 0 14px;padding:0;border:0;background:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.attachment-help{order:2;flex:1;min-width:130px;font-size:12px;line-height:1.5;color:#b7c9d9;margin:0}.attachment-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.contact-form .attachment-add{order:1;display:inline-flex;align-items:center;gap:7px;width:auto;margin:0;padding:7px 12px;min-height:38px;background:#12334e;border:1px solid #70d8e8;color:#70d8e8;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer}.attachment-add svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.attachment-input:focus-visible~.attachment-add{outline:2px solid #d6b46a;outline-offset:3px}.attachment-list{order:3;flex-basis:100%;list-style:none;padding:0;margin:2px 0 0;display:grid;gap:6px}.attachment-list:empty{display:none}.attachment-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:7px 9px;background:#12334e;border:1px solid #285267;border-radius:5px}.attachment-file{min-width:0;display:block;color:#f3f7fb;font-size:12px;overflow-wrap:anywhere}.attachment-size{display:inline;color:#b7c9d9;font-size:11px;margin-left:8px}.contact-form .attachment-remove{min-width:44px;min-height:34px;flex:none;padding:5px 9px;border:1px solid #547485;background:transparent;border-radius:5px;color:#70d8e8;font:inherit;font-size:11px;cursor:pointer}.attachment-remove:hover{background:#17405a}.attachment-error{order:4;flex-basis:100%;font-size:12px;color:#ffd79a;line-height:1.5;margin:0}.attachment-error:empty{display:none}.contact-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.contact-form .form-status{overflow-wrap:anywhere}.contact-form [hidden]{display:none!important}.attachment-remove:focus-visible{outline:2px solid #70d8e8;outline-offset:3px}

/* Match the contact buttons without a jumping hover outline. */
.contact-form .attachment-add{position:relative;isolation:isolate;user-select:none;transform:translateY(0);box-shadow:0 0 0 transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.attachment-add svg{flex:none;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.contact-form .attachment-add:hover{background:#70d8e8;color:#082137;border-color:#70d8e8;box-shadow:0 4px 14px rgba(112,216,232,.18);transform:translateY(-2px)}.attachment-add:hover svg{transform:rotate(-8deg)}}
.contact-form .attachment-add:active{transform:translateY(0);background:#56bdce;color:#082137;box-shadow:none}
.attachment-input:focus-visible~.attachment-add{background:#70d8e8;color:#082137;outline:2px solid #d6b46a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.contact-form .attachment-add,.attachment-add svg{transition:none}.contact-form .attachment-add:hover,.attachment-add:hover svg{transform:none}}