html.card-picker-open{overflow:hidden}
.card-picker-trigger{display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;min-height:58px;padding:16px 20px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;font:inherit}
.card-picker-trigger strong{margin-left:auto;font-size:14px}
.card-picker-dialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));max-height:90vh;max-height:90dvh;margin:auto;padding:0;border:0;background:#fff;color:#111;overflow:auto;box-shadow:0 12px 50px #0003}
.card-picker-dialog::backdrop{background:#0009}
.card-picker-dialog:not([open]){display:none!important}
.card-picker-close{position:absolute;z-index:2;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#333;font:30px/1 Arial;cursor:pointer}
.card-picker-form{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin:0!important;padding:0!important;border:0!important}
.card-picker-designs{padding:36px 24px;background:#f5f5f5}
.card-picker-designs h3{margin:0 0 20px;font-size:17px}
.card-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card-picker-design{display:block;position:relative;cursor:pointer}
.card-picker-design input{position:absolute;top:10px;left:10px;z-index:1;accent-color:#111}
.card-picker-design>span{display:block;padding:8px;background:#fff;border:2px solid transparent}
.card-picker-design input:checked+span{border-color:#111}
.card-picker-design input:focus-visible+span{outline:2px solid #2673c9;outline-offset:2px}
.card-picker-design img{display:block;width:100%;height:150px;object-fit:contain}
.card-picker-design small{display:block;min-height:32px;margin-top:6px;text-align:center;font-size:12px;line-height:1.3}
.card-picker-fields{padding:44px 30px 24px}
.card-picker-fields h2{margin:0 0 12px;font-size:27px;line-height:1.15}
.card-picker-price{margin:0 0 22px;font-size:25px;font-weight:700}
.card-picker-fields label{display:block;margin:0 0 16px;font-size:14px;font-weight:600}
.card-picker-fields input,.card-picker-fields textarea,.card-picker-fields select{box-sizing:border-box;display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid #ccc;background:#fff;color:#111;font:14px/1.4 Arial}
.card-picker-fields textarea{resize:vertical}
.card-picker-add{width:100%;min-height:48px;margin-top:4px;border:0;background:#111;color:#fff;font-weight:700;cursor:pointer}
.card-picker-add:disabled{opacity:.55;cursor:wait}
.card-picker-status{margin:12px 0 0;font-size:13px;line-height:1.4}
@media(max-width:767px){.card-picker-dialog{width:calc(100% - 24px);max-height:92dvh}.card-picker-form{display:block}.card-picker-designs{padding:32px 18px 18px}.card-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px}.card-picker-design img{height:82px}.card-picker-design small{font-size:10px}.card-picker-design input{top:5px;left:5px}.card-picker-design>span{padding:3px}.card-picker-fields{padding:24px 18px}.card-picker-fields h2{font-size:24px}}