.genart-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}.genart-bar nav{display:flex;min-width:0;gap:8px}.genart-bar nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:18px}.genart-bar nav a:hover{border-color:var(--border-strong);color:var(--foreground)}.genart-bar nav a[aria-current=page]{border-color:var(--primary);background:var(--accent);color:var(--foreground)}.genart-generate{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--border);background:var(--card);font-family:var(--font-mono);font-size:11px}.genart-generate:hover{border-color:var(--primary);background:var(--accent)}.genart-generate svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.genart-bar :focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:760px){.genart-bar{gap:8px;padding-block:16px}.genart-bar nav{gap:5px}.genart-bar nav a{padding-inline:12px;font-size:16px}.genart-generate{width:44px;padding:0}.genart-generate span{display:none}}@media (max-width:360px){.genart-bar nav a{padding-inline:10px}}@media (max-width:480px){.genart-bar nav{flex:1}.genart-bar nav a{flex:1;padding-inline:5px;font-size:clamp(12px,3.5vw,16px)}}