/* UPSTREAM: keep the approved black/rose identity; motion responds to input. */
:root:root{--accent:#ff9ecb;--rose:#ee3b92;--rose-deep:#bd155f;--muted:#aaa4ae;--line:#ffffff15;--surface:#121015;color-scheme:dark}
html:root{scroll-padding-top:28px}:root body{background-color:#09080b}:root button,:root a{-webkit-tap-highlight-color:transparent}:root button{touch-action:manipulation}:root a,:root button{outline-offset:5px}:root a:focus-visible,:root button:focus-visible,:root summary:focus-visible{outline:2px solid var(--accent)!important;outline-offset:5px}
:root .button,:root .nav-cta,:root .detail-button,:root .group-number button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
:root .button.primary,:root .detail-button,:root .group-number button{background:linear-gradient(120deg,#ffb4d5,#f98bbb);color:#2a0a19;font-weight:700;border-color:#ffb3d66b;box-shadow:inset 0 1px #fff5,0 5px 20px #df337817}
:root .button::before,:root .nav-cta::before,:root .detail-button::before,:root .group-number button::before{content:"";position:absolute;inset:-50% auto -50% -75%;width:42%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-20deg) translateX(-120%);z-index:-1}
:root .button:active,:root .nav-cta:active,:root .detail-button:active,:root .group-number button:active{transform:translateY(1px);box-shadow:inset 0 1px 5px #0002}
:root .button>span,:root .nav-cta>span{transition:transform .2s}:root .button:focus-visible::before,:root .nav-cta:focus-visible::before,:root .detail-button:focus-visible::before{animation:upstream-sheen .7s ease-out 1}
@keyframes upstream-sheen{to{transform:skewX(-20deg) translateX(700%)}}
@media(hover:hover) and (pointer:fine){:root .button:hover,:root .nav-cta:hover,:root .detail-button:hover,:root .group-number button:hover{transform:translateY(-2px);border-color:#ffafd5;box-shadow:0 8px 28px #ed3d8b25}:root .button:hover::before,:root .nav-cta:hover::before,:root .detail-button:hover::before,:root .group-number button:hover::before{animation:upstream-sheen .7s ease-out 1}:root .button:hover>span,:root .nav-cta:hover>span{transform:translate(2px,-2px)}}
:root .nav{position:relative;z-index:10;gap:24px}:root .nav nav a{position:relative;white-space:nowrap;padding:12px 0}:root .nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--accent);scale:0 1;transform-origin:left;transition:scale .2s}:root .nav nav a:hover::after,:root .nav nav a:focus-visible::after{scale:1 1}:root .nav-cta{white-space:nowrap}:root .menu-toggle{display:none;border:1px solid #ffffff25;border-radius:8px;background:#151117;color:#f6eaf0;padding:10px 14px;font-size:12px;min-height:44px;cursor:pointer}
:root .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(32px,5vw,76px);padding-top:60px;padding-bottom:65px;min-height:640px}:root .hero-copy{min-width:0}:root .hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.16;letter-spacing:-1.8px}:root .hero .lede{max-width:37em;color:#b8b2bd}:root .eyebrow{color:#e9a4c4}:root .platform{line-height:1.7;color:#a09aa5}
:root .product-stage{position:relative;padding:0;height:auto;min-height:480px;display:flex;align-items:center;justify-content:center;isolation:isolate}:root .workspace-frame{width:100%;position:relative;border:1px solid #e996bd38;border-radius:14px;overflow:hidden;background:#131017;box-shadow:0 30px 70px #0007,0 0 80px #e3327610;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .35s ease}:root .workspace-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #ffffff0d;color:#b7aab8;font-size:10px;letter-spacing:.3px}:root .window-dots{display:flex;gap:5px;flex-shrink:0}:root .window-dots i{display:block;width:6px;height:6px;background:#574751;border-radius:50%}:root .window-dots i:first-child{background:#dd77a7}:root .workspace-capture{display:block;position:relative;width:100%;padding:0;background:none;border:0;cursor:zoom-in;overflow:hidden}:root .workspace-capture img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}:root .capture-hint{position:absolute;bottom:14px;left:14px;padding:7px 10px;border:1px solid #ffffff25;background:#141017df;border-radius:6px;color:#f2d8e5;font-size:10px;opacity:0;transition:opacity .2s}:root .workspace-capture:hover .capture-hint,:root .workspace-capture:focus-visible .capture-hint{opacity:1}:root .workspace-zoom{font-size:10px;color:var(--accent);white-space:nowrap}:root .hero-output{position:absolute;right:-12px;bottom:33px;width:clamp(106px,12vw,170px);display:block;border:1px solid #f7c2d757;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0008;transform:rotate(5deg);transition:transform .25s}:root .hero-output img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}:root .hero-output>span{display:block;text-align:center;padding:9px 6px;background:#171018;color:#e8becf;font-size:10px;line-height:1.5}:root .product-stage .stage-caption{position:absolute;bottom:0;left:0;right:0;max-width:none;width:100%;text-align:left;color:#b2a7b7;font-size:11px;padding-right:180px}:root .product-stage .stage-caption small{display:block;font-size:10px;line-height:1.7;color:#8f8497;margin-top:5px}
@media(hover:hover) and (pointer:fine){:root .workspace-frame:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}:root .hero-output:hover{transform:rotate(0) translateY(-3px)}}
:root .gallery-tools{align-items:center}:root .chips{flex-wrap:wrap;gap:8px}:root .chip{min-height:44px;border-color:#51404b;color:#bcb0bf;transition:color .2s,background-color .2s,border-color .2s}:root .chip.active{background:#321323;color:#ffc2df;border-color:#c94c89}:root .gallery{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#6b3d53 #141015;padding-bottom:18px}:root .template{scroll-snap-align:start;min-width:0}:root .template-picture{position:relative;border-radius:14px;overflow:hidden;border:1px solid #c783a52b;background:#151017}:root .template-picture img{display:block;object-fit:contain;transition:transform .3s ease}:root .preview-action{background:#1a1018df;border:1px solid #ffffff2b;line-height:1.5}:root .template-caption p{color:#a99dac;line-height:1.7}:root .round{min-width:44px;min-height:44px}:root .round:disabled{opacity:.3;cursor:default}:root .gallery-status{color:#b0a4b2}:root .all-templates{padding:8px 0;min-height:44px}:root .feature-tabs button{min-height:60px}:root .feature-panel{border-color:#49303f;background:#121015}:root .feature-image{height:auto;aspect-ratio:8/5;padding:0;position:relative;background:#0e0c10}:root .feature-image img{display:block;width:100%;height:100%;object-fit:contain}:root .feature-image[data-format=portrait]{aspect-ratio:3/2}:root .feature-caption{padding:28px}:root .feature-caption .small-label{display:inline-flex;align-items:center;color:#efacd0;font-size:12px;min-height:44px;padding-top:6px}:root .feature-zoom{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff35;border-radius:6px;background:#151017e6;color:#e8d2e1;padding:9px 12px;min-height:40px;font-size:11px;cursor:zoom-in}:root .director-proof{min-width:0}:root .director-proof img{height:auto;aspect-ratio:8/5;object-fit:contain;display:block}:root .director-preview{padding:0;width:100%;background:#141017;border:0;cursor:zoom-in;border-radius:12px;display:block}:root .director-preview img{pointer-events:none}:root .director-proof p{color:#a99daa}:root .download{gap:clamp(40px,6vw,100px)}:root .creator-figure{margin:28px 0 0;max-width:520px}:root .creator-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px;border:1px solid #d189ac24}:root .creator-figure figcaption{font-size:10px;color:#8f8597;margin-top:10px;line-height:1.7}:root .download-panel{background:linear-gradient(145deg,#1b111a,#100d12);border-color:#78445b5e;box-shadow:inset 0 1px #ffffff05}:root .download-panel h3{font-size:clamp(24px,2.2vw,30px)}:root .download-panel .body-copy{font-size:14px;line-height:1.9;color:#b9abba}:root .release-note{color:#e5b3ca}:root .download-panel .detail-text-link{min-height:44px;padding:10px 0}:root .faq-list summary{min-height:64px}:root .faq-list details[open]{border-bottom-color:#a8537c}:root .faq-list details p{color:#b2a5b7}:root footer p{line-height:1.8}:root .image-preview-dialog{width:min(1240px,calc(100% - 32px));padding:18px;background:#100d12;border-color:#a2557c55}:root .image-preview-dialog .dialog-top{gap:20px}:root .image-preview-dialog .dialog-top h2{font-size:16px;line-height:1.5}:root .image-preview-dialog>img{display:block;width:auto;max-width:100%;height:auto;max-height:76dvh;object-fit:contain;margin:auto}:root .image-preview-dialog .round{flex-shrink:0;background:#241823;color:#f6d8e9;border:1px solid #7c4c6655}:root .image-preview-dialog::backdrop{background:#060409e8;backdrop-filter:blur(5px)}:root .image-preview-dialog .image-preview-note{font-size:11px;text-align:center;color:#aaa0af;line-height:1.7;margin:12px 0 0}
@media(max-width:1100px){:root .nav{height:auto;min-height:90px;flex-wrap:wrap}:root .menu-toggle{display:block}:root .nav nav{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px 24px;padding-bottom:18px}:root.site-interactive .nav nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;padding:18px 24px;background:#151017;border:1px solid #593346;border-radius:12px;box-shadow:0 20px 35px #0007}:root.site-interactive .nav[data-menu-open=true] nav{display:grid;grid-template-columns:1fr 1fr}:root .nav .brand-nest{margin-right:auto}:root .nav-cta{font-size:11px;padding:12px 16px}:root .hero{gap:30px;min-height:560px;padding-top:34px}:root .product-stage{min-height:390px}:root .hero-output{right:-4px;width:125px;bottom:25px}:root .product-stage .stage-caption{padding-right:132px}:root .workspace-chrome{padding:11px;font-size:9px}:root .feature-caption{padding:22px}}
@media(max-width:760px){:root .nav{min-height:78px;gap:14px}:root .hero{grid-template-columns:1fr;padding:30px 0 45px;gap:24px;min-height:0}:root .hero h1{font-size:clamp(39px,8.8vw,56px);letter-spacing:-1.6px}:root .hero .lede{font-size:14px;line-height:1.9;max-width:33em}:root .hero .actions{flex-wrap:wrap;gap:12px}:root .button{min-height:48px;padding:14px 20px;font-size:12px}:root .product-stage{min-height:0;height:auto;display:block;padding:12px 16px 82px 0;margin:0 0 12px}:root .workspace-frame{transform:none;border-radius:10px}:root .workspace-chrome{padding:11px 12px;font-size:9px}:root .hero-output{right:0;bottom:43px;width:24%;min-width:86px;max-width:118px;transform:rotate(4deg);border-radius:8px}:root .hero-output>span{font-size:8px;padding:6px 3px}:root .product-stage .stage-caption{bottom:0;left:0;padding-right:90px;font-size:10px;line-height:1.6}:root .product-stage .stage-caption small{font-size:9px;margin-top:3px}:root .promise{gap:24px 18px}:root .section{padding-top:62px;padding-bottom:50px}:root .chips{gap:6px}:root .chip{padding:10px 12px;font-size:10px;min-height:44px}:root .template{flex-basis:72%}:root .template-caption h3{font-size:16px}:root .gallery-status{font-size:11px}:root .feature-caption h3{font-size:20px}:root .feature-caption p{font-size:13px}:root .creator-figure{margin-top:24px}:root .download-panel{padding:24px}:root .image-preview-dialog{padding:14px}:root .image-preview-dialog>img{max-height:70dvh}:root .image-preview-dialog .dialog-top h2{font-size:14px}:root .capture-hint{display:none}:root .feature-zoom{font-size:10px;min-height:38px}}
@media(max-width:600px){:root .nav-cta{display:none}:root .menu-toggle{margin-left:auto}:root .nav .brand-nest{margin-right:0}:root .nav .brand{width:122px}:root .platform{font-size:10px}:root .workspace-chrome .workspace-zoom{display:none}}
@media(max-width:360px){:root .hero h1{font-size:37px}:root .chip{padding:10px}:root .product-stage{padding-right:10px}:root .workspace-chrome{padding:10px 9px;font-size:8px}:root .menu-toggle{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html:root{scroll-behavior:auto}:root .button,:root .nav-cta,:root .detail-button,:root .group-number button,:root .template-picture img,:root .workspace-frame,:root .hero-output,:root .capture-hint,:root .chip,:root .nav nav a::after,:root .button>span,:root .nav-cta>span{transition:none!important;animation:none!important}:root .button::before,:root .nav-cta::before,:root .detail-button::before,:root .group-number button::before{display:none}:root .button:hover,:root .nav-cta:hover,:root .detail-button:hover,:root .group-number button:hover,:root .hero-output:hover{transform:none}:root .workspace-frame{transform:none}:root .image-preview-dialog::backdrop{backdrop-filter:none}}