/* Match the canvas chrome. Repaint project data and editor remain unchanged. */
body { background:var(--platform-bg); font-family:"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; }
body > .ambient { display:none; }
#appView { height:100dvh; min-height:0; overflow:hidden; }
#appView .topbar { margin-left:var(--platform-rail); height:var(--platform-header); min-height:var(--platform-header); padding:0 var(--platform-inset); gap:32px; flex-wrap:nowrap; background:var(--platform-bg); border-color:var(--platform-line); backdrop-filter:none; }
#appView .topbar > .starmoe-workbench-switch { align-self:stretch; height:var(--platform-header); gap:24px; }
#appView .topbar > .starmoe-workbench-switch a { gap:7px; font-family:inherit; font-size:17px; }
#appView .topbar > .starmoe-workbench-switch svg { width:18px; height:18px; }
.platform-context { display:flex; align-items:center; height:100%; flex:1; min-width:0; gap:28px; font-size:14px; white-space:nowrap; }
.platform-context::before { content:""; width:1px; height:26px; background:var(--platform-line); }
.platform-context a { color:#f1edf8; text-decoration:none; font-weight:600; }
.platform-context summary { color:#a59eaf; cursor:pointer; list-style:none; }
.platform-context summary::-webkit-details-marker,.platform-account-menu summary::-webkit-details-marker { display:none; }
.platform-team-menu { position:relative; }
.platform-team-menu .sidebar { position:absolute; z-index:60; top:40px; left:0; width:min(340px,calc(100vw - var(--platform-rail) - 28px)); max-height:calc(100dvh - var(--platform-header) - 70px); min-height:0; overflow:auto; padding:20px; border:1px solid var(--platform-line); border-radius:12px; background:#17141e; box-shadow:0 16px 48px #0006; white-space:normal; }
.platform-team-menu .team-wallet-home-entry { margin-top:16px; font-size:13px; padding:10px; }
.platform-team-menu .team-wallet-home-entry small { display:none; }
.platform-team-menu .members-head { margin-top:24px; }
.guest-team-hint { display:none; }
.is-guest .guest-team-hint { display:block; position:absolute; top:30px; right:0; padding:18px; border:1px solid var(--platform-line); border-radius:10px; background:#17141e; }
#appView .account { gap:8px; flex-wrap:nowrap; width:auto; min-width:0; }
#appView .account-profile { padding:0; border:0; gap:8px; background:transparent; box-shadow:none; }
#appView .account-profile svg,#guestLoginButton svg { width:19px; height:19px; flex-shrink:0; }
#appView .account-profile strong { max-width:126px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:400; }
#appView .account-profile [hidden] { display:none; }
#appView .credits { display:flex; align-items:center; gap:4px; padding:0; margin:0 8px 0 0; border:0; background:transparent; color:#a59eaf; font-size:12px; white-space:nowrap; }
#appView .credits b { font-weight:400; }
#appView .credits small { font-size:inherit; }
#shellRefreshButton,.platform-account-menu summary { display:grid; place-items:center; width:36px; height:36px; padding:0; background:transparent; border:0; color:#a59eaf; cursor:pointer; list-style:none; }
#shellRefreshButton svg,.platform-account-menu summary svg { width:17px; height:17px; }
#guestLoginButton { display:flex; align-items:center; gap:8px; border:0; background:transparent; padding:0; font-size:14px; }
.platform-account-menu { position:relative; }
.platform-account-menu > div { position:absolute; top:44px; right:0; z-index:60; width:170px; padding:8px; background:#17141e; border:1px solid var(--platform-line); border-radius:10px; box-shadow:0 16px 48px #0006; }
.platform-account-menu > div > :is(a,button) { display:block; width:100%; padding:10px; border:0; background:transparent; color:#d9d1e5; text-decoration:none; text-align:left; font-size:13px; }
.platform-account-menu > div > :is(a,button):hover { background:#282232; }
#appView > main { display:block; margin-left:var(--platform-rail); height:calc(100dvh - var(--platform-header)); min-height:0; overflow:auto; }
#appView .content { max-width:none; padding:30px; margin:0; }
#appView .hero { padding:8px 0 22px; margin:0 0 20px; }
#appView .hero h1 { font-size:28px; margin:8px 0; }
#appView .hero p { font-size:14px; max-width:650px; }
#appView .stats { display:flex; flex-wrap:wrap; gap:24px; padding:14px 0; margin-bottom:24px; border-top:1px solid var(--platform-line); border-bottom:1px solid var(--platform-line); }
#appView .stats .stat { display:flex; align-items:baseline; gap:8px; padding:0; border:0; background:transparent; border-radius:0; }
#appView .stats .stat b { margin:0; font-size:17px; }
#appView .stats .stat span { font-size:12px; }
#appView .stats .stat small { display:none; }
#appView.is-guest .stats { display:none; }
.platform-rail { position:fixed; inset:0 auto 0 0; width:var(--platform-rail); z-index:55; display:flex; flex-direction:column; border-right:1px solid var(--platform-line); background:var(--platform-bg); }
.platform-logo { height:var(--platform-header); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#a59eaf; text-decoration:none; }
.platform-logo img { width:44px; height:44px; object-fit:contain; }
.platform-logo small { font-size:10px; line-height:14px; }
.platform-rail-main { display:flex; flex-direction:column; gap:42px; padding-top:32px; }
.platform-rail-main a { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:88px; gap:11px; border-left:3px solid transparent; border-right:3px solid transparent; color:#a59eaf; font-size:14px; text-decoration:none; }
.platform-rail-main a.active { color:var(--platform-accent); background:#24212e; border-left-color:var(--platform-accent); }
.platform-rail-main a.active svg { fill:var(--platform-accent); }
.platform-rail-bottom { margin-top:auto; display:flex; justify-content:center; padding-bottom:56px; }
.platform-rail-bottom a { display:grid; place-items:center; width:40px; height:40px; color:#a59eaf; }
html[data-online-session-boot="pending"]:not([data-platform-auth-surface]) body::before { display:none; }
html[data-online-session-boot="pending"]:not([data-platform-auth-surface]) #appView.hidden { display:block!important; }
html[data-online-session-boot="pending"] #appView > main,html[data-online-session-boot="pending"] #appView .account,html[data-online-session-boot="pending"] #appView .platform-context { visibility:hidden; }
.platform-boot-progress { display:none; }
html[data-online-session-boot="pending"]:not([data-platform-auth-surface]) .platform-boot-progress { display:block; }
@media(max-width:1100px) {
 #appView .topbar { flex-wrap:wrap; height:calc(var(--platform-header) + 44px); gap:0 20px; }
 #appView .topbar > .starmoe-workbench-switch { gap:18px; }
 #appView .topbar > .starmoe-workbench-switch a { font-size:15px; }
 .platform-context { order:3; flex-basis:100%; height:44px; border-top:1px solid var(--platform-line); }
 .platform-context::before { display:none; }
 #appView > main { height:calc(100dvh - var(--platform-header) - 44px); }
 .platform-rail-main { gap:26px; padding-top:24px; }
 .platform-rail-main a { min-height:72px; font-size:12px; }
 #appView .credits { display:none; }
}
@media(max-width:767px) {
 #appView .topbar > .starmoe-workbench-switch { gap:16px; }
 #appView .topbar > .starmoe-workbench-switch a { font-size:13px; }
 #appView .topbar > .starmoe-workbench-switch svg { display:none; }
 #appView .account-profile > span,#guestLoginButton span,#shellRefreshButton { display:none; }
 .platform-context { font-size:12px; gap:18px; }
 .platform-rail-main { gap:24px; padding-top:18px; }
 .platform-rail-main a { min-height:62px; font-size:11px; gap:8px; }
 .platform-rail-main svg { width:20px; }
 .platform-rail-bottom { padding-bottom:24px; }
 #appView .content { padding:18px 14px; }
 .platform-team-menu .sidebar,.is-guest .guest-team-hint { position:fixed; top:calc(var(--platform-header) + 52px); left:calc(var(--platform-rail) + 14px); right:14px; width:auto; max-height:calc(100dvh - var(--platform-header) - 66px); }
 #appView .hero h1 { font-size:24px; }
}