.card-design-dialog{width:min(1000px,calc(100vw - 56px));max-width:1000px}.card-design-dialog .hub-dialog-heading h2{font:normal 30px/1.2 Georgia,serif;margin:5px 0 0}.card-design-dialog .hub-dialog-heading{align-items:center}.card-design-dialog .hub-dialog-content{padding-top:18px}.card-design-dialog #hub-card-account{font-size:14px;color:var(--muted);max-width:75ch;margin:0 0 24px}.card-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-design{display:flex;flex-direction:column;padding:22px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0;position:relative}.card-design.is-selected{border-color:var(--accent,#39765b);box-shadow:inset 0 0 0 1px var(--accent,#39765b)}.card-design h3{font:normal 25px Georgia,serif;margin:20px 0 4px}.card-design p{font-size:12px;color:var(--muted);margin:0 0 20px;min-height:35px}.card-design small{position:absolute;left:10px;right:10px;bottom:76px;z-index:2;font-size:10px;line-height:1.3;background:var(--surface);padding:4px}.card-design button{margin-top:auto;font-size:12px;white-space:normal;min-height:42px}.card-design-preview{height:150px;display:flex;align-items:center;justify-content:center;padding:0 5px}.card-design-preview .playing-card{--card-width:85px;transform:rotate(-9deg);margin-right:-35px;box-shadow:0 5px 12px #0003}.card-design-preview .playing-card:nth-child(2){transform:translateY(-7px)}.card-design-preview .playing-card:nth-child(3){transform:rotate(9deg);margin-right:0}.hub-card-collection{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.hub-card-collection summary{font-size:13px;cursor:pointer}.hub-card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:12px;padding-top:22px}.hub-card-gallery .playing-card{--card-width:68px}#hub-card-status{font-size:13px;min-height:20px;margin:18px 0 0}@media(max-height:800px){.card-design-dialog{max-height:calc(100vh - 36px)}.card-design-dialog .hub-dialog-heading{padding-top:16px;padding-bottom:16px}.card-design-preview{height:125px}.card-design-preview .playing-card{--card-width:75px}.card-design h3{margin-top:10px}.card-design{padding:18px 15px}}

.card-design button[aria-pressed=true]{color:var(--ink);background:var(--surface);cursor:default}.card-design button[aria-disabled=true]{cursor:default}
