*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f1115;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input[type=text],textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img,canvas,button,label,select,input{-webkit-user-drag:none;user-drag:none}button:focus,select:focus,input[type=range]:focus,input[type=checkbox]:focus{outline:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.app-branding{display:flex;align-items:center;gap:12px}.app-logo{width:48px;height:48px}.app-title{font-size:24px;font-weight:600;color:#e6e6e6;margin:0;letter-spacing:.5px}.nav-buttons{display:flex;gap:12px}.nav-button{padding:12px 32px;font-size:16px;font-weight:600;border:2px solid #333;border-radius:8px;background:#1a1d24;color:#888;cursor:pointer;transition:all .15s ease}.nav-button:hover{border-color:#555;color:#bbb}.nav-button.active{border-color:#0af;background:#0a2a3a;color:#0cf}.sample-editor{display:flex;flex-direction:column;gap:16px}.waveform-area{position:relative;border:1px solid #2a2f3a;border-radius:8px;overflow:hidden;background:#12151b;height:360px}.sample-editor .card{background:#1f2430;border:1px solid #2d3440;border-radius:10px;padding:16px}.waveform-area canvas{width:100%;height:100%;display:block}.waveform-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7a8799;font-size:14px;pointer-events:none}.editor-controls{display:flex;flex-direction:column;gap:12px}.editor-summary{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#b0b8c4}.editor-summary .warning{color:#ffb020;font-weight:600}.editor-actions{display:flex;gap:12px}.editor-shortcuts{margin-top:10px;font-size:11px;color:#8b95a5}.fade-graphs{display:flex;gap:12px;align-items:center}.fade-graph{display:flex;flex-direction:column;gap:6px;align-items:center;padding:6px;border:1px solid #2d3440;border-radius:8px;background:#141922}.fade-graph-label{font-size:11px;color:#a0a8b8}button,input,select{font:inherit}input[type=number],input[type=text]{background:#1f2430;border:1px solid #3c4554;border-radius:6px;color:#e6e6e6;padding:6px 10px}input[type=number]:disabled,input[type=text]:disabled{opacity:.5;cursor:not-allowed}select{background:#1f2430;border:1px solid #3c4554;border-radius:6px;color:#e6e6e6;padding:6px 10px}input[type=file]{color:#c6cbe3}input[type=file]::file-selector-button{background:#2d3440;border:1px solid #3c4554;border-radius:6px;color:#e6e6e6;padding:6px 12px;margin-right:10px;cursor:pointer}input[type=file]::file-selector-button:hover{background:#3a4250}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#a0a8b8}button{background:#2d3440;border:1px solid #3c4554;border-radius:6px;color:#e6e6e6;padding:8px 16px;cursor:pointer}button:hover:not(:disabled){background:#3a4250}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px}.panel{background:#171a21;border:1px solid #2b313a;border-radius:12px;padding:16px}.panel h2{margin:0;font-size:18px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;flex-wrap:wrap}.eprom-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.eprom-status-chip{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1a3a1a,#0d2a0d);border:1px solid #2a5a2a;border-radius:6px;padding:6px 12px;font-family:monospace}.eprom-status-icon{color:#4f4;font-size:14px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.eprom-status-type{color:#8f8;font-weight:700;font-size:13px}.eprom-status-info{font-size:11px;color:#888}.eprom-status-empty{font-size:12px;color:#666;font-style:italic}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.wide-slider{min-width:280px}.wide-slider input[type=range]{width:100%}.pitch-slider{min-width:224px}.compact-slider{min-width:160px}.compact-slider input[type=range]{width:140px}.editor-controls-row{flex-wrap:nowrap;align-items:flex-end;overflow-x:auto;padding-bottom:4px}.card{background:#1f2430;border:1px solid #2d3440;border-radius:10px;padding:12px;min-width:200px}.chip-slot{display:flex;flex-direction:column;gap:6px;border:1px dashed #3c4554;border-radius:8px;padding:10px;min-width:160px;background:#1a1f2a}.chip-slot.active{border-color:#74a0ff}.chip-name{font-size:13px;color:#c6cbe3}.chip-type{font-size:11px;color:#74a0ff;background:#74a0ff1a;padding:2px 6px;border-radius:4px;display:inline-block}.chip-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#171a21;border:1px solid #2b313a;border-radius:12px;padding:16px;width:min(720px,92vw);max-height:80vh;overflow:auto}.modal-large{width:min(900px,95vw);max-height:85vh}.modal h3{margin-top:0}.manifest-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.manifest-item{border:1px solid #2d3440;border-radius:8px;padding:8px;background:#1f2430}.manifest-item button{margin-top:6px}.manifest-browser{display:flex;gap:16px;height:500px;margin-bottom:12px}.manifest-folders{flex:0 0 200px;display:flex;flex-direction:column;border:1px solid #2d3440;border-radius:8px;background:#1f2430;overflow:hidden}.manifest-folders-header{padding:12px;background:#252a35;border-bottom:1px solid #2d3440;font-weight:600;font-size:13px;color:#e6e6e6}.manifest-folders-list{flex:1;overflow-y:auto;padding:4px}.manifest-folder-item{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#c6cbe3;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:background .15s}.manifest-folder-item:hover{background:#2a2f3a}.manifest-folder-item.active{background:#3a4a6a;color:#fff}.folder-icon{font-size:16px;flex-shrink:0}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{font-size:11px;color:#8a8fa3;flex-shrink:0}.manifest-folder-item.active .folder-count{color:#b0c4de}.manifest-files{flex:1;display:flex;flex-direction:column;border:1px solid #2d3440;border-radius:8px;background:#1f2430;overflow:hidden}.manifest-files-header{padding:12px;background:#252a35;border-bottom:1px solid #2d3440;font-weight:600;font-size:13px;color:#e6e6e6}.manifest-files-list{flex:1;overflow-y:auto;padding:8px}.manifest-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #2d3440;border-radius:6px;background:#252a35;margin-bottom:8px;transition:border-color .15s;cursor:pointer}.manifest-file-item:hover{border-color:#3c4554}.manifest-file-item.selected{border-color:#74a0ff;box-shadow:0 0 0 1px #74a0ff66}.manifest-file-info{flex:1;min-width:0}.manifest-file-name{display:block;color:#e6e6e6;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manifest-file-type{display:flex;align-items:center;gap:8px;font-size:11px}.manifest-file-type-label{color:#8a8fa3;font-family:monospace}.eprom-indicator{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;font-family:monospace;color:#fff;background:#3c4554}.eprom-indicator.eprom-4k{background:#4a6fa5}.eprom-indicator.eprom-8k{background:#6b8e5a}.manifest-assign-button{padding:6px 16px;background:linear-gradient(135deg,#2a4a8a,#1a3a6a);border:1px solid #3a6aba;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;flex-shrink:0}.manifest-assign-button:hover{background:linear-gradient(135deg,#3a5a9a,#2a4a7a)}.manifest-empty{padding:40px 20px;text-align:center;color:#8a8fa3;font-size:13px}.level-meter-container{display:flex;align-items:center;gap:12px}.level-meter{flex:1;height:24px;background:#1a1f2a;border:1px solid #3c4554;border-radius:4px;position:relative;overflow:hidden}.level-meter-fill{height:100%;transition:width .05s ease-out;border-radius:3px}.level-meter-ticks{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:10px;color:#666;pointer-events:none}.level-meter-value{font-size:14px;font-family:monospace;min-width:80px;text-align:right;color:#c6cbe3}.export-section{margin-top:20px;padding-top:16px;border-top:1px solid #2b313a}.export-section h3{margin:0 0 12px;font-size:14px;color:#a0a8b8;font-weight:500}.export-row{display:flex;gap:16px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.export-row .filename-input{min-width:220px}.filename-input{background:#1f2430;border:1px solid #3c4554;border-radius:6px;color:#e6e6e6;padding:8px 12px;min-width:200px;font-family:monospace}.filename-input:focus{outline:none;border-color:#74a0ff}.render-button{background:linear-gradient(135deg,#2a4a8a,#1a3a6a);border:1px solid #3a6aba;color:#fff;padding:10px 20px;font-weight:500}.render-button:hover:not(:disabled){background:linear-gradient(135deg,#3a5a9a,#2a4a7a)}.render-button:disabled{opacity:.5;cursor:not-allowed}.envelope-filter-section{display:flex;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid #2b313a;flex-wrap:wrap}.control-group{background:#1a1f2a;border:1px solid #2b313a;border-radius:10px;padding:16px 20px;min-width:300px;flex:1;max-width:420px}.control-group h3{margin:0 0 10px;font-size:13px;color:#a0a8b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.control-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-group-header h3{margin:0}.checkbox-label{flex-direction:row!important;align-items:center;gap:6px!important;font-size:12px;color:#888;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#22c55e;cursor:pointer}.control-row{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.small-label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#888;flex:1;min-width:100px}.small-label input[type=range]{width:100%;height:4px;background:#2d3440;border-radius:2px;appearance:none;cursor:pointer}.small-label input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#74a0ff;border-radius:50%;cursor:pointer}.small-label input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#74a0ff;border-radius:50%;cursor:pointer;border:none}.small-label input[type=range]:disabled{opacity:.4;cursor:not-allowed}.small-label input[type=range]:disabled::-webkit-slider-thumb{background:#555}.small-label input[type=range]:disabled::-moz-range-thumb{background:#555}.small-label span{font-size:11px;color:#c6cbe3;font-family:monospace}.small-label select{padding:4px 8px;font-size:11px;background:#1f2430;border:1px solid #3c4554;border-radius:4px;color:#e6e6e6}.small-label select:disabled{opacity:.4;cursor:not-allowed}.envelope-graph{margin-bottom:8px}