.skin-detail-art,.result-art {position:relative}
.skin-viewer-expand {position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent-line);border-radius:6px;background:var(--background2);color:var(--main);z-index:2;box-shadow:0 3px 10px #0003}
.skin-viewer-expand:hover {background:var(--accent-soft);border-color:var(--main)}
.skin-viewer-expand svg {width:18px;height:18px}
body:has(#skin-viewer[open]) {overflow:hidden}
#skin-viewer {width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid var(--accent-line);border-radius:10px;background:var(--background2);color:var(--white);overflow:hidden}
#skin-viewer[open] {display:flex;flex-direction:column}
#skin-viewer::backdrop {background:#000c}
.skin-viewer-heading {display:flex;align-items:center;gap:16px;flex:none;padding:14px 18px;border-bottom:1px solid var(--line)}
.skin-viewer-heading h2 {font-size:15px;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere}
.skin-viewer-heading .icon-button {position:static;flex-shrink:0;margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--background);color:var(--white)}
.skin-viewer-body {position:relative;flex:1;min-height:0;display:grid;place-items:center;background:var(--background)}
.skin-viewer-body iframe {position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--background)}
.skin-viewer-message {max-width:470px;padding:24px;text-align:center;line-height:1.7;color:var(--muted-white);font-size:13px}
.skin-viewer-footer {flex:none;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 18px;color:var(--muted-white);font-size:10px;line-height:1.6}
.skin-viewer-footer span {min-width:0}
.skin-viewer-footer a {color:var(--main);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  #skin-viewer {width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:7px}
  .skin-viewer-heading {padding:10px 12px;gap:10px}
  .skin-viewer-heading h2 {font-size:13px}
  .skin-viewer-footer {padding:9px 12px;align-items:flex-start;flex-wrap:wrap;gap:4px 12px}
}