html{scrollbar-gutter:stable}
:root{--page-header-height:88px}
.page-skeleton{position:fixed;inset:var(--page-header-height) 0 0;z-index:8;background:var(--canvas,#fff);overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility 0s .16s}
.is-page-loading .page-skeleton{visibility:visible;opacity:1;transition:none}
.is-page-loading [data-page-content]{visibility:hidden}
[data-page-content]{transition:opacity .12s ease}
.is-navigating [data-page-content]{opacity:.72;pointer-events:none}
.is-navigating .studio-header::after{content:'';position:absolute;bottom:-1px;left:0;width:30%;height:2px;background:var(--primary);animation:page-progress 1s ease-in-out infinite}
.page-content-ready{animation:page-content-in .18s ease-out}
.page-loading-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-retry{position:fixed;z-index:12;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 18px;border:1px solid var(--hairline);border-radius:14px;background:var(--canvas);box-shadow:var(--shadow-float);font-size:12px}
.page-retry a{text-decoration:underline;text-underline-offset:3px;margin-left:10px}
.skeleton-bone{display:block;position:relative;overflow:hidden;isolation:isolate;border-radius:8px;background:#eeeeef;color:transparent!important}
.skeleton-bone::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffffa3 48%,transparent 72%);transform:translateX(-100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}
.skeleton-line{height:12px;width:70%;margin:12px 0}.skeleton-line.short{width:42%}.skeleton-line.title{height:28px;width:65%;margin-bottom:20px}.skeleton-line.headline{height:52px;width:75%;margin:0 auto 16px}.skeleton-pill{height:40px;width:150px;border-radius:999px;margin-top:22px}
.skeleton-create{display:grid;grid-template-columns:304px minmax(0,1fr);max-width:1800px;margin:auto;height:100%}.skeleton-sidebar{padding:30px 24px;border-right:1px solid var(--hover);overflow:hidden}.skeleton-source{height:210px;border-radius:20px;margin:26px 0}.skeleton-control{height:44px;border-radius:14px;margin:24px 0}.skeleton-main{padding:32px 36px}.skeleton-intro{height:324px;padding:38px 32px;background:var(--surface-soft);border-radius:24px;display:grid;grid-template-columns:1fr 270px;gap:28px;align-items:center}.skeleton-intro .skeleton-line{max-width:290px}.skeleton-icon-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-8deg)}.skeleton-icon-wall>span{aspect-ratio:1;border-radius:20px;background:#e9e9ea}.skeleton-library{margin-top:38px}.skeleton-search{height:56px;border-radius:999px;margin:26px 0 22px}.skeleton-categories{display:flex;gap:8px;margin-bottom:30px}.skeleton-categories>span{width:75px;height:38px;border-radius:999px}.skeleton-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.skeleton-icon-grid>div>span:first-child{aspect-ratio:1;border-radius:20px}.skeleton-icon-grid .skeleton-line{height:10px}
.skeleton-ribbon{height:86px;border-bottom:1px solid var(--hover);padding:20px 40px}.skeleton-ribbon .skeleton-line{margin:5px 0;width:180px}.skeleton-showcase{max-width:1380px;margin:auto;padding:64px 48px;text-align:center}.skeleton-showcase>.skeleton-line{margin-left:auto;margin-right:auto}.skeleton-showcase>.skeleton-line.headline{max-width:800px}.skeleton-showcase>.skeleton-line:not(.headline){max-width:410px}.skeleton-showcase>.skeleton-pill{margin:30px auto 50px;width:190px;height:48px}.skeleton-scene{height:480px;border-radius:24px;background:var(--surface-soft);padding:40px;display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:center}.skeleton-window{height:300px;border-radius:14px;background:#fff;padding:30px;text-align:left;box-shadow:0 12px 30px #22222208}.skeleton-poster{height:220px;border-radius:20px;transform:rotate(7deg)}
.skeleton-purchase{max-width:1130px;margin:auto;padding:55px 45px}.skeleton-purchase>.skeleton-line{max-width:450px}.skeleton-purchase-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;margin-top:48px}.skeleton-purchase-preview{height:272px;border-radius:20px;margin-bottom:35px}.skeleton-summary{border-radius:20px;padding:32px;background:var(--surface-soft)}.skeleton-summary .skeleton-control{height:55px}.skeleton-order{max-width:680px;margin:60px auto;padding:40px;text-align:center}.skeleton-order>.skeleton-line,.skeleton-order>.skeleton-pill{margin-left:auto;margin-right:auto}.skeleton-order-mark{width:64px;height:64px;border-radius:20px;margin:0 auto 30px}
[data-account-pending]{color:transparent!important;position:relative;overflow:hidden;background:var(--surface,#f2f2f2);border-radius:8px}
[data-download-allowance][data-account-pending]{display:inline-block;min-width:220px;min-height:12px;vertical-align:middle}
[data-account-pending]::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffffb0,transparent);transform:translateX(-100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}
@keyframes skeleton-shimmer{to{transform:translateX(100%)}}
@keyframes page-content-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-progress{from{transform:translateX(-100%)}to{transform:translateX(435%)}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.studio-header{view-transition-name:studio-header}::view-transition-group(studio-header){animation-duration:.16s}::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}}
@media(min-width:1500px){.skeleton-create{grid-template-columns:324px minmax(0,1fr)}.skeleton-main{padding:40px 48px}.skeleton-intro{height:354px;grid-template-columns:1fr 340px}.skeleton-icon-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1150px){.skeleton-create{grid-template-columns:284px minmax(0,1fr)}.skeleton-main{padding:28px}.skeleton-intro{grid-template-columns:1fr 210px;padding:26px}.skeleton-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-icon-wall{gap:9px}}
@media(max-width:900px){.skeleton-intro{grid-template-columns:1fr;height:470px}.skeleton-icon-wall{width:200px;justify-self:center}.skeleton-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-scene{height:350px;padding:28px}.skeleton-window{height:240px}.skeleton-purchase-grid{gap:30px}}
@media(max-width:700px){:root{--page-header-height:72px}.skeleton-create{display:block;overflow:hidden}.skeleton-sidebar{height:860px;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;border:0;border-bottom:1px solid var(--hover)}.skeleton-sidebar>div:first-of-type{grid-column:1/-1}.skeleton-source{height:170px;margin-top:20px}.skeleton-sidebar>div{min-width:0}.skeleton-main{padding:24px}.skeleton-intro{height:300px;grid-template-columns:1fr 180px}.skeleton-icon-wall{width:auto}.skeleton-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-showcase{padding:45px 24px}.skeleton-ribbon{height:112px;padding:20px}.skeleton-scene{height:300px;gap:16px;padding:20px}.skeleton-window{height:210px;padding:20px}.skeleton-poster{height:150px}.skeleton-showcase>.skeleton-line.headline{height:35px;width:90%}.skeleton-purchase{padding:35px 24px}.skeleton-purchase-grid{grid-template-columns:1fr}.skeleton-order{margin:40px auto;padding:30px 24px}}
@media(max-width:520px){.skeleton-sidebar{height:920px;padding:22px 20px;gap:20px 18px}.skeleton-main{padding:22px 20px}.skeleton-source{height:155px}.skeleton-intro{height:480px;grid-template-columns:1fr}.skeleton-icon-wall{width:230px}.skeleton-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-showcase{padding:40px 20px}.skeleton-scene{height:300px;padding:18px;grid-template-columns:1.5fr 1fr;gap:10px}.skeleton-window{height:190px;padding:18px}.skeleton-ribbon{height:108px}.skeleton-showcase>.skeleton-line.headline{height:31px}}
@media(max-width:360px){.skeleton-sidebar{display:block;height:1600px}.skeleton-sidebar>div{margin-bottom:28px}.skeleton-source{height:180px}}
@media(prefers-reduced-motion:reduce){.skeleton-bone::after,[data-account-pending]::after,.is-navigating .studio-header::after{animation:none}.page-content-ready{animation:none}.page-skeleton,[data-page-content]{transition:none}}