/* Navigation has one owner; feature styles do not position the rail or directory. */
.tabbar {position:fixed;display:flex;z-index:8;background:var(--surface);border:1px solid #c6b8ff1c;}
.tabbar > .tab {display:flex;align-items:center;justify-content:center;gap:7px;position:relative;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:12px;line-height:1.3;}
.tabbar > .tab.active {color:var(--text);background:#a78aef18;border-color:#ae96ff55;box-shadow:inset 3px 0 #b6a1ff;}
.tabbar svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.work-heading {margin-bottom:24px;}.work-heading h2 {margin:0 0 8px;}.work-heading p {margin:0;color:var(--muted);}
.work-search {display:block;max-width:580px;margin-bottom:12px;}.work-search span {display:block;font-size:13px;margin-bottom:8px;}
#work-search {width:100%;box-sizing:border-box;min-height:46px;font-size:16px;}
#work-search-status {min-height:22px;color:var(--muted);font-size:13px;}
.work-directory {display:grid;gap:28px;position:static;max-height:none;width:auto;min-width:0;overflow:visible;margin:0;padding:0;background:transparent;border:0;box-shadow:none;}
.work-group {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.work-group h3 {grid-column:1/-1;margin:0 0 2px;font-size:16px;}
.work-group .work-link {position:relative;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;text-align:left;min-width:0;min-height:86px;padding:16px 36px 16px 16px;border:1px solid #ffffff17;border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;line-height:1.4;}
.work-link small {font-size:12px;font-weight:normal;color:var(--muted);line-height:1.5;}.work-link .badge {top:12px;right:12px;}
.route-back {display:inline-flex;margin:0 0 20px;padding:8px 0;min-height:40px;background:transparent;border:0;color:var(--muted);font-size:13px;}
.section-links {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;}.section-links button {min-height:40px;font-size:13px;}
@media(min-width:1000px) {
 .tabbar {top:100px;bottom:24px;left:12px;width:88px;flex-direction:column;gap:8px;padding:8px 4px;border-radius:16px;}
 .tabbar > .tab {flex-direction:column;width:100%;min-height:72px;padding:12px 3px;font-size:11px;}.tabbar > .tab:last-child {margin-top:auto;}
 #app {padding-left:112px;}.topbar {margin-left:-112px;}
}
@media(min-width:1200px) {.neural-stage {left:128px;width:calc(34vw - 118px);}}
@media(max-width:999px) {
 .tabbar {position:relative;grid-row:4;left:auto;right:auto;bottom:auto;top:auto;width:auto;margin:0;flex-direction:row;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;}
 .tabbar > .tab {flex:1;flex-direction:column;min-width:0;min-height:56px;padding:6px 2px;font-size:11px;}.work-directory {gap:24px;}
 .tabbar > .tab.active {box-shadow:inset 0 -2px #b6a1ff;}
}
@media(max-width:600px) {.work-group {grid-template-columns:minmax(0,1fr);}.work-group .work-link {min-height:78px;}}