.landing-product-story .unified-workspace .workspace-explorer{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:204px minmax(0,1fr);gap:20px;overflow:visible}.landing-product-story .workspace-selector{color:var(--foreground);background:0 0;border:0;padding:8px 0}.landing-product-story .workspace-group-button{color:var(--foreground);padding-inline:10px}.landing-product-story .workspace-group-button>svg,.landing-product-story .workspace-group-button>svg:last-child{color:var(--muted-foreground)}.landing-product-story .workspace-group-button[aria-expanded=true]{color:color-mix(in srgb, var(--brand) 78%, var(--foreground))}.landing-product-story .workspace-group-button[aria-expanded=true]>svg:first-child{color:var(--brand)}.landing-product-story .workspace-group-button:hover,.landing-product-story .workspace-tabs [role=tab]:hover{background:var(--landing-stage-soft);color:var(--foreground)}.landing-product-story .workspace-tabs [role=tab]{color:var(--muted-foreground);border-radius:8px}.landing-product-story .workspace-tabs [role=tab][data-active]{color:var(--brand);background:var(--landing-paper);box-shadow:inset 0 0 0 1px var(--border)}.landing-product-story .workspace-feature-description{color:var(--muted-foreground);border-top-color:var(--border);margin-top:20px;padding-top:16px}.landing-product-story .workspace-display{border:1px solid var(--border);background:var(--landing-paper);border-radius:16px;overflow:clip}.landing-product-story .workspace-display .preview-topbar{background:var(--landing-stage-soft);gap:12px;min-height:60px;padding:12px 16px}.workspace-app-body{grid-template-columns:76px minmax(0,1fr);display:grid}.workspace-app-nav{background:var(--landing-deep);color:var(--foreground);flex-direction:column;gap:8px;padding:12px 6px;display:flex}.workspace-app-nav button{width:100%;min-height:64px;color:var(--foreground);font-size:var(--text-caption);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-weight:500;line-height:1.4;display:flex;position:relative}.workspace-app-nav button>svg{flex-shrink:0;width:20px;height:20px}.workspace-app-nav button:hover{background:var(--muted)}.workspace-app-nav button[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}.workspace-app-nav button:focus-visible{outline-offset:-3px}.workspace-app-nav button:last-child{margin-top:auto}.landing-product-story .workspace-display .preview-main{min-width:0;padding:24px}.workspace-display .preview-illustration{margin-left:auto}@media (max-width:1100px){.landing-product-story .unified-workspace .workspace-explorer{grid-template-columns:176px minmax(0,1fr);gap:12px}.workspace-app-body{grid-template-columns:68px minmax(0,1fr)}.landing-product-story .workspace-display .preview-main{padding:18px}}@media (max-width:900px){.landing-product-story .unified-workspace .workspace-explorer{grid-template-columns:1fr;gap:16px}.landing-product-story .workspace-selector{padding:0}.landing-product-story .workspace-selector .workspace-tabs{border-top-color:var(--border)}.landing-product-story .workspace-group-button[aria-expanded=true]{background:var(--landing-stage-soft)}.landing-product-story .workspace-feature-description{margin-top:12px;padding-top:12px}}@media (max-width:600px){.workspace-app-body{grid-template-columns:1fr}.workspace-app-nav{flex-direction:row;gap:4px;padding:8px 4px}.workspace-app-nav button{flex:1;gap:4px;min-width:0;min-height:56px;padding:6px 2px}.workspace-app-nav button:last-child{margin-top:0}.workspace-app-nav button>svg{width:18px;height:18px}.workspace-app-nav button>span{text-align:center;max-width:100%}.landing-product-story .workspace-display .preview-main{padding:16px 12px}.workspace-display .preview-illustration{margin-left:0}}@media (prefers-reduced-motion:no-preference){.workspace-app-nav button{transition:color .18s ease-out,background-color .18s ease-out}}