.workspace-shell{--workspace-line:#ededed;min-height:100vh;display:flex;color:#262626;background:#fff}.workspace-rail{width:72px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--workspace-line);display:flex;align-items:center;flex-direction:column;gap:20px;padding-top:20px;background:#fff;z-index:50}.rail-home{color:#333;padding:4px;margin-bottom:5px}.rail-app,.rail-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px}.rail-logo{background:#252525;color:white;box-shadow:0 3px 8px #0002}.rail-divider{width:32px;height:1px;background:#eee;margin:0 0 1px}.rail-app-dark{background:#242424;color:#c7db7f;outline:2px solid #ccc;outline-offset:3px}.rail-app-lime{background:linear-gradient(135deg,#e4f5b5,#a4ce4a);color:#3e5719}.rail-app-purple{background:linear-gradient(135deg,#d5b8e8,#9776b6);color:white}.rail-app-blue{background:linear-gradient(135deg,#d6e9ec,#e7e1b5);color:#375459}.workspace-sidebar{width:248px;position:fixed;inset:0 auto 0 72px;border-right:1px solid var(--workspace-line);display:flex;flex-direction:column;background:#fdfdfd;z-index:40}.workspace-brand{height:80px;justify-content:space-between;margin:0 20px;border-bottom:1px solid var(--workspace-line);flex-shrink:0}.brand-mark,.workspace-brand{display:flex;align-items:center}.brand-mark{width:32px;height:32px;border-radius:8px;justify-content:center;background:linear-gradient(135deg,#d5e9e7,#e9dfef 60%,#ecebd6);color:#3b4949;box-shadow:0 2px 4px #0001}.workspace-navigation{padding:24px 18px;flex:1 1;overflow:auto}.workspace-navigation a,.workspace-navigation a>div>a,.workspace-navigation a>div>div{font-size:13px;padding:10px 12px}.workspace-footer{padding:14px 18px 22px}.workspace-content{margin-left:320px;width:calc(100% - 320px);min-width:0}.workspace-header{height:80px;border-bottom:1px solid var(--workspace-line);display:flex;align-items:center;gap:16px;padding:0 32px}.workspace-header input{background:#fff;border-color:#ececec;box-shadow:0 1px 3px #00000003}.workspace-main{padding:30px 32px 36px;max-width:1500px;margin:0 auto}.workspace-collapsed .workspace-sidebar,.workspace-menu{display:none}.workspace-collapsed .workspace-content{margin-left:72px;width:calc(100% - 72px)}.workspace-collapsed .workspace-menu{display:inline-flex}.docs-search-results{position:absolute;z-index:60;top:48px;width:100%;border:1px solid #eee;background:white;border-radius:10px;padding:6px;box-shadow:0 8px 24px #0001}.overview-fields>div{align-items:flex-start;padding:9px 0}.overview-fields>div>div:first-child{width:165px;color:#929292;padding-top:2px}.overview-fields>div>div:first-child span{font-weight:400}.overview-fields>div>div:last-child{color:#444}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.component-catalog-card{display:block;overflow:hidden;border:1px solid #e9e9e9;border-radius:12px;background:white;box-shadow:0 2px 4px #00000003;transition:box-shadow .2s,border-color .2s,transform .2s}.component-catalog-card:hover{border-color:#ccc;box-shadow:0 5px 18px #00000008;transform:translateY(-2px)}.component-catalog-card:focus-visible{outline:2px solid #78963f;outline-offset:3px}.component-catalog-preview{height:146px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fafafa,#f7f7f6);border-bottom:1px solid #efefef;padding:15px}@media (min-width:1500px){.workspace-main{padding:40px 48px}.workspace-header{padding:0 48px}}@media (max-width:1150px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-sidebar{width:220px}.workspace-content{margin-left:292px;width:calc(100% - 292px)}}@media (max-width:800px){.workspace-rail{display:none}.workspace-sidebar{left:0;width:220px;box-shadow:8px 0 30px #0001;top:64px}.workspace-brand{height:64px}.workspace-collapsed .workspace-content,.workspace-content{margin-left:0;width:100%}.workspace-menu{display:inline-flex}.workspace-header{height:64px;padding:0 16px;position:sticky;top:0;background:white;z-index:45}.workspace-main{padding:25px 20px}.workspace-sidebar{display:none}.workspace-mobile-open .workspace-sidebar{display:flex}}@media (max-width:540px){.catalog-grid{grid-template-columns:1fr}.overview-fields>div>div:first-child{width:115px}.overview-fields>div>div:last-child{min-width:0}.overview-fields>div:last-child>div:last-child>div{flex-wrap:wrap;gap:8px}.workspace-main .segmented-tabs{display:flex;width:100%;flex-wrap:wrap}.workspace-main .segmented-tabs>button{flex:1 1;white-space:nowrap;justify-content:center;font-size:11px;padding:8px}}