fix: black SVG icons now render white — invert(1) filter; proper fullscreen icon

- Pipedal SVGs have no fill (default black) — added invert(0.95) brightness(2)
  to render them white on dark backgrounds
- Status bar icons: brightness(0.7) was making them invisible on dark bg
- Fullscreen icon: replaced ic_drawer_2 (cabinet) with proper inline
  Material-style expand SVG in amber

src/App.jsx

@@ -639,10 +639,10 @@ export default function App(){
               </div>
               <div style={{width:1,height:12,background:T.border}}/>
               <button className="btn-icon" style={{width:24,height:24,position:'relative'}}onClick={()=>setView("captures")}title="Downloads">
-                <img src={`${import.meta.env.BASE_URL}img/ic_bank.svg`} alt="captures" style={{width:14,height:14,filter:'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/ic_bank.svg`} alt="captures" style={{width:14,height:14,filter:'invert(1) brightness(2)'}}/>
               </button>
               <button className="btn-icon" style={{width:24,height:24,position:'relative'}}onClick={()=>setView("presets")}title="Presets">
-                <img src={`${import.meta.env.BASE_URL}img/ic_presets.svg`} alt="presets" style={{width:14,height:14,filter:'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/ic_presets.svg`} alt="presets" style={{width:14,height:14,filter:'invert(1) brightness(2)'}}/>
               </button>
               <div style={{display:"flex",gap:2,alignItems:"center",background:T.surface,borderRadius:4,border:`1px solid ${T.border}`,padding:2,height:24}}>
                 {["stomp","preset"].map(m=>(<button key={m} onClick={()=>setFootswitchMode(m)} style={{
@@ -657,10 +657,12 @@ export default function App(){
                 background:state.tuner_enabled?'rgba(128,208,160,.15)':T.surface,
                 borderColor:state.tuner_enabled?T.green:T.border}}
                 onClick={handleTunerToggle} title={state.tuner_enabled?"Exit Tuner":"Tuner"}>
-                <img src={`${import.meta.env.BASE_URL}img/fx_analyzer.svg`} alt="tuner" style={{width:14,height:14,filter:state.tuner_enabled?'brightness(1.5) sepia(0.3) hue-rotate(80deg)':'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/fx_analyzer.svg`} alt="tuner" style={{width:14,height:14,filter:state.tuner_enabled?'invert(0.9) brightness(2) sepia(0.4) hue-rotate(80deg)':'invert(1) brightness(2)'}}/>
               </button>
               <button className="btn-icon" style={{width:24,height:24,position:'relative',background:'rgba(232,160,48,.12)',borderColor:T.amber}}onClick={()=>{if(!document.fullscreenElement){document.documentElement.requestFullscreen()}else{document.exitFullscreen()}}}title="Fullscreen">
-                <img src={`${import.meta.env.BASE_URL}img/ic_drawer_2.svg`} alt="fullscreen" style={{width:12,height:12,filter:'brightness(1.2)'}}/>
+                <svg viewBox="0 0 24 24" width="14" height="14" fill="#E8A030">
+                  <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+                </svg>
               </button>
             </div>
           </div>

src/BlockChain.jsx

@@ -95,7 +95,7 @@ function BlockIcon({ type, size = 14, style = {} }) {
       alt={type || 'fx'}
       style={{
         width: size, height: size, flexShrink: 0,
-        filter: 'brightness(1.2) contrast(1.1)',
+        filter: 'invert(0.95) brightness(2)',
         objectFit: 'contain',
         ...style,
       }}