/* Section tiles at the top: one row, bigger, colourful, swipe sideways for more */
.tabbar .tabs{display:flex;gap:10px;width:100%;max-width:100%;margin:0;padding:4px 2px 8px;background:none;border:0;box-shadow:none;border-radius:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.tabbar .tabs.at-end{-webkit-mask-image:none;mask-image:none}
.tabbar .tabs::-webkit-scrollbar{display:none}
.tabbar .tabs button{--t:var(--violet);flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:10px;min-width:132px;height:62px;padding:0 18px 0 12px;border-radius:18px;
  border:2px solid color-mix(in srgb,var(--t) 35%,transparent);background:color-mix(in srgb,var(--t) 12%,var(--panel));color:var(--ink);font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px -8px color-mix(in srgb,var(--t) 80%,transparent);transition:transform .15s, box-shadow .15s}
.tabbar .tabs button .ti{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--panel);font-size:22px;line-height:1;margin:0;flex:none}
.tabbar .tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--t),color-mix(in srgb,var(--t) 55%,var(--coral)));border-color:transparent;color:#fff;box-shadow:0 10px 22px -10px var(--t);transform:translateY(-1px)}
.tabbar .tabs button[aria-selected="true"] .ti{background:rgba(255,255,255,.25)}
.tabbar .tabs button:active{transform:scale(.97)}
.tabs button[data-view="view-color"]{--t:#8457E8}
.tabs button[data-view="view-draw"]{--t:#F2665A}
.tabs button[data-view="view-trace"]{--t:#2BA3A0}
.tabs button[data-view="view-links"]{--t:#3A94D8}
.tabs button[data-view="view-pass"]{--t:#34A874}
.tabs button[data-view="view-46"]{--t:#F0A92E}
@media (max-width:600px){ .tabbar .tabs button{min-width:124px;height:58px;font-size:14.5px;padding:0 14px 0 10px} .tabbar .tabs button .ti{width:36px;height:36px;font-size:20px} }