/* Upright inward facing projections remain separate, complete flat paint layers. */
.kings-carousel-track{perspective:none;transform-style:flat;isolation:isolate;pointer-events:auto;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.kings-carousel-track .kings-carousel-phone{transform-style:flat;isolation:isolate;pointer-events:none;backface-visibility:visible;transition:none;filter:none;background:var(--app-phone-gold);box-shadow:none}
.kings-carousel-track .kings-device-front{transform-style:flat;z-index:1}
/* A steady satin finish avoids moving reflection bands and shadows across neighbouring rims. */
/* The approved recessed sidewall and square edge geometry remain unchanged. */
.kings-carousel-phone>.kings-device-chassis{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.kings-carousel-track .kings-carousel-phone:after{display:block;position:absolute;inset:0;z-index:0;background:inherit;border-radius:inherit;box-shadow:none;pointer-events:none}
.kings-carousel-track img{-webkit-user-drag:none;user-select:none}
.kings-art-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:490px;max-width:100%;gap:3px;z-index:3;isolation:isolate}
.kings-art-controls button{width:100%;min-width:0;min-height:44px;padding:6px 9px;white-space:nowrap;justify-content:center;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.kings-art-controls button span{display:none}
.kings-art-controls button[aria-pressed="true"]{cursor:ew-resize}
[data-kings-dragging="true"] .kings-carousel-track{cursor:grabbing}
[data-kings-dragging="true"] .kings-art-controls button{cursor:ew-resize}
.kings-gallery-caption{pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.kings-art-controls button{font-size:9px;padding-inline:5px}}
@media(max-width:760px){.kings-art-controls{width:490px;gap:2px;padding:4px}.kings-art-controls button{font-size:9px;padding-inline:4px}}
@media(max-width:390px){.kings-art-controls button{font-size:8px;padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.kings-carousel-track .kings-carousel-phone{will-change:auto}}

/* Let the composition use the phone screen while keeping every visible frame inside it. */
@media(max-width:760px){.kings-carousel-track{inset-inline:-32px;--kc-carousel-width:clamp(210px,62vw,250px)}}
@media(max-width:370px){.kings-carousel-track{inset-inline:-24px}}