/* Shared LaunchStudio interface tokens. Canvas artwork keeps its own palette. */
:root{--ls-font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--ls-text:#202124;--ls-muted:#68717d;--ls-blue:#087fff;--ls-blue-hover:#006ee4;--ls-soft:#f2f7ff;--ls-border:#dfe2e7;--ls-radius:24px;--ls-focus:#86bdff;--accent:var(--ls-blue);--accent-hover:var(--ls-blue-hover);--accent-soft:var(--ls-soft);--ui-text:var(--ls-text);--ui-secondary:var(--ls-muted);--ui-border:var(--ls-border)}
body{font-family:var(--ls-font);color:var(--ls-text)}
:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--ls-focus);outline-offset:3px}
:is(.ls-button,.pricing-page .button,.account-page button,.account-page .button,.landing-page .sh-button){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:999px;font:600 15px var(--ls-font);text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
:is(.ls-button,.pricing-page .button,.account-page button,.account-page .button,.landing-page .sh-button):hover:not(:disabled){transform:translateY(-1px)}
:is(.ls-button,.pricing-page .blue,.account-page button,.account-page .button,.landing-page .sh-button--ink){background:var(--ls-blue);color:#fff}
:is(.ls-button,.pricing-page .blue,.account-page button,.account-page .button,.landing-page .sh-button--ink):hover:not(:disabled){background:var(--ls-blue-hover);color:#fff}
:is(.account-page .secondary,.landing-page .sh-button--light){background:#fff;color:var(--ls-text);border-color:var(--ls-border)}
:is(.account-page .secondary,.landing-page .sh-button--light):hover:not(:disabled){background:var(--ls-soft);color:var(--ls-text)}
:is(.pricing-page .plan,.account-page .card){border:1px solid var(--ls-border);border-radius:var(--ls-radius)}
.account-page{background:#fafbfc}.account-page main{max-width:960px;margin:32px auto;padding:24px 32px}.account-page header{padding-bottom:24px;border-bottom:1px solid var(--ls-border);font-size:20px;letter-spacing:-.5px}.account-page header a{font-size:14px;font-weight:500;letter-spacing:0}.account-page header img{width:31px;height:31px}.account-page h1{font-weight:600;letter-spacing:-1px;font-size:34px;margin-top:40px}.account-page h2{font-weight:600;letter-spacing:-.4px}.account-page .card{padding:30px;margin:24px 0}.account-page p{color:var(--ls-muted)}.account-page .google-login{background:white;color:var(--ls-text);border-color:var(--ls-border)}.account-page .google-login:hover:not(:disabled){background:var(--ls-soft);color:var(--ls-text)}.account-page button:disabled,.pricing-page button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#eef0f4;color:var(--ls-muted)}
.home-mode .home-hero{border-color:var(--ls-border);border-radius:var(--ls-radius);background:radial-gradient(ellipse at top right,#e0eeff,transparent 65%),#f8faff}.home-mode .home-hero h1{font-family:var(--ls-font);font-weight:600;letter-spacing:-1.5px}.home-mode .home-hero>p{color:var(--ls-muted)}.home-mode .home-upgrade{border-radius:20px;background:var(--ls-soft);border-color:#bcd9ff;padding:18px 14px}.home-mode .home-upgrade button,.home-mode .home-empty button{border-radius:999px;background:var(--ls-blue);color:white;min-height:40px}.home-mode .home-upgrade button:hover,.home-mode .home-empty button:hover{background:var(--ls-blue-hover)}.home-mode .home-nav button{border-radius:12px}.home-mode .home-nav button.selected{background:var(--ls-soft);color:var(--ls-blue)}.home-mode .home-nav button:hover:not(:disabled){background:var(--ls-soft)}.home-mode .home-template-card,.home-mode .home-start-card{border-radius:20px;border-color:var(--ls-border)}.home-mode .home-template-card:hover:not(:disabled){border-color:#9bc9ff;box-shadow:0 8px 24px #087fff0d}.home-mode .home-filters button.selected{background:var(--ls-blue);color:white}.home-mode .home-categories button{border-radius:16px;border-color:var(--ls-border)}
.landing-page .sh-hero h1{font-family:var(--ls-font)!important;font-weight:600;letter-spacing:-2px}.landing-page .sh-hero__lede{color:var(--ls-muted)}.landing-page .sh-hero__lede .hero-audience{background:linear-gradient(transparent 65%,#dcecff 65%,#dcecff 92%,transparent 92%)}.landing-page .sh-pricing-card{border-radius:var(--ls-radius);border:1px solid var(--ls-border);box-shadow:none}.landing-page .sh-pricing-callout{background:var(--ls-soft)}.landing-page header{border-color:var(--ls-border)}
@media(prefers-reduced-motion:reduce){.ls-button,.pricing-page .button,.account-page button,.account-page .button,.landing-page .sh-button,.home-template-card{transition:none;transform:none!important}}
@media(max-width:640px){.account-page main{padding:20px;margin:0 auto}.account-page .card{padding:22px}.account-page h1{font-size:28px}.landing-page .sh-hero h1{letter-spacing:-1px}.home-mode .home-hero h1{letter-spacing:-.7px}}

.home-mode .home-upgrade a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:999px;background:var(--ls-blue);color:white;font-size:13px;font-weight:600;text-decoration:none}.home-mode .home-upgrade a:hover{background:var(--ls-blue-hover)}

/* Workbench navigation and account dock */
.home-mode .home-nav{background:#f9fafb;padding:22px 12px 12px;gap:4px}.home-mode .home-logo{font-size:20px;letter-spacing:-.6px;margin-bottom:26px}.home-mode .home-nav-primary{display:grid;gap:4px}.home-mode .home-nav button{min-height:44px}.home-mode .home-upgrade{background:white;padding:14px;margin:12px 0}.home-mode .home-upgrade a{min-height:34px;padding:7px 14px}.home-profile{position:relative;margin-top:12px;border-top:1px solid var(--ls-border);padding-top:10px}.home-mode .home-nav #homeProfileButton{display:flex;align-items:center;gap:10px;padding:10px 8px;color:var(--ls-text)}.home-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#dceaff;color:#086ae0;font-weight:600}.home-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.home-profile-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.home-mode .home-nav .home-profile-copy small{margin:0;font-size:11px;color:var(--ls-muted)}.home-profile-more{font-size:20px}.home-account-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:6px;background:white;border:1px solid var(--ls-border);border-radius:16px;box-shadow:0 8px 32px #20212415;z-index:20}.home-account-menu a{display:block;padding:12px 10px;color:var(--ls-text);text-decoration:none;font-size:13px;border-radius:10px}.home-account-menu a:hover{background:var(--ls-soft)}.home-create-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 32px}.home-mode .home-create-actions>button{border-radius:999px;padding:12px 24px;min-height:48px}.home-mode .home-create-actions>.ls-button{background:var(--ls-blue);color:white;border:0}.home-mode .home-hero{background:white;border:0;padding:48px 24px 32px}.home-mode .home-content{max-width:1280px;padding-top:28px}.home-mode .home-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;max-width:900px;margin:auto}.home-mode .home-categories button{width:100%;height:90px;background:#fafbfc}.home-mode .home-categories button:disabled{opacity:.6}.home-mode .cloud-draft-actions{display:none!important}.home-mode .home-section{margin-top:36px}
@media(max-width:760px){.home-mode .home-nav-bottom{display:block}.home-mode .home-nav-bottom>.home-upgrade,.home-mode .home-nav-bottom>button{display:none}.home-mode .home-nav{padding:18px 8px 12px}.home-mode .home-nav #homeProfileButton{padding:8px 0;justify-content:center}.home-mode .home-nav .home-avatar{display:grid}.home-mode .home-nav .home-profile-copy,.home-mode .home-nav .home-profile-more{display:none}.home-account-menu{width:210px;right:auto}.home-mode .home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.home-mode .home-hero{padding:24px 0}.home-mode .home-create-actions{flex-wrap:wrap}}

/* Compact workspace rail, inspired by the supplied Kaipai workspace. */
.home-mode{background:#f3f5f9}.home-mode .home-nav{background:#fff;border-right:1px solid #eef0f3;padding:18px 12px 12px}.home-mode .home-nav-compact{width:73px;padding:18px 14px 12px}.home-mode .home-main{margin-left:73px}.home-mode .home-nav-expanded .home-main{margin-left:224px}.home-mode .home-nav-compact .home-logo{padding:0;justify-content:center;margin-bottom:26px}.home-mode .home-nav-compact .home-logo b{display:none}.home-mode .home-nav-compact .home-logo .launchstudio-mark{width:32px;height:32px}.home-mode .home-nav button{border-radius:12px;color:#51565e;font-weight:500}.home-mode .home-nav button.selected{background:#f0f3f8;color:#202124}.home-mode .home-nav button:hover:not(:disabled){background:#f0f3f8;color:#202124}.home-mode .home-nav-compact .home-nav-primary button,.home-mode .home-nav-compact .home-nav-bottom>button{width:44px;height:44px;min-height:44px;justify-content:center;padding:12px;gap:0}.home-mode .home-nav-compact button>span:not(.home-avatar),.home-mode .home-nav-compact button>small{display:none}.home-mode .home-nav-compact .home-upgrade{display:none}.home-mode .home-nav-compact .home-nav-primary{gap:10px}.home-mode .home-nav-compact .home-nav-bottom>button{margin-top:6px}.home-mode .home-nav-compact .home-profile{border:0;margin-top:10px;padding:0}.home-mode .home-nav-compact #homeProfileButton{padding:5px;justify-content:center}.home-mode .home-nav-compact .home-avatar{display:grid;width:34px;height:34px;background:#eef3ff;color:#2666e7}.home-mode .home-nav-compact .home-account-menu{width:220px;left:0}.home-mode .home-content{max-width:1440px;padding:38px 48px 60px}.home-mode .home-hero{background:transparent;padding:36px 20px 28px}.home-mode .home-hero h1{font-size:34px;letter-spacing:-1px}.home-mode .home-hero>p{font-size:15px;margin:16px 0 24px}.home-mode .home-categories button{background:#fff;border:0;border-radius:14px;box-shadow:0 2px 8px #20212403}.home-mode .home-categories button:hover:not(:disabled){background:#fff;border-color:transparent;box-shadow:0 4px 14px #2021240b}.home-mode .home-section{background:white;border-radius:24px;padding:26px;margin-top:26px}.home-mode .home-template-card{border:1px solid #eef0f4;border-radius:16px}.home-mode .home-template-card:hover:not(:disabled){border-color:#cbdaf4;box-shadow:0 6px 20px #20212409}.home-mode .home-nav #homeNavToggle{justify-content:center;min-height:40px;background:transparent}.home-mode .home-nav #homeNavToggle svg{width:18px;height:18px}
@media(max-width:760px){.home-mode .home-content{padding:22px 16px}.home-mode .home-section{padding:18px;border-radius:18px}.home-mode .home-hero h1{font-size:26px}.home-mode .home-nav-bottom>button{display:flex}.home-mode .home-nav-expanded .home-main{margin-left:224px}.home-mode .home-nav-expanded .home-nav{width:224px}.home-mode .home-nav-expanded .home-logo b,.home-mode .home-nav-expanded button>span,.home-mode .home-nav-expanded button>small{display:inline}.home-mode .home-nav-expanded .home-profile-copy{display:flex}.home-mode .home-nav-expanded .home-avatar{display:grid}}

.home-mode .home-nav button svg{width:24px;height:24px;flex-shrink:0}.home-mode .home-nav #homeNavToggle svg{width:24px;height:24px}.home-mode .home-nav button:disabled{color:#9ca2ac}

.home-mode .home-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:72px;padding:14px 28px;border:0;background:transparent}.home-topbar button,.home-topbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:#fff;color:var(--ls-text);border-radius:12px;padding:10px 14px;text-decoration:none;font-size:13px;min-height:40px}.home-topbar svg{width:20px;height:20px}.home-topbar .home-member-link{background:#dfeaff;color:#175bcd;font-weight:600}.home-topbar #homeProfileButton{padding:0;background:transparent;border-radius:50%}.home-topbar #homeProfileButton:hover{background:transparent}.home-topbar .home-avatar{width:38px;height:38px}.home-mode .home-content{padding-top:0}.home-mode .home-nav:not(.home-nav-compact){width:260px;padding:20px 14px}.home-mode .home-nav-expanded .home-main{margin-left:260px}.home-mode .home-nav:not(.home-nav-compact) .home-logo{font-size:22px;gap:10px}.home-mode .home-nav:not(.home-nav-compact) .home-nav-primary{gap:10px}.home-mode .home-nav:not(.home-nav-compact) .home-nav-primary button{padding:14px 16px;gap:14px;min-height:50px;font-size:15px}.home-mode .home-nav:not(.home-nav-compact) .home-nav-primary button small{font-size:10px}.home-mode [data-view="templates"] #homeTemplates,.home-mode [data-view="library"] #homeLibrary{margin-top:20px}
@media(max-width:760px){.home-mode .home-topbar{height:64px;padding:12px 16px;gap:8px}.home-topbar button,.home-topbar a{font-size:12px;padding:8px 10px}.home-mode .home-nav-expanded .home-main{margin-left:73px}.home-mode .home-nav-expanded .home-nav{width:260px;box-shadow:8px 0 30px #20212412}}

/* Smooth rail resizing and an animated primary creation action. */
.home-mode .home-nav{transition:width .3s cubic-bezier(.22,1,.36,1),padding .3s cubic-bezier(.22,1,.36,1);overflow-x:hidden}.home-mode .home-main{transition:margin-left .3s cubic-bezier(.22,1,.36,1)}.home-mode .home-nav .home-logo{white-space:nowrap;overflow:hidden;transition:gap .25s,padding .25s}.home-mode .home-nav .home-logo b,.home-mode .home-nav .home-nav-primary button>span{display:inline-block!important;overflow:hidden;max-width:200px;opacity:1;white-space:nowrap;transform:translateX(0);transition:opacity .2s,transform .3s,max-width .3s}.home-mode .home-nav-compact .home-logo b,.home-mode .home-nav-compact .home-nav-primary button>span{max-width:0;opacity:0;transform:translateX(-8px)}.home-mode .home-nav .home-nav-primary button{overflow:hidden;white-space:nowrap;transition:padding .3s,gap .3s,width .3s,background .18s,color .18s,min-height .3s}.home-mode .home-nav .home-nav-primary button>small{transition:opacity .2s}.home-mode .home-nav-compact .home-nav-primary button>small{display:none}.home-mode .home-topbar #homeSupport{width:40px;height:40px;padding:10px}.home-mode .home-topbar #homeSupport:hover{background:#e8edf5}.home-mode .home-topbar .home-member-link{padding:10px 18px}
@property --cta-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.home-mode .home-create-actions>.ls-button{position:relative;isolation:isolate;min-height:54px;padding:14px 32px;border:2px solid transparent;background:linear-gradient(110deg,#0869ff,#5356ed 65%,#7560ec) padding-box,conic-gradient(from var(--cta-angle),#93e4ff,#7286ff,#d8bbff,#fff,#93e4ff) border-box;color:white;font-size:16px;font-weight:650;box-shadow:0 8px 24px #3859ec30,0 2px 6px #1262eb18;animation:launchstudio-cta-border 6s linear infinite;transition:transform .2s,box-shadow .2s}.home-mode .home-create-actions>.ls-button:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,#ffffff30 48%,transparent 70%);background-size:250% 100%;background-position:200% 0;pointer-events:none;animation:launchstudio-cta-sheen 7s ease-in-out infinite}.home-mode .home-create-actions>.ls-button:hover{background:linear-gradient(110deg,#0869ff,#5356ed 65%,#7560ec) padding-box,conic-gradient(from var(--cta-angle),#93e4ff,#7286ff,#d8bbff,#fff,#93e4ff) border-box;transform:translateY(-2px);box-shadow:0 12px 30px #3859ec45,0 3px 8px #1262eb20}.home-mode .home-create-actions>.ls-button:active{transform:translateY(0) scale(.98)}
@keyframes launchstudio-cta-border{to{--cta-angle:360deg}}@keyframes launchstudio-cta-sheen{0%,65%{background-position:200% 0}90%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.home-mode .home-nav,.home-mode .home-main,.home-mode .home-nav .home-logo,.home-mode .home-nav .home-logo b,.home-mode .home-nav .home-nav-primary button,.home-mode .home-nav .home-nav-primary button>span{transition:none}.home-mode .home-create-actions>.ls-button,.home-mode .home-create-actions>.ls-button:after{animation:none;transition:none}}

/* Regular-weight sidebar labels and lighter outline icons. */
.home-mode .home-nav button,.home-mode .home-nav button.selected,.home-mode .home-nav .home-logo b{font-weight:400}
.home-mode .home-nav button svg[stroke]{stroke-width:1.25}

/* Continuous transform-based light movement: no pause or angle interpolation. */
.home-mode .home-create-actions>.ls-button{animation:none;overflow:hidden;background:linear-gradient(110deg,#0869ff,#5858ed,#7860ef);border:1px solid #7989ff;box-shadow:0 8px 24px #3859ec30}
.home-mode .home-create-actions>.ls-button:after{inset:-100% -60%;background:linear-gradient(110deg,transparent 36%,#9feaff55 46%,#fff5 50%,transparent 62%);background-size:100% 100%;animation:launchstudio-light-drift 3.2s linear infinite;will-change:transform}
@keyframes launchstudio-light-drift{from{transform:translateX(-35%)}to{transform:translateX(35%)}}
.home-quick-tools{margin:24px 0 30px}.home-quick-tools .home-heading{margin-bottom:16px}.home-quick-tools .home-heading h2{font-size:14px;font-weight:400;color:#808895}.quick-scroll-controls{display:flex;gap:8px}.quick-scroll-controls button{border:0;background:transparent;padding:4px 9px;color:#68717d;font-size:22px}.home-mode .home-categories{display:flex;max-width:none;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;scroll-snap-type:x proximity}.home-mode .home-categories::-webkit-scrollbar{display:none}.home-mode .home-categories button{flex:0 0 245px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;height:82px;padding:14px 16px;text-align:left;scroll-snap-align:start;border:1px solid #f0f1f4;opacity:1}.quick-tool-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#f5f6f9;border-radius:12px;color:#30343b}.home-mode .home-categories .quick-tool-icon svg{width:26px;height:26px}.quick-tool-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.home-mode .home-categories b{font-size:14px;color:#202124}.home-mode .home-categories small{font-size:11px;color:#9097a2;white-space:nowrap}.home-mode #homeTemplates{background:transparent;padding:0}.home-mode #homeTemplateGrid{display:flex;flex-direction:column;gap:22px}.home-template-family{display:flex;gap:24px;position:relative;background:white;padding:24px;border-radius:24px;min-width:0;overflow:hidden}.template-family-heading{flex:0 0 180px;padding-top:12px}.template-family-heading h3{font-size:21px;font-weight:600;margin:0 0 14px}.template-family-heading p{font-size:13px;color:#848c98;line-height:1.8;margin:0}.template-family-track{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1;scroll-snap-type:x proximity}.template-family-track::-webkit-scrollbar{display:none}.home-mode .template-family-track .home-template-card{flex:0 0 174px;height:280px;scroll-snap-align:start;padding:14px;gap:12px;background:#f8faff}.home-mode .template-family-track .home-template-card .layout-schematic img,.home-mode .template-family-track .layout-home-card img{height:220px;width:145px;object-fit:contain}.home-mode .template-family-track .home-template-card>b{font-size:13px;font-weight:400}.family-next{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:1px solid #e9edf3;border-radius:50%;background:#fffe;box-shadow:0 3px 12px #0001;font-size:25px}.home-mode .group-create-card{height:48px;align-self:flex-start;flex-direction:row;padding:12px 18px;gap:8px;border-width:1px;border-radius:12px}.home-mode .group-create-card svg{width:18px;height:18px}.home-mode .group-create-card b{font-size:13px}
@media(max-width:760px){.home-template-family{flex-direction:column;gap:18px;padding:18px}.template-family-heading{flex-basis:auto;padding:0}.template-family-heading h3{font-size:18px;margin-bottom:6px}.family-next{top:65%}.home-mode .home-categories button{flex-basis:230px}.home-mode .template-family-track .home-template-card{flex-basis:158px}}
@media(prefers-reduced-motion:reduce){.home-mode .home-create-actions>.ls-button:after{animation:none;will-change:auto}}
/* Shared landing platform marks and in-page template browsing. */
.home-mode .quick-tool-icon{overflow:hidden}.home-mode .quick-tool-icon img{width:46px;height:46px;object-fit:contain;display:block}.home-mode .quick-tool-icon.platform-x{background:#080808}.home-mode .quick-tool-icon.platform-x img{width:27px;height:27px}.home-mode .quick-tool-icon.platform-xiaohongshu{background:#ff2442}.home-mode .quick-tool-icon.platform-xiaohongshu img{width:37px;height:37px}.home-mode .quick-tool-icon.platform-googleplay{background:#fff;border:1px solid #eee}.home-mode .quick-tool-icon.platform-googleplay img{width:32px;height:32px}.home-mode .quick-tool-icon.platform-wechat{background:#07c160}.home-mode .quick-tool-icon.platform-wechat img{width:34px;height:34px}.home-mode .quick-tool-icon.platform-producthunt{border-radius:50%}
.home-mode #homeTemplates{scroll-margin-top:28px}.template-browse-highlight>.home-heading{animation:template-browse-arrival 1.4s ease-out}@keyframes template-browse-arrival{0%,30%{color:#1769ed;transform:translateY(3px)}100%{color:inherit;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.template-browse-highlight>.home-heading{animation:none}}