/* 2474 artifact cabinets — the same concept imagery in preview and local demo.
   These layers decorate existing content. They never alter a control or ledger. */
.fragment-showcase{position:relative;align-self:stretch;padding-left:19px}
.fragment-showcase .fragment-stage{position:relative;isolation:isolate;width:100%;max-width:230px;min-height:205px;aspect-ratio:1;overflow:hidden;border:1px solid rgba(133,107,84,.19);border-radius:5px;background:radial-gradient(ellipse at 50% 54%,rgba(184,90,34,.11),transparent 62%),linear-gradient(155deg,#161615,#0d1012 74%);box-shadow:inset 0 1px 0 rgba(238,210,177,.025),inset 0 -18px 32px rgba(0,0,0,.22)}
.fragment-stage::before,.fragment-stage::after{content:"";position:absolute;z-index:3;pointer-events:none}
.fragment-stage::before{inset:11px;border:1px solid rgba(178,145,109,.07);border-radius:2px;background:linear-gradient(90deg,rgba(255,149,87,.16),transparent 24%) left top/27px 1px no-repeat,linear-gradient(0deg,rgba(255,149,87,.13),transparent 25%) right bottom/1px 28px no-repeat}
.fragment-stage::after{inset:-25% 0;opacity:.45;background:linear-gradient(180deg,transparent 43%,rgba(255,151,90,.025) 47%,rgba(255,151,90,.1) 50%,transparent 54%);transform:translate3d(0,-48%,0);animation:artifact-light-pass 9.5s ease-in-out infinite}
.fragment-stage>img.memory-fragment-render{position:relative;z-index:2;display:block;width:100%;height:100%;min-height:205px;object-fit:contain;object-position:50% 50%;margin:0;transform-origin:50% 52%;animation:fragment-cabinet-float 8s ease-in-out infinite}
.fragment-halo{position:absolute;z-index:0;inset:18%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(255,126,53,.13),rgba(255,126,53,.025) 47%,transparent 72%);animation:artifact-core-breathe 5.5s ease-in-out infinite}
.fragment-orbit-ring{position:absolute;z-index:1;left:50%;top:64%;width:81%;aspect-ratio:1;border:1px solid rgba(221,143,86,.18);border-top-color:rgba(255,156,95,.3);border-radius:50%;pointer-events:none;transform:translate3d(-50%,-50%,0) rotate(-15deg) scaleY(.36);animation:fragment-cabinet-orbit 17s linear infinite}
.fragment-stage .fragment-cross{z-index:4;font-size:10px;color:#97714e;pointer-events:none}
.fragment-stage .fragment-cross.tl{top:12px;left:12px}
.fragment-stage .fragment-cross.br{right:12px;bottom:12px}
.fragment-showcase .artifact-name{margin-top:17px}
.fragment-showcase .artifact-caption{margin-top:8px;max-width:210px}

/* Transparent, closely framed renders keep the head high in the cabinet. */
#forgePreview.artifact-showcase{isolation:isolate;min-height:420px;background:radial-gradient(ellipse at 50% 70%,rgba(148,76,38,.12),transparent 56%),linear-gradient(155deg,#171817,#0d1012 70%);border:1px solid #41413b;box-shadow:inset 0 1px 0 rgba(255,216,170,.035),inset 0 -30px 45px rgba(0,0,0,.22)}
#forgePreview>.reconstructed-agent-image{position:absolute;z-index:1;inset:37px 9px 55px;width:calc(100% - 18px);height:calc(100% - 92px);max-width:none;max-height:none;object-fit:contain;object-position:50% 0%;margin:0;transform-origin:50% 66%;animation:agent-cabinet-float 9s ease-in-out infinite}
#forgePreview .preview-registration,#forgePreview .preview-caption,#forgePreview .preview-corner{z-index:4}
#forgePreview .preview-registration{top:18px;left:21px;right:21px;pointer-events:none}
#forgePreview .preview-caption{left:23px;right:23px;bottom:22px;pointer-events:none}
#forgePreview .preview-caption>span{max-width:49%;line-height:1.7;color:#a58b73}
#forgePreview .preview-caption strong{max-width:54%;font-size:13px;text-align:right;line-height:1.8;color:#c3b8a8}
#forgePreview .preview-corner{pointer-events:none;color:#806b52}
.showcase-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.showcase-atmosphere::before{content:"";position:absolute;left:18%;right:18%;bottom:14%;height:16%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(255,119,51,.13),transparent 71%);animation:artifact-core-breathe 5.5s ease-in-out infinite}
.showcase-orbit{position:absolute;left:50%;top:63%;width:76%;aspect-ratio:1;pointer-events:none;border:1px solid rgba(178,130,83,.13);border-top-color:rgba(235,154,93,.2);border-radius:50%;transform:translate3d(-50%,-50%,0) rotate(-11deg) scaleY(.58)}
.showcase-registration{position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(200,163,126,.035);border-radius:3px;background:linear-gradient(90deg,rgba(230,164,105,.13),transparent) left top/42px 1px no-repeat,linear-gradient(270deg,rgba(230,164,105,.13),transparent) right bottom/42px 1px no-repeat}

/* Retain the existing artSVG call sites, but render the shared demo illustration. */
.agent-render{position:relative;isolation:isolate;display:block;width:100%;height:100%;min-width:0;overflow:hidden;background:transparent}
.agent-render::before{content:"";position:absolute;z-index:0;inset:15% 10% 2%;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,rgba(178,84,37,.15),transparent 68%)}
.agent-render>.agent-render-image{position:absolute;inset:0 0 30px;z-index:1;display:block;width:100%;height:calc(100% - 30px);max-width:none;max-height:none;object-fit:contain;object-position:50% 10%;margin:0}
.agent-render-serial{position:absolute;z-index:3;left:14px;right:14px;bottom:9px;display:block;padding:7px 9px;border-top:1px solid rgba(166,132,99,.19);font-family:var(--mono);font-size:9px;line-height:1.7;color:#b59476;letter-spacing:.035em;text-align:left;pointer-events:none;overflow-wrap:anywhere}
#forgePreview>.agent-render{position:absolute;inset:32px 10px 14px;width:auto;height:auto;overflow:visible}
#forgePreview>.agent-render>.agent-render-image{inset:0 0 35px;height:calc(100% - 35px);object-position:50% 0%;transform-origin:50% 66%;animation:agent-cabinet-float 9s ease-in-out infinite}
#forgePreview>.agent-render::before{inset:8% 8% 3%}
#forgePreview>.agent-render>.agent-render-serial{left:13px;right:13px;bottom:1px;font-size:10px;padding-top:10px}
.archive-art{position:relative;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 50% 73%,rgba(146,80,39,.12),transparent 64%),#111517}
.archive-art>.agent-render{width:100%;height:100%}
.archive-art .agent-render-image{inset:7px 5px 28px;width:calc(100% - 10px);height:calc(100% - 35px);object-position:50% 0%}
.archive-art .agent-render-serial{font-size:9px;left:12px;right:12px;bottom:6px;padding:5px 0 0}

@keyframes fragment-cabinet-float{0%,100%{transform:translate3d(0,3px,0) rotate(-1deg) scale(.98)}50%{transform:translate3d(0,-5px,0) rotate(1.2deg) scale(1.015)}}
@keyframes fragment-cabinet-orbit{from{transform:translate3d(-50%,-50%,0) rotate(-15deg) scaleY(.36)}to{transform:translate3d(-50%,-50%,0) rotate(345deg) scaleY(.36)}}
@keyframes agent-cabinet-float{0%,100%{transform:translate3d(0,2px,0) scale(1)}50%{transform:translate3d(0,-4px,0) scale(1.012)}}
@keyframes artifact-core-breathe{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes artifact-light-pass{0%,14%{opacity:0;transform:translate3d(0,-48%,0)}28%{opacity:.5}72%{opacity:.35}86%,100%{opacity:0;transform:translate3d(0,48%,0)}}

@media(max-width:1150px){.fragment-showcase{padding-left:14px}.fragment-showcase .fragment-stage{min-height:184px;max-width:210px}.fragment-stage>img.memory-fragment-render{min-height:184px}#forgePreview.artifact-showcase{min-height:420px}#forgePreview .preview-caption{gap:10px}#forgePreview .preview-caption strong{font-size:12px}}
@media(max-width:900px){.fragment-showcase .fragment-stage{max-width:230px;min-height:205px}.fragment-stage>img.memory-fragment-render{min-height:205px}#forgePreview.artifact-showcase{min-height:440px}#forgePreview>.reconstructed-agent-image{inset:38px 3px 65px;width:calc(100% - 6px);height:calc(100% - 103px)}#forgePreview .preview-caption{flex-direction:column;align-items:flex-start;gap:7px}#forgePreview .preview-caption>span,#forgePreview .preview-caption strong{max-width:100%;text-align:left}#forgePreview>.agent-render{inset:34px 3px 17px}}
@media(max-width:600px){
 .fragment-showcase{display:flex;flex-direction:column;align-items:center;text-align:center;border-left:0;gap:0;padding:0 0 22px}
 .fragment-showcase .fragment-stage{grid-row:auto;width:min(100%,250px);height:auto;max-width:250px;min-height:0;aspect-ratio:1.12}
 .fragment-stage>img.memory-fragment-render{width:100%;height:100%;min-height:0;position:absolute;inset:0;object-fit:contain}
 .fragment-showcase .artifact-name{margin-top:16px;font-size:14px}
 .fragment-showcase .artifact-caption{max-width:285px;margin-top:8px;font-size:12px;line-height:1.9}
 .fragment-showcase .artifact-caption br{display:none}
 .fragment-orbit-ring{top:66%;width:78%}
 #forgePreview.artifact-showcase{height:365px;min-height:365px}
 #forgePreview>.reconstructed-agent-image{inset:35px 7px 57px;width:calc(100% - 14px);height:calc(100% - 92px);object-position:50% 0%}
 #forgePreview .preview-registration{left:17px;right:17px;top:16px}
 #forgePreview .preview-caption{left:18px;right:18px;bottom:17px;flex-direction:row;align-items:flex-end;gap:15px}
 #forgePreview .preview-caption>span{max-width:47%;font-size:8px;line-height:1.8}
 #forgePreview .preview-caption strong{max-width:56%;font-size:12px;text-align:right;line-height:1.8}
 #forgePreview>.agent-render{inset:31px 6px 12px}
 #forgePreview>.agent-render>.agent-render-image{inset:0 0 33px;height:calc(100% - 33px);object-position:50% 0%}
 #forgePreview>.agent-render>.agent-render-serial{font-size:9px;left:11px;right:11px;bottom:0;padding-top:8px}
 .showcase-registration{inset:10px}
 .showcase-orbit{top:64%;width:85%}
 .archive-art{aspect-ratio:1.18}
 .archive-art .agent-render-image{inset:7px 5px 29px;width:calc(100% - 10px);height:calc(100% - 36px)}
 .archive-art .agent-render-serial{font-size:9px;line-height:1.8}
}
@media(max-width:370px){#forgePreview.artifact-showcase{height:345px;min-height:345px}.fragment-showcase .fragment-stage{max-width:235px;aspect-ratio:1.12}#forgePreview .preview-caption{left:16px;right:16px}#forgePreview .preview-caption strong{font-size:11px}}
html.motion-paused .fragment-stage>img,html.motion-paused .fragment-stage::after,html.motion-paused .fragment-halo,html.motion-paused .fragment-orbit-ring,html.motion-paused .showcase-atmosphere::before,html.motion-paused #forgePreview>.reconstructed-agent-image,html.motion-paused #forgePreview>.agent-render>.agent-render-image,body.motion-paused .fragment-stage>img,body.motion-paused .fragment-stage::after,body.motion-paused .fragment-halo,body.motion-paused .fragment-orbit-ring,body.motion-paused .showcase-atmosphere::before,body.motion-paused #forgePreview>.reconstructed-agent-image,body.motion-paused #forgePreview>.agent-render>.agent-render-image{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.fragment-stage>img,.fragment-stage::after,.fragment-halo,.fragment-orbit-ring,.showcase-atmosphere::before,#forgePreview>.reconstructed-agent-image,#forgePreview>.agent-render>.agent-render-image{animation:none!important;transition:none!important}.fragment-stage>img,#forgePreview>.reconstructed-agent-image,#forgePreview>.agent-render>.agent-render-image{transform:none!important}.fragment-stage::after{opacity:0!important}.fragment-orbit-ring{transform:translate3d(-50%,-50%,0) rotate(-15deg) scaleY(.36)}.fragment-halo,.showcase-atmosphere::before{opacity:.55;transform:none}}