.art-dialog{width:min(94vw,1200px);max-width:none;height:90vh;height:90dvh;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:18px;background:#070813;color:var(--warm);box-shadow:0 30px 90px #000b;overflow:hidden}
.art-dialog[open]{display:flex;flex-direction:column}
.art-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.art-dialog [hidden]{display:none!important}
.art-dialog-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border-bottom:1px solid var(--line);min-width:0}
.art-dialog-bar span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-dialog-close,.art-dialog-prev,.art-dialog-next{flex-shrink:0;border:1px solid var(--line);background:#0d1020;color:var(--warm);border-radius:12px;min-width:44px;min-height:44px;cursor:pointer;font-size:1.4rem}
.art-dialog-stage{position:relative;flex:1 1 0;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:14px 60px;overflow:hidden}
.art-dialog-image,.art-dialog-video,.art-dialog-embed{grid-area:1/1;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border:0;background:#070913}
.art-dialog-prev,.art-dialog-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.art-dialog-prev{left:8px}.art-dialog-next{right:8px}
.art-dialog-prev:disabled,.art-dialog-next:disabled{opacity:.3;cursor:default}
.art-dialog-story-controls{flex:0 0 auto;max-height:35%;overflow:auto;padding:10px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.art-dialog-story-controls button{background:var(--page-accent);color:#111;padding:9px 12px;border:0;border-radius:9px;cursor:pointer;font-weight:800}
.art-dialog-frame-caption{width:100%;margin:0;color:var(--muted);font-size:.9rem;line-height:1.4;max-height:3em;overflow:auto}
@media(max-width:640px){.art-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.art-dialog-stage{padding:8px 48px}.art-dialog-prev{left:2px}.art-dialog-next{right:2px}.art-dialog-bar{padding:8px 10px}}