/* Neutral, public shell while server authorization conceals all private UI. */
html[data-workspace-auth="pending"] #workspace-loading { inset:0; visibility:visible; animation:none; max-width:none; color:var(--app-ink,#19382e); }
html[data-workspace-auth="pending"] #workspace-loading::before { position:absolute; inset:0 auto 0 0; width:var(--app-rail,224px); height:100dvh; border-radius:0; border-right:1px solid var(--app-border,#dce4e3); background:var(--app-surface,#fff); margin:0; }
html[data-workspace-auth="pending"] #workspace-loading::after { position:absolute; top:110px; left:calc(var(--app-rail,224px) + 32px); right:32px; height:240px; border-radius:12px; background:linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 0/55% 24px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 52px/85% 14px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 100px/100% 140px no-repeat; }
.workspace-loading-brand { position:absolute; left:32px; top:30px; font-size:25px; font-weight:750; letter-spacing:-1px; }
.workspace-loading-label { position:absolute; top:48px; left:calc(var(--app-rail,224px) + 32px); color:var(--app-muted,#60736c); font-size:14px; }
.workspace-route-open { overflow:hidden; }
.workspace-route-open > main:not(.workspace-skill-route) { display:none!important; }
.workspace-skill-route { position:fixed; inset:0 0 0 var(--app-rail,224px); z-index:5; margin:0!important; padding:0!important; width:auto!important; max-width:none!important; background:var(--app-surface,#fff); overflow:auto; }
.workspace-skill-route > iframe { width:100%; height:100%; border:0; background:var(--app-surface,#fff); }
.workspace-skill-pending { box-sizing:border-box; padding:32px; max-width:1200px; }
.workspace-skill-pending h1 { margin:32px 0 12px; font-size:32px; line-height:1.2; overflow-wrap:anywhere; }
.workspace-skill-pending > p { color:var(--app-muted,#60736c); line-height:1.6; max-width:900px; }
.workspace-skill-pending button { width:auto; padding:10px 16px; border:1px solid var(--app-border,#dce4e3); border-radius:9px; background:var(--app-surface,#fff); color:inherit; font:inherit; cursor:pointer; }
.workspace-skill-pending a { color:inherit; }
.skill-loading-skeleton { padding-top:24px; }
.skill-loading-tabs { width:min(620px,100%); height:38px; border-radius:8px; background:repeating-linear-gradient(90deg,var(--workspace-skeleton,#edf1ef) 0 90px,transparent 90px 110px); }
.skill-loading-lines { margin-top:32px; height:220px; border-radius:8px; background:linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 0/35% 24px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 54px/90% 14px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 90px/75% 14px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 126px/85% 14px no-repeat,linear-gradient(var(--workspace-skeleton,#edf1ef),var(--workspace-skeleton,#edf1ef)) 0 162px/60% 14px no-repeat; }
.skill-loading-skeleton { animation:skill-loading-pulse 1.5s ease-in-out infinite alternate; }
@keyframes skill-loading-pulse { to { opacity:.5; } }
html[data-workspace-embedded="skill-route"] .app-shell .app-main { padding:0 24px 32px; }
html[data-workspace-embedded="skill-route"] #workspace-loading::before,html[data-workspace-embedded="skill-route"] .workspace-loading-brand { display:none; }
html[data-workspace-embedded="skill-route"] #workspace-loading::after,html[data-workspace-embedded="skill-route"] .workspace-loading-label { left:24px; }
@media(max-width:720px) {
  html[data-workspace-auth="pending"] #workspace-loading::before { width:100%; height:66px; border-right:0; border-bottom:1px solid var(--app-border,#dce4e3); }
  html[data-workspace-auth="pending"] #workspace-loading::after { left:16px; right:16px; top:150px; }
  .workspace-loading-brand { top:18px; left:20px; font-size:23px; }
  .workspace-loading-label { left:16px; top:100px; }
  .workspace-skill-route { left:0; top:66px; }
  .workspace-skill-pending { padding:20px 16px; }
  .workspace-skill-pending h1 { font-size:28px; }
  html[data-workspace-embedded="skill-route"] .app-shell .app-main { padding:0 12px 24px; }
}
@media(prefers-reduced-motion:reduce) { .skill-loading-skeleton { animation:none; } }