/* Tablet shells around the original app captures; image pixels are unchanged. */
.profile-content .screen,.gallery .screen{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.device-shell{display:block;position:relative;padding:22px 12px 18px;border:3px solid #606269;border-radius:26px;background:linear-gradient(120deg,#24262b,#101114 36%,#1c1e22);box-shadow:0 18px 30px -15px #000b,0 0 0 1px #08090b,inset 0 0 0 1px #a9adb233}
.device-shell:before{content:'';position:absolute;top:7px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#647687 0 12%,#1a2430 25%,#030509 65%);box-shadow:0 0 0 1px #383c43;pointer-events:none}
.device-shell:after{content:'';position:absolute;right:-6px;top:62px;width:3px;height:28px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#73767d,#303238);box-shadow:0 38px #494c52;pointer-events:none}
.screen .device-shell img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px;outline:1px solid #ffffff0d}
.screen>.expand{position:static;display:table;width:auto;margin:15px auto 0;background:#161719ed;border:1px solid #ffffff40}
.screen:hover .device-shell{border-color:#858992}
.screen:focus-visible{outline-offset:8px;border-radius:26px}
@media(max-width:540px){.device-shell{border-radius:24px;padding:20px 10px 16px}.screen .device-shell img{border-radius:7px}}
/* Expanded app captures retain their tablet frame. Concept artwork stays unframed. */
#viewer:not(.tablet-viewer) .viewer-device{display:contents}
#viewer.tablet-viewer .viewer-device{display:table;width:fit-content;max-width:100%;margin:20px auto}
#viewer.tablet-viewer #full-image{display:block;width:auto;height:auto;max-width:calc(94vw - 110px);max-height:calc(70dvh - 46px);margin:0;object-fit:contain;border-radius:8px}
#viewer.tablet-viewer .viewer-panel{overflow:visible}