/* Short Remotion opening; isolated from all generation progress styles. */
#splash.along-opening{background:#08080a!important;display:block!important;transition:opacity .18s ease-out!important;opacity:1;isolation:isolate;touch-action:manipulation}
#splash.along-opening.along-opening-leave{opacity:0}
.along-opening-frame{position:absolute;inset:0;display:grid;place-items:center;background:#08080a}
.along-opening-video{display:block;width:100%;height:100%;object-fit:contain;background:#08080a}
.along-opening-controls{position:absolute;top:max(28px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));z-index:2}
.along-opening-skip{display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:9px 15px;border:1px solid #c1a36c55;border-radius:10px;background:#19160fee;color:#ebd5aa;font:500 13px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;box-shadow:0 2px 16px #0003}
.along-opening-skip:hover{background:#292114;border-color:#d3b77d99}
.along-opening-skip:focus-visible,.along-opening-choice input:focus-visible{outline:2px solid #efd59f;outline-offset:4px}
.along-opening-skip kbd{font:11px/1.5 "Segoe UI",sans-serif;border:1px solid #a48c603d;border-radius:4px;padding:1px 5px;color:#baa681}
.along-opening-footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#b0a187;font:12px/1.7 "Microsoft YaHei",sans-serif}
.along-opening-choice{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:32px}
.along-opening-choice input{width:15px;height:15px;margin:0;accent-color:#d4b77a}
.along-opening-note{color:#938873}.along-opening-message{flex-basis:100%;text-align:left;color:#cfb991;min-height:0}
.along-opening-message:empty{display:none}
.along-opening-preferences{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}
#splash.wb-intro-pending{animation:along-opening-release .01s 1.8s forwards!important}
@keyframes along-opening-release{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:600px){.along-opening-controls{top:max(18px,env(safe-area-inset-top));right:18px}.along-opening-footer{left:22px;right:22px;bottom:max(22px,env(safe-area-inset-bottom));font-size:12px}.along-opening-skip{min-height:40px;padding:8px 11px}.along-opening-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){#splash.along-opening{display:none!important;transition:none!important}}

/* Self-contained positioning: a stale workbench stylesheet must not shrink or hide the opening. */
#splash.along-opening{position:fixed!important;inset:0!important;z-index:2147483000;visibility:visible!important;overflow:hidden;animation:none!important}
.along-opening-video{opacity:0;transition:opacity .12s ease-out}
#splash[data-state="playing"] .along-opening-video,#splash[data-state="paused"] .along-opening-video{opacity:1}
.along-opening-loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#b18b4412,transparent 62%),#08080a;transition:opacity .16s ease-out;pointer-events:none}
.along-opening-loading-brand{display:flex;align-items:center;flex-direction:column;gap:20px;padding:32px;text-align:center;color:#f0e4cd}
.along-opening-wordmark{font:500 12px/1.6 "Segoe UI",sans-serif;letter-spacing:4px;color:#b5a381}
.along-opening-loading-brand strong{font:600 clamp(26px,4.3vw,48px)/1.4 "Microsoft YaHei",sans-serif;letter-spacing:4px}
.along-opening-loading-text{color:#ad9d80;font:12px/1.7 "Microsoft YaHei",sans-serif;letter-spacing:1px}
.along-opening-loading-line{width:180px;height:1px;margin:8px 0;background:linear-gradient(90deg,transparent,#d4b879,transparent);animation:along-opening-breathe 1.8s ease-in-out infinite}
#splash[data-state="playing"] .along-opening-loading,#splash[data-state="paused"] .along-opening-loading{opacity:0}
#splash[data-state="fallback"] .along-opening-loading-line{animation:none}
@keyframes along-opening-breathe{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.along-opening-loading-line{animation:none}.along-opening-loading,.along-opening-video{transition:none}}