.site-nav { display:flex; gap:8px; flex-wrap:wrap; position:relative; z-index:5; max-width:1320px; margin:0 auto; padding:16px 20px; font:16px/1.5 ui-monospace,monospace; }
.site-nav a { display:inline-flex; align-items:center; min-height:44px; padding:8px 18px; border:1px solid #48634c; border-radius:5px; color:#d6f5cf; background:#0b160f; text-decoration:none; }
.site-nav a[aria-current] { color:#ffc95f; border-color:#ffc95f; }
.site-nav a:focus-visible { outline:2px solid #ffc95f; outline-offset:3px; }
.home-page .terminal-wrap { display:none; }
.terminal-page .shell > section:not(.terminal-wrap) { display:none; }
.terminal-page .terminal-wrap { margin-top:20px; }
.session-panel { border:1px solid var(--line); padding:16px; border-radius:8px; margin-bottom:20px; }
.session-panel p { color:var(--muted); font-size:13px; margin-bottom:0; }
.session-import { display:flex; flex-direction:column; gap:6px; max-width:100%; }
.session-import input { max-width:240px; min-height:44px; }
.midi-drag { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; color:#ffc779; background:#101918; border:1px dashed #ffc779; border-radius:5px; text-decoration:none; cursor:grab; }
.midi-drag:active { cursor:grabbing; }
.midi-drag:focus-visible { outline:2px solid #ffc779; outline-offset:3px; }
@media(max-width:600px) { .site-nav { padding:12px 0; } .site-nav a { padding:8px 14px; } .session-panel .actions { align-items:flex-start; } }
@media(max-width:380px) { .knobs { grid-template-columns:repeat(2,minmax(0,1fr)); } .automation-steps { grid-template-columns:repeat(4,minmax(0,1fr)); } .osc-banks { grid-template-columns:minmax(0,1fr); } }