.fan-card.artwork-card{padding:0;background:#fff;overflow:hidden;width:174px;height:232px;left:calc(50% - 87px)}
.artwork-card>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.artwork-card:hover,.artwork-card:focus-visible{z-index:10}
.artwork-dialog{width:min(1120px,calc(100% - 32px));height:94svh;max-height:94svh;padding:0;background:#111;color:#eeede9;border:1px solid #41413e;border-radius:12px;overflow:hidden}
.artwork-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}
.artwork-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.artwork-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-bottom:1px solid #30302d}
.artwork-toolbar p{font-size:14px;line-height:1.4}
.artwork-toolbar button,.artwork-navigation button{width:42px;height:42px;flex-shrink:0;border:1px solid #494946;background:#222;border-radius:50%;font-size:21px;color:#eee}
.artwork-toolbar button:hover,.artwork-navigation button:hover{background:#ed3834;border-color:#ed3834}
.artwork-display{min-height:0;padding:12px;display:flex;justify-content:center;align-items:center;overflow:auto}
.artwork-display img{display:block;width:100%;height:100%;object-fit:contain}
.artwork-navigation{display:flex;justify-content:center;align-items:center;gap:30px;padding:10px 20px 14px}
.artwork-navigation span{font-size:13px;letter-spacing:.1em;min-width:55px;text-align:center}
@media(max-width:600px){.fan-card.artwork-card{width:164px;height:219px;left:calc(50% - 82px)}.artwork-dialog{width:calc(100% - 12px);height:94svh;max-height:94svh;border-radius:8px}.artwork-toolbar{padding:10px 12px;gap:12px}.artwork-toolbar p{font-size:12px}.artwork-display{padding:5px}.artwork-navigation{padding:8px 12px 12px}}