/* Selected Taste Lab refinements. Existing controls, headings and layout drag remain intact. */
@font-face{font-family:Satoshi;src:url('./fonts/satoshi-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('./fonts/satoshi-bold.woff2') format('woff2');font-weight:700;font-display:swap}
html,body{font-family:Satoshi,"PingFang TC","Noto Sans TC",system-ui,sans-serif}
button,input,textarea,select,.home-heading{font-family:"PingFang TC","Noto Sans TC",system-ui,sans-serif}
/* Equal-sized cards preserve the original creation-first DOM order. */
.workspace-cards{grid-auto-flow:dense}
.workspace-card{border-radius:12px;transition:border-color .25s,box-shadow .25s}
.workspace-card:hover{border-color:var(--muted);box-shadow:0 6px 22px #00000009}
.workspace-preview{border-radius:6px}
.workspace-preview svg{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.workspace-open:not(:disabled):hover .workspace-preview svg{transform:scale(1.05)}
/* Neutral selection in navigation; node layout designer deliberately keeps its original rules. */
.map-nav-row,.stage-nav .tree-node.active,.nav button.active,.run-nav button.active{background:var(--raised);color:var(--ink)}
.nav-count{background:var(--raised);color:var(--ink)}
.canvas-status{background:var(--surface);color:var(--muted);border-color:var(--line)}
#editorTabs>.tab.active{border-bottom-color:var(--muted)}
/* Keep original control sizes and heading rhythm while making mobile destinations reachable. */
@media(max-width:800px){
 .workspace-home{grid-template-rows:auto minmax(0,1fr)}
 .home-sidebar{display:flex;flex-direction:row;align-items:center;gap:4px;flex-wrap:wrap;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}
 .home-sidebar .brand{width:100%;padding:0 0 12px}
 .home-sidebar>.home-nav{font-size:12px;margin:0;padding:9px 10px}
 .home-sidebar-bottom{display:flex;flex-basis:100%;gap:4px;flex-wrap:wrap;margin-top:2px}
 .home-sidebar-bottom p{display:none}
 .home-sidebar-bottom .home-nav{font-size:12px;margin:0;padding:9px 10px}
 .workspace-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr))}
}
@media(prefers-reduced-motion:reduce){.workspace-card,.workspace-preview svg{transition:none!important}}