/* New artwork is CSS only; no generated UI screenshots. */
.product-visual{isolation:isolate;position:relative;overflow:hidden;aspect-ratio:16/8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;border:1px solid #317490;border-radius:18px;margin:26px 0;background:radial-gradient(ellipse at 53% 105%,#126b98 0%,transparent 50%),repeating-linear-gradient(90deg,#102e47 0px,#102e47 1px,transparent 1px,transparent 46px),linear-gradient(135deg,#071b2b,#09121f);padding:24px}.product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 48%,#2ee5ff13 50%,transparent 52%);pointer-events:none}.product-visual strong{font-size:clamp(28px,6vw,58px);font-weight:950;letter-spacing:.05em;text-shadow:0 0 26px #24dcff77;z-index:1}.product-visual span{z-index:1}.visual-kicker{font-size:12px;letter-spacing:.24em;color:#59dbfc}.product-visual>span:not(.visual-kicker){color:#d6e9f4}.visual-breakout{background:radial-gradient(ellipse at bottom,#192887,transparent 65%),repeating-linear-gradient(0deg,#13365f 0 2px,transparent 2px 50px),#080e2a;border-color:#636ffb}.visual-breakout strong{color:#b4faff;text-shadow:0 0 26px #4bcaff}.visual-quiz30{background:radial-gradient(circle at 40% 40%,#2a725c,#102927 72%);border-color:#94774f}.visual-flick{background:radial-gradient(circle at 65% 0%,#334a9b,#0d1e38 70%)}.visual-izakaya{background:radial-gradient(circle at 50% 85%,#8d4f21,#291b23 70%);border-color:#ad7047}.visual-design{background:radial-gradient(circle at 30% 20%,#4a416b,#0a2036 70%)}.visual-compress{background:radial-gradient(circle at 85% 15%,#117d92,#092235 70%)}@media(max-width:520px){.product-visual{aspect-ratio:4/3}.product-visual strong{font-size:clamp(27px,8vw,42px)}}