:root{--skeleton-base:var(--color-surface-muted);--skeleton-highlight:var(--color-surface-raised)}.ui-skeleton,.ui-progressive-image:not(.is-loaded),.ui-media-loading:before{background-color:var(--skeleton-base);background-image:linear-gradient(100deg,transparent 20%,var(--skeleton-highlight)45%,transparent 70%);background-size:220% 100%;animation:1.35s ease-in-out infinite ui-skeleton-shimmer}.ui-skeleton{border-radius:8px;display:block}.ui-progressive-image{opacity:1;filter:blur();transition:opacity .22s var(--ease-out),filter .32s var(--ease-out)}.ui-progressive-image:not(.is-loaded){color:#0000;opacity:.58;filter:blur(7px)}.route-transition{z-index:80;pointer-events:none;opacity:0;transition:opacity .24s var(--ease-out);position:fixed;inset:0}.route-transition__wash{background:#ffffff1a;position:absolute;inset:0}.route-transition__brand{display:none;position:absolute;inset:0}.route-transition__brand .brand-loading-screen{min-height:0;position:absolute;inset:0}.route-transition__bar{background:var(--color-brand);height:2px;box-shadow:0 1px 8px color-mix(in srgb,var(--color-brand)30%,transparent);transform-origin:0;position:absolute;inset:0 0 auto;transform:scaleX(.08)}.route-transition.is-loading{opacity:1}.route-transition.is-brand .route-transition__brand{display:block}.route-transition.is-brand :is(.route-transition__wash,.route-transition__bar){display:none}.route-transition.is-loading .route-transition__bar{animation:route-progress 1.4s var(--ease-out)forwards}.route-transition.is-leaving{opacity:0}.route-transition.is-leaving .route-transition__bar{transition:transform .16s var(--ease-out);transform:scaleX(1)}:is(.landing,.auth-page,.onboarding,.dashboard):not(.page-skeleton){animation:route-content-enter .26s var(--ease-out)both}.ui-loading-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-skeleton{background:var(--color-background);min-height:100dvh;position:relative;overflow:hidden}.page-skeleton--workspace{grid-template-rows:56px 1fr;grid-template-columns:72px minmax(480px,1fr) minmax(320px,.72fr);gap:24px;padding:0 32px 32px 0;display:grid}.page-skeleton__topbar{border-radius:0;grid-column:1/-1;height:56px}.page-skeleton__rail{border-radius:0;grid-row:2;width:72px;height:100%}.page-skeleton__workspace{background:var(--color-surface);border-radius:16px;grid-column:2;padding:36px}.page-skeleton__heading{width:min(260px,64%);height:38px;margin:0 auto 26px}.page-skeleton__avatar{border-radius:50%;width:84px;height:84px;margin:0 auto 18px}.page-skeleton__line{width:82%;height:14px;margin:12px auto}.page-skeleton__line.is-short{width:46%}.page-skeleton__tabs{width:100%;height:42px;margin:34px 0 16px}.page-skeleton__row{border-radius:12px;width:100%;height:72px;margin-top:12px}.page-skeleton__phone{border-radius:16px;grid-column:3;place-self:center;width:min(320px,82%);height:min(620px,76dvh)}.page-skeleton--profile{place-items:center;padding:32px;display:grid}.page-skeleton__profile{background:var(--color-surface-soft);border-radius:16px;width:min(390px,100%);min-height:640px;padding:72px 28px 30px}.page-skeleton__social{width:150px;height:28px;margin:22px auto 32px}.page-skeleton__public-row{width:100%;height:54px;margin-top:12px}.page-skeleton--editor{background:var(--color-editor-background);grid-template-rows:68px 1fr;grid-template-columns:minmax(0,2fr) minmax(330px,1fr);display:grid}.page-skeleton__editor-header{--skeleton-base:var(--color-editor-header);--skeleton-highlight:var(--color-surface-muted);border-bottom:1px solid var(--color-border);border-radius:0;grid-column:1/-1;height:68px}.page-skeleton__editor-pane{border-right:1px solid var(--color-border);min-width:0;padding:50px clamp(28px,4.5vw,76px) 42px}.page-skeleton__editor-title{width:72%;height:48px;margin-bottom:28px}.page-skeleton__editor-tools{width:100%;height:42px;margin-bottom:34px}.page-skeleton__editor-copy{width:100%;height:18px;margin-top:14px}.page-skeleton__editor-copy.is-short{width:62%}.page-skeleton__editor-preview-pane{--skeleton-base:var(--color-surface);--skeleton-highlight:var(--color-surface-raised);background:var(--color-editor-preview);min-width:0;padding:38px clamp(24px,2.7vw,42px)}.page-skeleton__editor-preview{border-radius:10px;width:100%;height:min(620px,100dvh - 144px)}.page-skeleton--onboarding{background:var(--color-surface);grid-template-columns:1.18fr .82fr;gap:28px;padding:28px;display:grid}.page-skeleton--auth{grid-template-rows:72px 1fr;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;padding:0 28px 28px;display:grid}.page-skeleton__auth-header{border-radius:0;grid-column:1/-1;height:72px}.page-skeleton__auth-visual{border-radius:16px;min-height:calc(100dvh - 100px)}.page-skeleton__auth-form{align-content:center;justify-items:center;min-width:0;padding:48px;display:grid}.page-skeleton__onboarding-form{align-content:center;justify-items:center;padding:48px;display:grid}.page-skeleton__brand{width:130px;height:28px;position:absolute;top:52px;left:62px}.page-skeleton__control{border-radius:15px;width:min(480px,100%);height:56px;margin-top:18px}.page-skeleton__onboarding-art{border-radius:16px;min-height:calc(100dvh - 56px)}.page-skeleton--landing{background:var(--color-background);grid-template-columns:1fr 1fr;align-items:center;padding:112px 7vw 64px;display:grid}.page-skeleton__landing-nav{height:52px;position:absolute;inset:24px 7vw auto}.page-skeleton__landing-copy{padding-right:8vw}.page-skeleton__landing-title{width:94%;height:150px;margin-bottom:30px}.page-skeleton__landing-visual{border-radius:16px;width:100%;height:min(680px,72dvh)}.ui-skeleton-rows{gap:10px;width:100%;display:grid}.ui-skeleton-row{border-radius:12px;width:100%;height:58px}.ui-media-loading{position:relative}.ui-media-loading:before{z-index:0;border-radius:inherit;content:"";position:absolute;inset:0}.ui-media-loading>:is(iframe,video){z-index:1;opacity:0;transition:opacity .18s;position:relative}.ui-media-loading.is-loaded:before{display:none}.ui-media-loading.is-loaded>:is(iframe,video){opacity:1}@keyframes ui-skeleton-shimmer{to{background-position:-220% 0}}@keyframes route-progress{0%{transform:scaleX(.08)}to{transform:scaleX(.86)}}@keyframes route-content-enter{0%{opacity:.72}to{opacity:1}}@media (max-width:800px){.page-skeleton--workspace{grid-template-columns:54px 1fr;padding-right:16px}.page-skeleton__phone{display:none}.page-skeleton--editor{grid-template-columns:1fr}.page-skeleton__editor-preview-pane{display:none}.page-skeleton--onboarding{grid-template-columns:1fr;padding:0}.page-skeleton--auth{grid-template-columns:1fr;padding:0 20px 24px}.page-skeleton__auth-visual{display:none}.page-skeleton__auth-form{padding:32px 12px}.page-skeleton__onboarding-art{display:none}.page-skeleton__brand{top:28px;left:24px}.page-skeleton--landing{grid-template-columns:1fr;padding:96px 24px 40px}.page-skeleton__landing-visual{display:none}.page-skeleton__landing-copy{padding:0}.page-skeleton__landing-title{height:110px}}@media (prefers-reduced-motion:reduce){.ui-skeleton,.ui-progressive-image:not(.is-loaded),.ui-media-loading:before{animation:none}.ui-progressive-image,.ui-media-loading>:is(iframe,video),.route-transition,.route-transition__bar,:is(.landing,.auth-page,.onboarding,.dashboard):not(.page-skeleton){transition:none;animation:none}}