:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#000;background:radial-gradient(circle,transparent 20%,#000000 20%,#000000 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#000000 20%,#000000 80%,transparent 80%,transparent) 25px 25px,linear-gradient(#003300 2px,transparent 2px) 0 -1px,linear-gradient(90deg,#030 2px,#000 2px) -1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px}body{margin:0;height:100vh;display:grid;place-items:center;overflow:hidden;color:#6f6;font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:14px;scrollbar-color:#66ff66 #33333322;scrollbar-width:thin}h3{font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-top:0;min-height:1em}h4{font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-top:10px;margin-bottom:0;font-size:14px}button{font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}input{accent-color:#66ff66}select{width:20px}.hidden{display:none!important}.disabled{opacity:.5;pointer-events:none}.separator{padding-bottom:10px;display:block}.shortcuts-hint{margin-top:-6px;margin-bottom:8px;font-size:11px;color:#6f69;letter-spacing:.03em}.shortcuts-hint kbd{font-family:Orbitron,serif;font-size:10px;color:#6f6;background:#0f280f;border:1px solid #66ff6644;border-radius:4px;padding:1px 5px}.button,button{color:#6f6;background-color:#121;border-style:solid;border-color:#6f6;border-radius:5px;border-width:2px;display:inline-block;font-size:14px;font-weight:400;padding-block-end:1px;padding-block-start:1px;padding-inline-end:6px;padding-inline-start:6px;margin-bottom:2px}.container{margin:0;display:grid;place-items:center;text-align:center}#canvasContainer{margin:0 auto}.panel-container{position:absolute}.left-ui{position:fixed;top:0;left:0;text-align:left;z-index:2}.right-ui{position:fixed;top:0;right:0;text-align:right;z-index:2;max-width:340px}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000c;display:flex;align-items:center;justify-content:center;pointer-events:all}.export-overlay-content{background-color:#111e;border:2px solid #66ff66;border-radius:10px;padding:16px 24px;font-family:Orbitron,serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 30px #6f65}.export-overlay-title{text-align:center;margin-bottom:6px}.export-overlay-subtitle{text-align:center;font-family:Montserrat,serif;font-size:12px;margin-bottom:8px;letter-spacing:.02em;text-transform:none}.export-progress-track{width:260px;height:10px;border:1px solid #66ff66;border-radius:999px;background-color:#0b1c0bcc;overflow:hidden}.export-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2be52b,#6f6);transition:width .2s ease}.export-overlay-percent{margin-top:6px;text-align:center;font-size:12px}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;display:flex;align-items:center;justify-content:center}.shortcuts-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#0a1f0a99,#000c 70%);cursor:pointer}.shortcuts-modal{position:relative;width:min(94vw,520px);background-color:#080e08;border:2px solid #66ff66;border-radius:14px;box-shadow:0 0 0 1px #1a331a inset,0 0 40px #2fe12f55,0 0 80px #0d1f0d;overflow:hidden}.shortcuts-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom,transparent 0,transparent 50%,#66ff660a 50%,#66ff660a 100%);background-size:100% 4px;opacity:.5}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #66ff6633}.shortcuts-modal-header h3{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #66ff6688}.shortcuts-close-btn{background:transparent;border:1px solid #66ff6644;color:#6f6;border-radius:6px;width:26px;height:26px;padding:0;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.shortcuts-close-btn:hover{background:#6f62;border-color:#6f6}.shortcuts-modal-body{padding:10px 16px;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;transition:background .1s}.shortcut-row:hover{background:#6f61}.shortcut-description{font-family:Montserrat,serif;font-size:13px;color:#aea}.shortcut-chord{font-family:Orbitron,serif;font-size:11px;color:#6f6;background:#0f280f;border:1px solid #66ff6666;border-radius:6px;padding:3px 8px;letter-spacing:.05em;box-shadow:0 0 8px #6f62}.shortcuts-modal-footer{padding:10px 16px 14px;border-top:1px solid #66ff6633;font-size:11px;color:#6f68;text-align:center;font-family:Montserrat,serif}.shortcuts-modal-footer kbd{font-family:Orbitron,serif;font-size:10px;color:#6f6;background:#0f280f;border:1px solid #66ff6644;border-radius:4px;padding:1px 5px}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:radial-gradient(circle at 50% 35%,#131a,#000d 65%);display:flex;align-items:center;justify-content:center}.confirm-modal{width:min(92vw,440px);background-color:#090f09;border:2px solid #66ff66;border-radius:12px;padding:14px 16px;box-shadow:0 0 0 1px #1d361d inset,0 0 28px #2fe12f66,0 0 60px #123312;position:relative;overflow:hidden}.confirm-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom,transparent 0,transparent 50%,#66ff660f 50%,#66ff660f 100%);background-size:100% 4px;opacity:.45}.confirm-modal h3{margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.confirm-modal p{margin:0;line-height:1.35}.confirm-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.confirm-modal-actions button:last-child{background:linear-gradient(180deg,#1f4a1f,#102710);box-shadow:0 0 12px #6f63}.panel{background-color:#111c;margin-top:10px;padding:10px}.panel.left{border-radius:0 10px 10px 0}.panel.right{border-radius:10px 0 0 10px}.panel.collapsed{height:2em;overflow:hidden}.panel h3{cursor:pointer;-webkit-user-select:none;user-select:none}.layerItem,.shaderItem,.modulatorItem,.signalItem{background-color:#1112;border-style:solid;border-width:1px;border-color:#6f66;padding:5px}.signalItem{display:flex;align-items:center}.layerItem.active,.shaderItem.active,.modulatorItem.active,.signalItem.active{background-color:#fff2;color:#6f6;border-color:#6f6}.layerItem .title,.shaderItem .title,.modulatorItem .title,.signalItem .title{font-family:Orbitron,serif;line-height:24px;float:left}.layerItem .icons,.shaderItem .icons,.modulatorItem .icons,.signalItem .icons{display:inline-block;margin-left:5px}.signalItem .icons{margin-left:auto}.layerItem .settings{display:none}.layerItem.active .settings{display:block}.ct-series-a .ct-line{stroke:#6f6;fill:none}.chartContainer{min-height:154px}.selected{color:#f6f}.history-item.undo{color:#6f6}.history-item.redo{color:#f6f}.signal-input{width:100%;box-sizing:border-box;padding:6px 8px;margin-bottom:8px;background-color:#1a1a1a;border:1px solid #66ff66;border-radius:4px;color:#6f6;font-family:Montserrat,serif;font-size:14px}.signal-input::placeholder{color:#6f66}.signal-input:focus{outline:none;box-shadow:0 0 8px #6f65}.signals-list{display:flex;flex-direction:column;gap:4px}