.artwork-band-dialog{width:min(760px,calc(100% - 32px));max-width:none;max-height:90vh;max-height:90dvh;padding:0;overflow:hidden;border-radius:14px}
.artwork-band-dialog[open]{display:flex;flex-direction:column}
.artwork-band-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 12px;border-bottom:1px solid var(--line)}
.artwork-band-heading h2{font-size:22px;line-height:1.3;margin:0;letter-spacing:-.4px;overflow-wrap:anywhere}
.artwork-band-heading .icon-button{font-size:28px;font-weight:400;flex-shrink:0}
.artwork-band-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.artwork-band-body p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.artwork-band-body figure{margin:0;min-width:0}
.artwork-band-body figcaption{font-size:13px;font-weight:600;margin-bottom:8px;line-height:1.5}
.artwork-band-checker{background-color:#fff;background-image:linear-gradient(45deg,#eff0ec 25%,transparent 25%),linear-gradient(-45deg,#eff0ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eff0ec 75%),linear-gradient(-45deg,transparent 75%,#eff0ec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid var(--control-border);border-radius:6px;overflow:hidden;direction:ltr}
.artwork-band-output{position:relative;aspect-ratio:2/1}
.artwork-band-dialog img{display:block;width:100%;height:100%;object-fit:fill;direction:ltr}
.artwork-band-dialog img:not([src]){visibility:hidden}
#artwork-band-window{position:absolute;left:0;top:25%;width:100%;height:50%;border:2px solid #b64022;box-shadow:0 0 0 1000px #263d3414;pointer-events:none}
.artwork-band-body .artwork-band-legend{font-size:12px;margin-top:6px}
.artwork-band-body .artwork-band-warning{color:#81381e;background:#fff1df;border:1px solid #ddb88e;border-radius:6px;padding:10px 12px}
.artwork-band-dialog [hidden]{display:none}
.artwork-band-body .artwork-band-note{font-size:12px}
#artwork-band-status:empty{display:none}
.artwork-band-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel)}
.artwork-band-actions .button{min-height:44px;white-space:normal}
@media(max-width:520px){
  .artwork-band-dialog{width:calc(100% - 20px)}
  .artwork-band-heading{padding:10px 14px}
  .artwork-band-heading h2{font-size:20px}
  .artwork-band-body{padding:14px;gap:12px}
  .artwork-band-actions{padding:12px 14px}
  .artwork-band-actions .button{flex:1;padding:10px 8px}
}