body,html{margin:0;padding:0;background:#000}#app{position:absolute;left:0;top:0;bottom:0;right:0}html,body{background:#000;padding:0;margin:0;width:100%;height:100%;overflow:hidden;font-size:2.5vw;font-family:Share Tech Mono,monospace;color:#7af042;display:grid;align-items:center;justify-items:center}#mother_container{display:grid;align-items:center;justify-items:center;overflow:hidden;width:100%;height:100%}#mother_container>div{grid-row:1;grid-column:1}#mother_container #lines_container{width:60%;height:60%;box-sizing:border-box;padding:15px;align-items:center;align-content:center}#mother_container #lines_container .line{--grad-offset-scale: 1;background:#fff0;display:grid}#mother_container #lines_container .line>div{grid-row:1;grid-column:1}#mother_container #lines_container .line>div>div>div{opacity:0;visibility:hidden}#mother_container #lines_container .line .copy{justify-self:start;position:relative}#mother_container #lines_container .line .grad{filter:blur(4px);background-image:linear-gradient(90deg,#45563c00 calc(0% + 100% * var(--grad-offset-scale)),#7df14a calc(25% + 100% * var(--grad-offset-scale)),#fff calc(45% + 100% * var(--grad-offset-scale)),#fff calc(55% + 100% * var(--grad-offset-scale)),#7df14a calc(75% + 100% * var(--grad-offset-scale)),#45563c00 calc(100% + 100% * var(--grad-offset-scale)));background-repeat:none;transform:scaleY(.45)}.control-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#000000f2;border-left:2px solid transparent;z-index:1000;transition:right .3s ease;overflow:hidden;display:flex;flex-direction:column;font-family:monospace;color:#80ff10}.control-panel--visible{right:0;border-left:2px solid #80ff10}.control-panel__toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#000c;border:2px solid #80ff10;color:#80ff10;font-size:24px;cursor:pointer;z-index:999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.3}.control-panel__toggle:hover{background:#80ff10;color:#000;transform:scale(1.1);opacity:1}.control-panel__header{padding:20px;border-bottom:1px solid #80ff10;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.control-panel__header h2{margin:0;font-size:18px;letter-spacing:2px}.control-panel__header h3{margin:0;font-size:12px;letter-spacing:2px}.control-panel__close{background:none;border:1px solid #80ff10;color:#80ff10;font-size:24px;width:30px;height:30px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.control-panel__close:hover{background:#80ff10;color:#000}.control-panel__content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.control-panel__options{padding-bottom:20px;border-bottom:1px solid rgba(128,255,16,.3)}.control-panel__checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.control-panel__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.control-panel__checkbox span{font-size:14px;text-transform:uppercase;letter-spacing:1px}.control-panel__sequence{flex:1;display:flex;flex-direction:column;gap:10px}.control-panel__sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-panel__sequence-header h3{margin:0;font-size:14px;letter-spacing:1px}.control-panel__add-btn{background:none;border:1px solid #80ff10;color:#80ff10;padding:5px 10px;cursor:pointer;font-size:12px;transition:all .2s ease}.control-panel__add-btn:hover{background:#80ff10;color:#000}.control-panel__sequence-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto}.control-panel__cmd-item{border:1px solid rgba(128,255,16,.5);background:#80ff100d;padding:10px}.control-panel__cmd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(128,255,16,.3)}.control-panel__cmd-type{font-weight:700;font-size:12px;letter-spacing:1px}.control-panel__cmd-actions{display:flex;gap:5px}.control-panel__cmd-actions button{background:none;border:1px solid #80ff10;color:#80ff10;width:24px;height:24px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.control-panel__cmd-actions button:hover:not(:disabled){background:#80ff10;color:#000}.control-panel__cmd-actions button:disabled{opacity:.3;cursor:not-allowed}.control-panel__cmd-body{display:flex;flex-direction:column;gap:10px}.control-panel__cmd-fields{display:flex;flex-direction:column;gap:8px}.control-panel__field{display:flex;flex-direction:column;gap:4px}.control-panel__field label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.control-panel__field input,.control-panel__field select,.control-panel__field textarea{background:#00000080;border:1px solid rgba(128,255,16,.5);color:#80ff10;padding:5px;font-family:monospace;font-size:12px}.control-panel__field input:focus,.control-panel__field select:focus,.control-panel__field textarea:focus{outline:none;border-color:#80ff10;background:#80ff101a}.control-panel__field select option{background-color:#000000e6}.control-panel__field input[type=checkbox]{width:18px;height:18px}.control-panel__actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid rgba(128,255,16,.3);flex-shrink:0}.control-panel__actions button{flex:1;background:none;border:1px solid #80ff10;color:#80ff10;padding:10px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.control-panel__actions button:hover{background:#80ff10;color:#000}.control-panel__footer{font-size:12px}.control-panel__footer a{color:#80ff10;text-decoration:underline}.control-panel__content::-webkit-scrollbar,.control-panel__sequence-list::-webkit-scrollbar{width:8px}.control-panel__content::-webkit-scrollbar-track,.control-panel__sequence-list::-webkit-scrollbar-track{background:#0000004d}.control-panel__content::-webkit-scrollbar-thumb,.control-panel__sequence-list::-webkit-scrollbar-thumb{background:#80ff1080;border-radius:4px}.control-panel__content::-webkit-scrollbar-thumb:hover,.control-panel__sequence-list::-webkit-scrollbar-thumb:hover{background:#80ff10}
