*{box-sizing:border-box;margin:0;padding:0;font-family:Consolas,Courier New,monospace}body{color:#e2e2e9;background-color:#0a0a0c;flex-direction:column;height:100vh;display:flex;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}header{background-color:#121216;border-bottom:1px solid #1c1c24;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:8px 20px;display:flex}.logo{color:#90f;letter-spacing:1px;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.masa-logo{color:#f90;text-shadow:0 0 5px #ff990080,0 0 10px #ff99004d;letter-spacing:2px;font-size:12px;font-weight:700}.sync-status{background:#0e0e12;border:1px solid #333;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.sync-status.online{color:#0fc;border-color:#0fc6;box-shadow:0 0 8px #0fc3}.sync-status.offline{color:#888;border-color:#333}.sync-dot{background-color:#888;border-radius:50%;width:7px;height:7px}.sync-status.online .sync-dot{background-color:#0fc;animation:1.5s infinite pulse;box-shadow:0 0 6px #0fc}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.main-container{flex:1;width:100vw;display:flex;overflow:hidden}.column{background-color:#121216;flex-direction:column;height:100%;display:flex;overflow:hidden}#col-left{width:25%}#col-mid{width:45%}#col-right{flex:1}.cell-top{flex-direction:column;transition:flex .3s ease-out;display:flex;overflow:hidden}.cell-bottom{flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-header{color:#6c6c7d;background-color:#1a1a22;border-bottom:1px solid #1c1c24;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 15px;font-size:11px;font-weight:700;display:flex}.resizer-h{cursor:col-resize;z-index:10;background-color:#0a0a0c;flex-shrink:0;width:6px;transition:background-color .2s}.resizer-h:hover,.resizer-h.active{background-color:#90f}.resizer-v{cursor:row-resize;z-index:10;background-color:#0a0a0c;border-top:1px solid #1c1c24;border-bottom:1px solid #1c1c24;flex-shrink:0;height:6px;transition:background-color .2s}.resizer-v:hover,.resizer-v.active{background-color:#0fc}textarea,.dummy-content{color:#0fc;resize:none;background-color:#0a0a0c;border:none;outline:none;flex:1;padding:15px;font-size:13px;overflow-y:auto}#main-editor{color:#fff;line-height:1.5}#split-view{color:#858585;background-color:#0e0e12;line-height:1.5}button{color:#0fc;cursor:pointer;background-color:#22222a;border:1px solid #3a3a4a;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .2s}button:hover{color:#0a0a0c;background-color:#0fc}.dict-container{flex-direction:column;gap:8px;display:flex}.dict-card{background-color:#1a1a22;border:1px solid #2a2a35;border-radius:4px;flex-direction:column;gap:5px;padding:10px;display:flex}.dict-card-title{color:#fff;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.dict-card-desc{color:#888;font-size:11px}.dict-card-code{color:#0fc;white-space:pre-wrap;background-color:#0a0a0c;border-radius:2px;padding:5px;font-family:monospace;font-size:12px}.param-row{background:#1a1a22;border:1px solid #2a2a35;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.param-label{width:80px;font-size:11px;font-weight:700}.param-input{color:#fff;text-align:right;background:#0a0a0c;border:1px solid #333;border-radius:2px;outline:none;width:75px;padding:2px 6px;font-family:monospace}.param-input:focus{border-color:#0fc}