:root{--mock-ds-text: #3d3d42;--mock-ds-text-muted: #6b6b70;--mock-ds-border: #e4e4e7;--mock-ds-surface: #f7f7f8;--mock-ds-primary: #006ecf;--mock-ds-bg: #fff}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--mock-ds-text);background:var(--mock-ds-bg);-webkit-font-smoothing:antialiased}#root{display:contents}.dh-shell{display:flex;flex-direction:column;min-height:100svh;background:var(--mock-ds-bg)}.dh-appbar{display:flex;align-items:center;height:56px;padding:0 1.25rem;background:#f3f3f3;gap:1.5rem;flex-shrink:0}.dh-abb-logo{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:red;color:#fff;font-weight:700;font-size:.8125rem;letter-spacing:.02em;flex-shrink:0;user-select:none}.dh-appbar__brand{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.dh-appbar__brand-text{display:flex;flex-direction:column;line-height:1.2}.dh-appbar__product-name{font-size:.9375rem;font-weight:600}.dh-appbar__product-sub{font-size:.6875rem;color:var(--mock-ds-text-muted)}.dh-appbar__nav{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.dh-appbar__nav-link{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:var(--mock-ds-text-muted);text-decoration:none;border-radius:4px}.dh-appbar__nav-link--active{color:var(--mock-ds-text);font-weight:600;border-bottom:2px solid #3d3d42;border-radius:0}.dh-appbar__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dh-appbar__action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:transparent;border:none;border-radius:4px;font-size:.875rem;color:var(--mock-ds-text-muted);cursor:pointer}.dh-globe-icon{font-size:1rem;line-height:1}.dh-avatar{width:2rem;height:2rem;border-radius:50%;background:#fff;border:1.5px solid #b0b0b5;font-size:.75rem;font-weight:700;justify-content:center;padding:0}.dh-project-bar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 1.25rem;background:#f3f3f3;gap:1rem;flex-shrink:0}.dh-project-bar__breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--mock-ds-text-muted)}.dh-project-bar__sep{font-size:.875rem;color:var(--mock-ds-border)}.dh-project-bar__crumb--current{display:flex;align-items:center;gap:.25rem;color:var(--mock-ds-text);font-weight:500}.dh-project-bar__info-btn{background:transparent;border:none;cursor:pointer;color:var(--mock-ds-text-muted);padding:0}.dh-project-bar__controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dh-project-bar__dropdown{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.8125rem;font-weight:500;color:var(--mock-ds-text);background:var(--mock-ds-bg);border:1px solid var(--mock-ds-border);border-radius:4px;cursor:pointer}.dh-project-bar__save-btn{padding:.2rem 1rem;font-size:.8125rem;font-weight:500;color:var(--mock-ds-text-muted);background:var(--mock-ds-surface);border:1px solid var(--mock-ds-border);border-radius:4px;opacity:.6;cursor:not-allowed}.dh-tabbar{display:flex;align-items:flex-end;height:36px;padding:0 1.25rem;background:#f3f3f3;border-bottom:1px solid var(--mock-ds-border);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.dh-tabbar__tab{display:inline-flex;align-items:center;padding:0 1rem;height:100%;font-size:.8125rem;font-weight:500;color:var(--mock-ds-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-1px}.dh-tabbar__tab--active{color:var(--mock-ds-text);font-weight:600;border-bottom-color:#3d3d42}.dh-shell__content{flex:1;min-height:0;display:flex;flex-direction:column}.dh-page-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:1rem 1.25rem 0}.dimensioning-section-title{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:var(--mock-ds-text)}.dh-dimensioning-layout{display:flex;flex:1;min-height:0;overflow:hidden}.dh-sidebar{flex-shrink:0}.dh-main{flex:1;min-width:0;overflow-y:auto;padding:1.5rem}.dh-skeleton{background:linear-gradient(90deg,var(--mock-ds-surface) 25%,#ececec 50%,var(--mock-ds-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:4px}.dh-skeleton--sidebar{width:288px;min-height:200px}.dh-skeleton--main{width:100%;height:200px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}