.project-preview{height:clamp(430px,39vw,520px);aspect-ratio:auto;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#f1f2ed;overflow:hidden}
.preview-motion{position:absolute;top:12px;right:12px;z-index:2;border:1px solid var(--line);background:var(--paper);padding:6px 11px;font-size:12px;font-weight:600;min-height:36px;color:var(--ink)}
.preview-motion:hover{text-decoration:underline}
.preview-stage{flex:1;min-height:0;position:relative;overflow:hidden}
.preview-bottom{position:relative;z-index:1;padding:16px 18px 18px;background:var(--paper);border-top:1px solid var(--line)}
.preview-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.preview-main{margin-top:6px;font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.preview-note{margin-top:5px;font-size:12px;line-height:1.35;color:var(--muted)}
.preview-lamdio{background:#e5eae6}
.preview-lamdio .preview-stage img{position:absolute;inset:0;left:0;top:0;max-width:100%;height:100%;width:100%;object-fit:contain;object-position:center}
.lamp-shapes{display:flex;gap:7px;margin-top:13px}
.lamp-shapes button{min-height:38px;padding:6px 11px;border:1px solid #b6bdb3;background:transparent;color:#34423a;font-size:12px}
.lamp-shapes button[aria-pressed="true"]{background:#34483b;color:#fff;border-color:#34483b}
.preview-storytime{background:#122e46;color:#fff}
.preview-storytime .preview-motion{background:#10283e;color:#f5f1e7;border-color:#8295a2}
.preview-storytime .preview-stage img{position:absolute;inset:0;left:0;top:0;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.preview-storytime .preview-bottom{background:#10283e;border-top-color:#36546b;color:#fff}
.preview-storytime .preview-kicker,.preview-storytime .preview-note{color:#d6e3ea}
.story-controls{position:absolute;right:16px;top:15px;display:flex;gap:6px}
.story-controls button{min-width:36px;min-height:36px;display:grid;place-items:center;border:1px solid #8295a2;border-radius:50%;background:none;color:#fff;font-size:18px;line-height:1}
.story-controls button:disabled{opacity:.35;cursor:default}
.preview-storytime .preview-main,.preview-storytime .preview-note{max-width:calc(100% - 88px)}
.project-preview.preview-shield{background:#e8edf2;color:#182c40;aspect-ratio:auto}
.shield-flow{padding:16px 18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;flex:1;min-height:0}
.shield-prompt,.shield-answer,.shield-source{border:1px solid #bdccd9;background:#fff;padding:13px 15px;font-size:15px;line-height:1.4;max-width:95%}
.shield-prompt{align-self:flex-end;background:#dbe9f7;border-color:#b9d3ea;max-width:83%;font-weight:600}
.shield-answer{box-shadow:0 9px 24px #1d3c5910}
.shield-answer strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4b6883;margin-bottom:6px}
.shield-source{font-size:12px;line-height:1.35;background:#f7fafc;border-left:3px solid #4d7eaa;color:#435b72}
.shield-flow [hidden]{display:none!important}
.preview-shield .preview-bottom{background:#f9faf8}
.preview-shield .preview-main{font-size:17px}
.shield-replay{margin-top:10px;min-height:38px;padding:6px 10px;border:1px solid #8da7be;background:transparent;color:#214d72;font-size:12px;font-weight:600}
.project-overview .tv-project-launch{display:inline-flex}
@media(max-width:760px){.project-preview{height:430px;aspect-ratio:auto}.project-preview.preview-shield{height:480px}.project-overview .tv-project-launch{display:inline-flex}.preview-main{font-size:17px}.preview-storytime .preview-stage img{object-position:center 30%}}
@media(max-width:360px){.project-preview{height:420px}.project-preview.preview-shield{height:470px}.preview-bottom{padding:13px}.shield-flow{padding:12px 13px;gap:8px}.shield-prompt,.shield-answer,.shield-source{padding:10px 12px;font-size:13px}.preview-shield .preview-main{font-size:16px}}
@media(prefers-reduced-motion:reduce){.preview-stage img{transition:none!important}.preview-motion{display:none}}