.sword-artwork-dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-width:calc(100vw - 28px);box-sizing:border-box;width:min(980px,calc(100vw - 28px));max-height:90dvh;border:1px solid #c9d2c6;border-radius:16px;padding:24px;color:#24372c;background:#fff;overflow:auto}.sword-artwork-dialog::backdrop{background:#14261dcc}.sword-artwork-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sword-artwork-header h2{margin:0;font-size:24px}.sword-artwork-dialog button{border:1px solid #a8b8a2;border-radius:8px;padding:10px 14px;background:#eff4eb;color:#23442f;font:inherit;cursor:pointer}.sword-artwork-dialog label{display:grid;gap:8px;font-weight:600}.sword-artwork-dialog input{width:100%;box-sizing:border-box;border:1px solid #a8b8a2;border-radius:8px;padding:12px;font:inherit;background:white;color:#20392b}.sword-artwork-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.sword-artwork-dialog .sword-artwork-tile{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;padding:12px;min-width:0;font-size:13px;line-height:1.4;text-align:center}.sword-artwork-tile img{width:100%;height:110px;object-fit:contain;filter:brightness(0)}.sword-artwork-tile[aria-pressed=true]{outline:3px solid #31563e;outline-offset:-3px}.sword-artwork-selection{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px}.sword-artwork-selection .sword-artwork-selected-image{width:64px;height:64px;object-fit:contain;filter:brightness(0)}.sword-artwork-selected-name{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.sword-artwork-selection button{grid-column:1/-1}.sword-artwork-selection [hidden]{display:none}.sword-artwork-dialog button:focus-visible,.sword-artwork-dialog input:focus-visible{outline:3px solid #698766;outline-offset:2px}@media(max-width:650px){.sword-artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sword-artwork-dialog{padding:16px}.sword-artwork-header h2{font-size:20px}}

.sword-artwork-selection[hidden]{display:none}

#sword-main .sword-artwork-selection button[data-sword-artwork-picker]{width:100%;min-height:50px;padding:13px 18px;border:2px solid #2c4938;border-radius:8px;background:#2c4938;color:#fff;font:inherit;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 2px 4px #18322426;cursor:pointer}
#sword-main .sword-artwork-selection button[data-sword-artwork-picker]:hover{background:#213c2d;border-color:#213c2d}
#sword-main .sword-artwork-selection button[data-sword-artwork-picker]:active{background:#193021;border-color:#193021}
#sword-main .sword-artwork-selection button[data-sword-artwork-picker]:focus-visible{outline:3px solid #58764f;outline-offset:3px}

#sword-main .sword-artwork-selection .sword-artwork-inspect{grid-column:1;width:64px;height:64px;min-height:64px;padding:4px;box-sizing:border-box;border:1px solid #a8b8a2;border-radius:8px;background:#fff;cursor:zoom-in;display:flex;align-items:center;justify-content:center}
#sword-main .sword-artwork-selection .sword-artwork-inspect[hidden]{display:none}
#sword-main .sword-artwork-selection .sword-artwork-inspect .sword-artwork-selected-image{width:100%;height:100%}
#sword-main .sword-artwork-selection .sword-artwork-inspect:hover{border-color:#2c4938;box-shadow:0 0 0 1px #2c4938}
#sword-main .sword-artwork-selection .sword-artwork-inspect:focus-visible{outline:3px solid #58764f;outline-offset:3px}
.sword-artwork-preview-dialog{width:min(760px,calc(100vw - 28px))}
.sword-artwork-preview-image{display:block;width:100%;height:min(560px,calc(90dvh - 170px));min-height:120px;object-fit:contain;filter:brightness(0)}
.sword-artwork-preview-caption{margin:16px 0 0;text-align:center;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}