.show-detail { border:1px solid #ffffff26; border-radius:8px; padding:0; width: min(1200px,calc(100% - 32px)); max-width:1200px; max-height:92vh; background:#131416; color:#eee; }
.show-detail::backdrop { background:#000c; }
.show-detail__bar { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; border-bottom:1px solid #ffffff20; gap:16px; }
.show-detail__bar h2 { font-size:22px; margin:0; }
.show-detail button { background:#26282c; color:#eee; border:1px solid #ffffff25; border-radius:4px; padding:8px 12px; cursor:pointer; }
.show-detail__body { padding:24px; }
.show-detail__meta { color:#b6bbc2; margin-bottom:16px; }
.show-detail__tabs { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }
.show-detail__tabs [aria-selected=true] { background:#e7ebee; color:#111; }
.show-finished { width:100%; max-height:60vh; object-fit:contain; background:#000; display:block; }
.show-materials { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.show-materials img,.show-materials video { width:100%; aspect-ratio:16/9; object-fit:contain; background:#08090a; }
.show-prompts { display:grid; gap:16px; }
.show-prompts article { border-bottom:1px solid #ffffff22; padding:0 0 20px; }
.show-prompts h3 { font-size:16px; margin:0 0 12px; }
.show-prompts pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.8 inherit; color:#c3c7ce; }
.show-canvas { height:60vh; min-height:350px; position:relative; overflow:hidden; background:#0b0c0e; border:1px solid #ffffff20; touch-action:none; cursor:grab; }
.show-canvas:active { cursor:grabbing; }
.show-canvas__world { position:absolute; top:0; left:0; transform-origin:0 0; }
.show-canvas__node { position:absolute; background:#1c1e22; border:1px solid #ffffff30; border-radius:6px; overflow:hidden; }
.show-canvas__node img,.show-canvas__node video { width:100%; height:calc(100% - 30px); object-fit:contain; display:block; background:#000; }
.show-canvas__node header { padding:6px 8px; height:30px; box-sizing:border-box; font-size:12px; overflow:hidden; white-space:nowrap; }
.show-canvas__node p { padding:12px; font-size:12px; line-height:1.6; overflow:hidden; }
.show-canvas__edges { position:absolute; overflow:visible; pointer-events:none; }
.show-canvas__controls { display:flex; gap:8px; margin-bottom:12px; }
.show-gallery__empty { padding:40px; text-align:center; color:#aaa; }
@media(max-width:600px) { .show-detail__body { padding:16px; } .show-detail__bar { padding:16px; } .show-detail__bar h2 { font-size:18px; } }

/* Use the site's current mark in the shared sidebar without changing its behavior. */
.mona-product-mark {
  width: 28px !important;
  height: 24px !important;
  display: block !important;
  flex: 0 0 28px !important;
  background-color: transparent !important;
  background-image: url("/static/images/logo-mark.png?v=20261014-logo-mark") !important;
  background-position: center !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  mix-blend-mode: screen;
}
.mona-product-mark > * { display: none !important; }