/* Deliberately leave the paper-stack geometry, borders, transforms and shadows alone. */
.showcase-art .paper-stack { padding:0; }
.showcase-face,.showcase-back { position:absolute; inset:0; overflow:hidden; }
.showcase-back { display:block; background-position:center; background-size:cover; }
.showcase-wheel { width:100%; height:100%; display:block; }
.showcase-play { position:absolute; left:50%; top:50%; color:white; font:inherit; letter-spacing:inherit; line-height:1.15; text-shadow:0 2px 5px #000,0 0 16px #10132c; padding:12px 9px; transform:translate(-50%,-50%); animation:showcase-pulse 2.8s ease-in-out infinite; z-index:2; }
.showcase-play:hover { color:white; text-decoration:none; }
.showcase-play:focus-visible { outline:3px solid #fff; }
@keyframes showcase-pulse {0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.13)}}
.showcase-queue-link { position:absolute; top:calc(55px + 300px + 25px); right:0; width:320px; max-width:100%; padding:8px; background:none; color:var(--accent,#edff00); border:0; text-decoration:underline; font:inherit; font-size:.82rem; cursor:pointer; z-index:3; }
.showcase-art { min-height:430px; }
.showcase-dialog { color:#f5f6ff; background:#303241; border:1px solid #d6ed00; border-radius:12px; width:min(860px,calc(100vw - 24px)); max-height:88vh; padding:22px; overflow:auto; }
.showcase-dialog::backdrop { background:#08091bd9; }
.showcase-dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.showcase-dialog-heading h2 { margin:0; }
.showcase-dialog input,.showcase-dialog select { width:100%; min-width:0; }
.showcase-search-results { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.showcase-previews { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0; }
.showcase-preview { min-width:0; padding:5px; background:#222432; color:white; border:2px solid transparent; cursor:pointer; }
.showcase-preview[aria-pressed=true] { border-color:#e5f900; background:#454958; }
.showcase-preview img { width:100%; aspect-ratio:3/4; object-fit:contain; background:#181a24; display:block; }
.showcase-page-nav { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:14px; }
.showcase-queue { padding-left:24px; }
.showcase-queue li { padding:10px 0; overflow-wrap:anywhere; }
.showcase-queue img { width:48px; height:60px; object-fit:cover; vertical-align:middle; margin-right:10px; }
.showcase-status { min-height:1.5em; color:#f0fa9f; }
.showcase-delete { margin-left:10px; min-width:36px; vertical-align:middle; }/* The size pulse remains; the halo breathes independently around blue lettering. */
.showcase-play,.showcase-play:hover { color:#b4f4ff; text-shadow:0 0 2px #fff,0 0 6px #5ae8ff,0 0 14px #00aaff,0 0 28px #006aff,0 2px 4px #07163f; animation:showcase-pulse 2.8s ease-in-out infinite,showcase-electric 3.6s ease-in-out infinite; }
@keyframes showcase-electric {0%,100%{filter:drop-shadow(0 0 2px #188cff)}50%{filter:drop-shadow(0 0 8px #41daff)}}
.showcase-crop-editor { margin:18px 0; padding:14px; border:1px solid #67758e; border-radius:8px; }
.showcase-crop-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(90px,1fr); gap:16px; align-items:center; margin:14px 0; }
[data-crop-source] { width:100%; height:300px; display:block; background:#181b27; touch-action:none; cursor:crosshair; }
[data-crop-preview] { display:block; width:100%; aspect-ratio:230/300; background:#181b27; border:2px solid #eaff00; }
.showcase-crop-sliders { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.showcase-crop-sliders label { min-width:0; }
.showcase-queue-thumb { display:inline-block; vertical-align:middle; margin-right:10px; overflow:hidden; }
@media(max-width:520px){[data-crop-source]{height:230px}.showcase-crop-layout{gap:8px}.showcase-crop-editor{padding:8px}}
@media(prefers-reduced-motion:reduce){.showcase-play,.showcase-play:hover{animation:none}}


.showcase-hub-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; }
.showcase-hub h2 { margin-top:32px; }
.showcase-hub .panel { padding:20px; }
[data-host-results] { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
@media(max-width:980px){ .classic-hero .showcase-art { display:block; width:320px; max-width:100%; margin-inline:auto; } }
@media(max-width:520px){.showcase-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-dialog{padding:14px}.showcase-page-nav{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.showcase-play{animation:none}}