.main-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.canvas-wrapper{position:relative;background-image:linear-gradient(45deg,#1a1a1a 25%,transparent 25%),linear-gradient(-45deg,#1a1a1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1a 75%),linear-gradient(-45deg,transparent 75%,#1a1a1a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.5);max-width:100%;max-height:70vh;display:flex;justify-content:center;align-items:center}canvas{max-width:100%;max-height:100%;object-fit:contain}.controls-panel{width:100%;max-width:800px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 5px 20px rgba(0,0,0,.3)}.fx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px}.fx-card{background:#222;border:2px solid transparent;border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .2s}.fx-card:hover{background:#2a2a2a;transform:translateY(-2px)}.fx-card.active{border-color:var(--accent-neo);background:rgba(0,255,255,.1);color:var(--accent-neo);box-shadow:0 0 15px rgba(0,255,255,.2)}.fx-card.active-holo{border-color:var(--accent-holo);background:rgba(221,0,255,.1);color:var(--accent-holo);box-shadow:0 0 15px rgba(221,0,255,.2)}.fx-icon{font-size:1.5rem;margin-bottom:5px;display:block}.fx-name{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}input[type=range]{accent-color:var(--accent-neo)}.upload-zone{border:2px dashed #444;border-radius:8px;padding:40px;text-align:center;color:#888;cursor:pointer;transition:border-color .2s}.upload-zone:hover{border-color:#666;color:#aaa}.hidden{display:none!important}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;display:none}