/* Restrained green arc gallery; only the isolated sky demo loads this file. */
.sky-demo .showcase-carousel.circular-showcase { --gallery-card-width:276px; --gallery-height:444px; position:relative; height:var(--gallery-height); margin:10px -28px 0; padding:0; overflow:hidden; border-radius:24px; background:radial-gradient(ellipse at 50% 30%,#f9fcf2 0%,#e9f1e1 70%,#e4ecdb); border:1px solid #d5e2cc; cursor:grab; touch-action:pan-y pinch-zoom; user-select:none; }
.sky-demo .circular-showcase::before { content:''; position:absolute; left:15%; right:15%; bottom:25px; height:42px; background:radial-gradient(ellipse,#45653c1a,transparent 70%); pointer-events:none; }
.sky-demo .circular-showcase.is-dragging {cursor:grabbing;}
.sky-demo .circular-showcase:focus-visible {outline:2px solid #5b8951;outline-offset:4px;}
.sky-demo .circular-showcase .personal-selected { position:relative; width:100%; height:100%; display:block; margin:0; padding:0; gap:0; animation:none!important; transform:none!important; overflow:visible; perspective:1400px; }
.sky-demo .circular-showcase .showcase-item { position:absolute; top:27px; left:calc(50% - var(--gallery-card-width)/2); width:var(--gallery-card-width); min-width:0; padding:0; margin:0; background:#f8fbf4; border:1px solid #d0dfc5; border-radius:17px; box-shadow:0 10px 24px #2c51211a; transform-origin:50% 50%; transition:none!important; overflow:hidden; backface-visibility:hidden; }
.sky-demo .circular-showcase .showcase-item.is-current {border-color:#9bbc84;box-shadow:0 12px 32px #2c512129;}
.sky-demo .circular-showcase .showcase-cover { display:block; padding:7px 7px 0; overflow:hidden; border-radius:16px 16px 0 0; }
.sky-demo .circular-showcase .thumbnail { display:block; position:relative; width:100%; height:auto; aspect-ratio:1.08; border-radius:11px; overflow:hidden; background:#e0e8d8; }
.sky-demo .circular-showcase .thumbnail img,.sky-demo .circular-showcase .circular-preview { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:none!important; }
.sky-demo .circular-showcase .circular-preview {opacity:0;pointer-events:none;transition:opacity .25s;}
.sky-demo .circular-showcase .is-previewing .circular-preview {opacity:1;}
.sky-demo .circular-showcase .thumbnail .time {z-index:2;bottom:10px;right:10px;padding:4px 8px;font-size:10px;background:#244935b8;color:#f4fae9;border-radius:20px;backdrop-filter:blur(6px);}
.sky-demo .circular-showcase .showcase-caption {padding:13px 17px 15px;text-align:left;background:#f8fbf4;}
.sky-demo .circular-showcase .showcase-track {font-size:10px;color:#69915a;letter-spacing:1px;}
.sky-demo .circular-showcase .showcase-caption h3 {margin:7px 0 10px;height:auto;min-height:0;font-size:17px;line-height:1.45;white-space:normal;color:#234b35;}
.sky-demo .circular-showcase .showcase-materials {display:block;margin:0;padding-top:10px;border-top:1px solid #e1e9d9;font-size:10px;color:#68825b;}
.sky-demo .circular-showcase .showcase-open {display:none;}
.sky-demo .circular-showcase a {cursor:grab;}
.sky-demo .circular-showcase.is-dragging a {cursor:grabbing;}
.sky-demo .circular-controls {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0 3px;}
.sky-demo .circular-hint {font-size:11px;color:#708169;letter-spacing:.5px;}
.sky-demo .circular-buttons {display:flex;align-items:center;gap:11px;}
.sky-demo .circular-buttons button {display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;border:1px solid #ccdabc;background:#f5f9ef;color:#315a3d;font-size:18px;transition:background .2s,color .2s;}
.sky-demo .circular-buttons button:hover {background:#315f43;color:#fff;}
.sky-demo .circular-counter {font-size:11px;font-variant-numeric:tabular-nums;color:#557149;min-width:43px;text-align:center;}
.sky-demo .circular-buttons .circular-auto {font-size:12px;}
@media(max-width:680px) {
 .sky-demo .showcase-carousel.circular-showcase {margin:8px -7px 0;border-radius:18px;}
 .sky-demo .circular-showcase .showcase-item {top:22px;border-radius:14px;}
 .sky-demo .circular-showcase .showcase-caption {padding:11px 13px 13px;}
 .sky-demo .circular-showcase .showcase-caption h3 {font-size:15px;margin:6px 0 8px;}
 .sky-demo .circular-showcase .showcase-track,.sky-demo .circular-showcase .showcase-materials {font-size:9px;}
 .sky-demo .circular-controls {padding-top:11px;gap:6px;}
 .sky-demo .circular-hint {font-size:10px;letter-spacing:0;}
 .sky-demo .circular-buttons {gap:7px;}
 .sky-demo .circular-buttons button {width:32px;height:32px;min-height:32px;}
}
@media(prefers-reduced-motion:reduce) {
 .sky-demo .circular-showcase .circular-preview,.sky-demo .circular-buttons button {transition:none;}
}