.continuity-demo{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#231c21,#141416);box-shadow:0 24px 65px #0003}
.continuity-heading{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--pink);font-size:12px;letter-spacing:.13em;font-weight:700}.continuity-heading span:last-child{color:var(--muted)}
.continuity-panels{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:16px}.continuity-reference{display:flex;flex-direction:column;justify-content:center;background:#ede2d2;border-radius:9px;overflow:hidden;transition:box-shadow .2s}.continuity-reference:hover{box-shadow:0 0 0 2px var(--pink)}.continuity-reference img{display:block;width:100%;height:auto}.continuity-reference>span{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;margin-top:auto;padding:12px;color:#332622;font-size:11px;letter-spacing:.08em}.continuity-reference b{font-weight:600;text-transform:none}
.continuity-result{min-width:0;margin:0;display:flex;flex-direction:column;background:#0e0e10;border-radius:9px;overflow:hidden}.continuity-result>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex:1;min-height:0}.continuity-result figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px;font-size:11px;letter-spacing:.07em;color:var(--pink)}.continuity-result figcaption a{color:var(--copy)}
.continuity-bottom{padding:0 16px 16px;display:flex;gap:18px;justify-content:space-between;align-items:center}.genai-home .continuity-bottom p{margin:0;font-size:18px;line-height:1.25;color:var(--copy);letter-spacing:.015em}.continuity-bottom strong{color:var(--white);font-weight:700}.continuity-angles{display:flex;gap:9px}.continuity-angles button{padding:0;border:1px solid #ffffff26;border-radius:8px;background:#141416;overflow:hidden;color:var(--copy);width:88px;cursor:pointer;transition:border-color .2s,transform .2s}.continuity-angles button img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.continuity-angles button span{display:block;padding:5px;font-size:12px;letter-spacing:.06em}.continuity-angles button[aria-pressed=true]{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}.continuity-angles button:hover{transform:translateY(-3px);border-color:var(--pink)}
@media(max-width:640px){.continuity-heading{padding:14px;font-size:10px;gap:10px}.continuity-panels{grid-template-columns:1fr;padding:12px;gap:12px}.continuity-reference img{max-height:210px;object-fit:contain}.continuity-bottom{padding:0 12px 14px;gap:12px;flex-wrap:wrap}.continuity-angles{flex:1;justify-content:flex-end}.continuity-angles button{width:72px}.genai-home .continuity-bottom p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.continuity-angles button,.continuity-reference{transition:none}}