.workspace{background:var(--bg);min-height:100dvh}.workspace-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;width:260px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.workspace-brand{color:var(--fg);font:500 1.3rem var(--font-display);align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.workspace-brand small{color:var(--brand-text);font:500 .75rem var(--font-body);letter-spacing:4px;margin-top:6px;display:block}.workspace-area{border-block:1px solid var(--border);align-items:center;gap:12px;margin-block:18px;padding:24px 10px;font-size:.875rem;display:flex}.workspace-sidebar nav{gap:6px;display:grid}.workspace-sidebar nav a{min-height:48px;color:var(--fg-2);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.workspace-sidebar nav a:hover{background:var(--surface-hover)}.workspace-sidebar nav a[aria-current=page]{background:var(--accent-dim);color:var(--brand-text)}.workspace-sidebar-bottom{gap:12px;margin-top:auto;padding:28px 8px 0;font-size:.875rem;display:grid}.workspace-sidebar-bottom p{color:var(--muted);margin:0}.workspace-sidebar-bottom a{color:var(--fg-2);align-items:center;gap:4px;min-height:44px;display:flex}.workspace-body{min-width:0;margin-left:260px}.workspace-topbar{border-bottom:1px solid var(--border);min-height:80px;color:var(--muted);justify-content:space-between;align-items:center;padding:16px 40px;font-size:.875rem;display:flex}.workspace-topbar>div{align-items:center;gap:12px;display:flex}.workspace-topbar span span{padding-inline:10px}.workspace-mobile-toggle{display:none}.workspace-main{outline-offset:-3px;max-width:1400px;margin:auto;padding:40px}.workspace-eyebrow{letter-spacing:1.3px;color:var(--muted);align-items:center;gap:14px;font-size:.75rem;display:flex}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin:20px 0 28px;display:flex}.workspace-heading h1{font:500 clamp(2rem, 3.6vw, 3rem)/1.08 var(--font-display);max-width:730px;margin:0 0 12px}.workspace-heading p{color:var(--muted);margin:0;line-height:1.6}.workspace-status{flex-direction:column;align-items:flex-end;gap:6px;padding-top:8px;display:flex}.workspace-demo-note{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:28px;padding:16px 18px;font-size:.875rem;line-height:1.65;display:flex}.workspace-demo-note svg{color:var(--brand-text);flex-shrink:0;margin-top:3px}.workspace-demo-note p{color:var(--muted);margin:0}.workspace-demo-note strong{color:var(--fg)}.workspace-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;margin-bottom:24px;display:grid}.workspace-grid>.ui-card{min-width:0;padding:28px}.workspace-grid h2{font:500 1.625rem/1.2 var(--font-display);margin:16px 0 12px}.workspace-grid p{color:var(--muted);line-height:1.7}.workspace-feature{background:linear-gradient(130deg, var(--accent-dim), var(--surface) 65%);flex-direction:column;justify-content:space-between;min-height:285px;display:flex}.workspace-feature h2{max-width:430px;font-size:2rem}.workspace-feature-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.workspace-feature-bottom>span{color:var(--muted);font-size:.875rem}.workspace-next>svg{color:var(--brand-text)}.workspace-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.workspace-card-title h2{margin:0;font-size:1.375rem}.workspace-list{margin:18px 0 0;padding:0;list-style:none}.workspace-list li{border-top:1px solid var(--border);align-items:center;gap:14px;padding:18px 0;display:flex}.workspace-list li>div{flex:1;min-width:0}.workspace-list strong{font-size:.9375rem;font-weight:500;line-height:1.5;display:block}.workspace-list span:not(.ui-badge){color:var(--muted);font-size:.875rem}.workspace-list .workspace-number{font-family:var(--font-mono)}.workspace-state-links{margin-top:12px;display:grid}.workspace-state-links a{min-height:48px;color:var(--fg-2);border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:14px 0;text-decoration:none;display:flex}.workspace-muted{font-size:.875rem}.workspace-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:28px 40px;font-size:.75rem;display:flex}.workspace-entry{max-width:1100px;margin:auto;padding:80px 28px}.workspace-entry h1{font:500 clamp(2.5rem, 5vw, 4rem)/1.05 var(--font-display);max-width:700px}.workspace-entry>p{max-width:600px;color:var(--muted);line-height:1.8}.workspace-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0;display:grid}.workspace-entry-grid>a{color:var(--fg);text-decoration:none}.workspace-entry-grid .ui-card{min-height:170px;padding:24px}.workspace-entry h2{font:500 1.7rem var(--font-display)}.workspace-entry a{color:var(--brand-text)}.workspace-section-state{flex-direction:column;align-items:flex-start;gap:20px;max-width:800px;margin:20px 0;padding:40px;display:flex}.workspace-section-state h1,.workspace-section-state h2{font-family:var(--font-display);margin:0}.workspace-section-state p{color:var(--muted);margin:0;line-height:1.7}.workspace-skeleton{background:var(--surface-2);border-radius:8px;width:100%;height:100px}.workspace-skip{z-index:200;background:var(--bg);color:var(--fg);padding:14px;position:fixed;top:-100px;left:16px}.workspace-skip:focus{top:12px}.workspace-mobile-nav{border-bottom:1px solid var(--border);padding:16px 24px;display:grid}.workspace-mobile-nav a{color:var(--fg);min-height:48px;padding:12px}@media (max-width:1100px){.workspace-grid{grid-template-columns:1fr}.workspace-heading{flex-direction:column}.workspace-status{align-items:flex-start}.workspace-main{padding:28px}.workspace-topbar{padding:16px 28px}}@media (max-width:760px){.workspace-sidebar{display:none}.workspace-body{margin-left:0}.workspace-mobile-toggle{display:inline-flex}.workspace-main{padding:24px 16px}.workspace-topbar{padding:12px 16px}.workspace-topbar>div>span{font-size:.75rem}.workspace-grid>.ui-card{padding:22px}.workspace-heading h1{font-size:2.25rem}.workspace-footer{flex-direction:column;padding:24px 16px}.workspace-entry-grid{grid-template-columns:1fr}.workspace-section-state{padding:24px}.workspace-eyebrow{letter-spacing:.5px;flex-wrap:wrap}}@media (pointer:coarse){.workspace-sidebar nav a,.workspace-mobile-nav a,.workspace-state-links a{min-height:56px}}