.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns 180ms ease}
.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--sidebar-width);padding:.72rem .58rem;display:flex;flex-direction:column;gap:.55rem;color:var(--sidebar-text);background:radial-gradient(circle at 12% -4%,rgba(var(--secondary-rgb),.34),transparent 15rem),linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2) 58%,var(--sidebar-bg));border-right:1px solid rgba(255,255,255,.08);box-shadow:.8rem 0 2.5rem rgba(20,10,28,.18);transition:transform 180ms ease}
.shell.sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}.shell.sidebar-hidden .sidebar{transform:translateX(-105%)}
.sidebar-brand{display:flex;align-items:center;gap:.62rem;padding:.25rem .35rem .62rem;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:2.25rem;height:2.25rem;border-radius:.7rem;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 .6rem 1.3rem rgba(var(--secondary-rgb),.24);flex:0 0 auto}
.sidebar-brand strong{display:block;color:#fff;font-size:.8rem}.sidebar-brand small{display:block;margin-top:.12rem;color:var(--sidebar-muted);font-size:.56rem}.sidebar-hide{margin-left:auto;width:1.85rem;height:1.85rem;border:1px solid rgba(255,255,255,.1);border-radius:.58rem;background:rgba(255,255,255,.07);color:#fff}
.nav{display:grid;gap:.18rem;overflow:auto;padding:.1rem .05rem .3rem;scrollbar-width:thin}.nav-label{padding:.35rem .5rem .2rem;color:rgba(255,255,255,.43);font-size:.5rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.nav-item{width:100%;min-height:2.65rem;border:0;border-radius:.72rem;padding:.42rem .48rem;background:transparent;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:.58rem;text-align:left;transition:background var(--transition),color var(--transition),transform var(--transition)}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(1px)}.nav-item.active{background:linear-gradient(135deg,rgba(var(--secondary-rgb),.34),rgba(var(--primary-rgb),.4));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 .45rem 1rem rgba(15,7,22,.18)}
.nav-icon{width:1.7rem;height:1.7rem;border-radius:.52rem;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#f3eaf7;flex:0 0 auto;font-size:.72rem;font-weight:900}.nav-item.active .nav-icon{background:rgba(255,255,255,.17);color:#fff}.nav-copy{display:grid;min-width:0;flex:1}.nav-copy strong{font-size:.7rem;line-height:1.15}.nav-copy small{display:none;color:rgba(255,255,255,.52);font-size:.5rem;margin-top:.12rem}.nav-badge{margin-left:auto;min-width:1.2rem;height:1.2rem;padding:0 .28rem;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--primary);font-size:.52rem;font-weight:950}
.sidebar-foot{margin-top:auto;display:grid;gap:.5rem}.quick-command{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.52rem .58rem;border:1px solid rgba(255,255,255,.1);border-radius:.72rem;background:rgba(255,255,255,.07);color:#fff;text-align:left}.quick-command span{width:1.45rem;height:1.45rem;border-radius:.45rem;display:grid;place-items:center;background:rgba(255,255,255,.1)}.quick-command strong{font-size:.64rem}.quick-command kbd{color:rgba(255,255,255,.5);font-size:.5rem}
.user-card{padding:.48rem;border-radius:.72rem;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(var(--secondary-rgb),.11));border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.52rem}.avatar{width:1.9rem;height:1.9rem;border-radius:.58rem;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--secondary),var(--primary));flex:0 0 auto;font-size:.65rem}.user-card strong,.user-card span{display:block}.user-card strong{color:#fff;font-size:.65rem}.user-card span{margin-top:.1rem;color:var(--sidebar-muted);font-size:.52rem}.sidebar .mini-btn{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.09)}
.sidebar-retrieve{position:fixed;z-index:60;left:0;top:50%;transform:translateY(-50%);display:grid;gap:.18rem;justify-items:center;padding:.62rem .34rem;border:1px solid rgba(255,255,255,.15);border-left:0;border-radius:0 .72rem .72rem 0;color:#fff;background:linear-gradient(180deg,var(--secondary),var(--primary));box-shadow:var(--shadow-sm)}.sidebar-retrieve span{font-size:.9rem}.sidebar-retrieve small{font-size:.48rem;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.12em}

.main{grid-column:2;min-width:0;padding:0 .9rem 1.4rem}.topbar{position:sticky;top:0;z-index:35;height:3.45rem;display:flex;align-items:center;gap:.5rem;padding:.25rem 0;background:linear-gradient(to bottom,var(--glass-strong) 68%,transparent);backdrop-filter:blur(14px)}
.icon-btn{width:2.05rem;height:2.05rem;border-radius:.62rem;border:1px solid var(--line);background:var(--glass-strong);display:grid;place-items:center;color:var(--muted);position:relative;box-shadow:var(--shadow-xs)}.icon-btn:hover{color:var(--primary);border-color:rgba(var(--primary-rgb),.4)}
.search-trigger{flex:1;max-width:31rem;min-width:10rem;height:2.15rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:0 .7rem;border:1px solid var(--line);border-radius:.68rem;background:var(--glass-strong);color:var(--muted);box-shadow:var(--shadow-xs);text-align:left}.search-trigger span{font-size:.9rem}.search-trigger strong{font-size:.66rem;font-weight:650}.search-trigger kbd{padding:.16rem .35rem;border:1px solid var(--line);border-radius:.38rem;background:var(--surface-3);color:var(--muted);font-size:.5rem}
.workspace-state{display:flex;gap:.2rem;padding:.2rem;border-radius:.62rem;background:var(--surface-3);border:1px solid var(--line)}.workspace-state span{padding:.25rem .38rem;border-radius:.45rem;background:var(--surface-1);color:var(--muted);font-size:.52rem;font-weight:850}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.42rem}
.live-state{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .52rem;border:1px solid var(--line);border-radius:999px;background:var(--glass-strong);font-size:.55rem;font-weight:900;color:var(--muted)}.live-state i{width:.42rem;height:.42rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 .16rem var(--gold-soft)}.live-state.online{color:var(--green)}.live-state.online i{background:var(--green);box-shadow:0 0 0 .16rem var(--green-soft)}
.identity-warning{display:flex;align-items:center;gap:.55rem;margin:.1rem 0 .55rem;padding:.5rem .65rem;border:1px solid rgba(148,99,28,.25);border-radius:.68rem;background:var(--gold-soft);color:var(--gold);font-size:.6rem}.identity-warning strong{font-size:.62rem}.identity-warning span{flex:1;color:inherit;opacity:.85}.identity-warning button{border:0;background:transparent;color:inherit;font-weight:900;text-decoration:underline}
.workspace-stage{width:100%;overflow:auto;padding:.05rem 0 1rem}.workspace-canvas{width:min(100%,var(--screen-width));margin:0 auto;zoom:var(--workspace-zoom);container-type:inline-size;container-name:workspace;transition:width 180ms ease}.content{max-width:104rem;margin:0 auto}body[data-screen-preset="monitor32"] .content{max-width:148rem}
.mobile-nav,.overlay{display:none}