.name-poster[data-card-preview]{position:relative;min-height:400px;padding:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#293c66 0%,#15254c 48%,#0d1837 85%);isolation:isolate}
[data-card-preview] .poster-label{position:relative;z-index:2;color:#becbe4;font-size:10px;letter-spacing:1.2px}
.card-preview-stage{position:absolute;inset:44px 0 103px;z-index:1;opacity:0}
.card-preview-stage::before{content:"";position:absolute;left:15%;right:15%;top:81%;height:13%;background:#020815;border-radius:50%;filter:blur(17px);opacity:.45;pointer-events:none}
.card-preview-stage canvas{display:block;position:relative;width:100%;height:100%;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
[data-card-preview][data-dragging=true] canvas{cursor:grabbing}
.preview-ready .card-preview-stage{opacity:1}
.preview-ready .name-typesetting{visibility:hidden}
.card-preview-toolbar{position:absolute;z-index:3;left:18px;right:18px;bottom:58px;display:flex;align-items:stretch;justify-content:center;gap:4px;padding:4px;background:#0b1733;border:1px solid #3e507a;border-radius:100px;margin:auto;max-width:440px}
.card-preview-toolbar button{flex:1;color:#dfe8ff;background:transparent;border:0;border-radius:40px;padding:11px 8px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.card-preview-toolbar button[aria-pressed=true]{background:#ffc329;color:#101a38;box-shadow:0 3px 14px #0308194a}
@media(hover:hover) and (pointer:fine){.card-preview-toolbar button:hover:not([aria-pressed=true]){background:#26385b}}
.card-preview-toolbar button:focus-visible{outline:3px solid white;outline-offset:3px}
[data-preview-caption]{position:absolute;bottom:31px;left:15px;right:15px;text-align:center;font-size:11px;color:#bac7e2;z-index:3;margin:0}
[data-preview-status]{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;font-size:10px;color:#94a5c8;z-index:3;margin:0}
[data-card-preview] .poster-foot{display:none}
@media(max-width:700px){.name-poster[data-card-preview]{min-height:300px;padding:18px}.card-preview-stage{inset:36px 0 98px}[data-card-preview] .poster-label{font-size:8px;letter-spacing:.6px}.card-preview-toolbar{left:10px;right:10px;bottom:58px}.card-preview-toolbar button{font-size:10px;padding:10px 6px;min-height:44px}[data-preview-caption]{font-size:10px}[data-preview-status]{font-size:9px}}
@media(min-width:761px) and (max-height:850px){.name-poster[data-card-preview]{min-height:370px}}
@media(prefers-reduced-motion:reduce){.card-preview-toolbar button{transition:none}}