/* Startup surface agrees with the active workspace before any app code runs. */
html[data-launch=pending],html[data-launch=pending] body{background:#f7f8fa!important;color:#17171c}
html[data-theme=dark][data-launch=pending],html[data-theme=dark][data-launch=pending] body{background:#17171c!important;color:#f3f3f7}
html[data-launch=pending] body::before{display:none}
.workspace-loading{min-height:100svh;gap:18px;color:inherit;text-align:center;font-family:Manrope,system-ui,sans-serif}
.workspace-loading h1{font-size:25px;font-weight:650;letter-spacing:-.045em;color:inherit;text-transform:none}
.workspace-loading p{font-size:13px;color:#686879;max-width:280px;line-height:1.6}
[data-theme=dark] .workspace-loading p{color:#a9a9b8}
.launch-mark{position:relative;display:grid;place-items:center;width:86px;height:86px;isolation:isolate}
.launch-mark::before{content:'';position:absolute;inset:-28px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 30% 35%,#9570ee26,transparent 65%),radial-gradient(circle at 70% 65%,#42d5e529,transparent 65%);filter:blur(8px)}
.launch-mark img{display:block;width:44px;height:48px}
/* Product renderings use the established curved, sealed-vial model and actual brand X. */
.vial-3d{position:relative;isolation:isolate;overflow:visible!important}
.peptide-art.vial-3d::before{display:block!important;content:'';position:absolute;z-index:-1;inset:24% -14% 6%;border-radius:50%;background:radial-gradient(ellipse,#fff9 0%,#edf0f63b 35%,transparent 70%);filter:blur(13px);pointer-events:none}
.vial-3d[data-vial-material=copper]::before{background:radial-gradient(ellipse,#329fe43d 0%,#329fe417 40%,transparent 70%)}
.vial-3d[data-vial-material=clear]::before{opacity:.4}
[data-theme=dark] .vial-3d::before{opacity:.6}
.vial-3d .vial-render,.vial-3d .vial-live-canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:none!important;filter:none!important}
.vial-3d.vial-live .vial-render{visibility:hidden}
.vial-3d .vial-live-canvas{position:absolute;inset:0}
.vial-3d .product-object{display:block;width:100%;height:100%;overflow:hidden;transform-origin:50% 85%;pointer-events:none}
/* Product artwork is intentionally static, including hover and scroll. */
.peptide-art.vial-3d,.peptide-art.vial-3d:hover,.peptide-art.vial-3d .product-object,.vial-stage-button:hover .product-object{animation:none!important;transition:none!important;transform:none!important;perspective:none!important}
/* The old card-bottom radial wash produced a hard rectangular cutoff. */
.workspace-active .peptide-image{background:none!important}
.peptide-art.vial-3d[data-vial-material=copper]::before{background:radial-gradient(ellipse,#329fe43d 0%,#329fe417 40%,transparent 70%)}
.peptide-art.vial-3d[data-vial-material=clear]::before{opacity:.25}

#signal-entrance{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#f7f8fa;color:#17171c;isolation:isolate;overflow:hidden;touch-action:manipulation;animation:entrance-failsafe 0s 5s forwards}
html[data-theme=dark] #signal-entrance{background:#17171c;color:#f3f3f7}
#signal-entrance::before{content:'';position:absolute;width:min(82vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8b70e91c,transparent 65%);pointer-events:none}
#signal-entrance>svg{position:relative;width:min(96vw,720px);height:auto;overflow:visible}
#signal-entrance>button{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}
@keyframes entrance-failsafe{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#signal-entrance{animation:entrance-failsafe 0s 1s forwards}}
html[data-launch=pending]{overflow:hidden}
/* Light-mode studio atmosphere. Content colors and dark recipe stay untouched. */
html[data-theme=light] .peptide-art.vial-3d::before{opacity:1;background:radial-gradient(ellipse,#aebdce8c 0%,#bdcbd95c 32%,#d5dee72b 54%,transparent 74%);inset:19% -18% 1%;filter:blur(13px)}
html[data-theme=light] .peptide-art.vial-3d[data-vial-material=copper]::before{background:radial-gradient(ellipse,#79c7edb0 0%,#94d4ef73 32%,#b4e2f52b 54%,transparent 74%)}
html[data-theme=light] .peptide-art.vial-3d[data-vial-material=clear]::before{background:radial-gradient(ellipse,#b3bcc452 0%,#c7cfd52b 42%,transparent 74%)}
html[data-theme=light] .peptide-art.vial-3d::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:25%;right:25%;bottom:6%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#3f4b5a4a,transparent 72%);filter:blur(3px)}
