@font-face{font-family:AtariST;src:url(/fonts/atascii.woff2) format("woff2"),url(/fonts/atascii.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--gem-font: "AtariST", ui-monospace, "Courier New", monospace;--gem-bg-desktop: #356b6b;--gem-window-bg: #d4d0c8;--gem-window-header-bg: #000080;--gem-window-header-fg: #ffffff;--gem-window-border: #000000;--gem-panel-bg: #eae7e0;--gem-panel-border-light: #ffffff;--gem-panel-border-dark: #808080;--gem-btn-bg: #d4d0c8;--gem-btn-fg: #000000;--gem-btn-light: #ffffff;--gem-btn-shadow: #808080;--gem-btn-dark: #000000;--gem-lcd-bg: #0c120c;--gem-lcd-green: #39ff14;--gem-lcd-amber: #ffb703;--gem-lcd-dim: #153315;--gem-key-white: #ffffff;--gem-key-white-active: #e2e8f0;--gem-key-black: #1a202c;--gem-key-black-active: #3182ce;--gem-vu-bg: #111827;--gem-vu-green: #10b981;--gem-vu-yellow: #f59e0b;--gem-vu-red: #ef4444}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--gem-bg-desktop);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:8px 8px;font-family:var(--gem-font);color:#000;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricPrecision;-webkit-user-select:none;user-select:none;min-height:100vh;display:flex;flex-direction:column}.gem-window{background:var(--gem-window-bg);border:2px solid var(--gem-window-border);box-shadow:4px 4px #00000073;display:flex;flex-direction:column;margin:10px auto;width:98%;max-width:1400px}.gem-window-header{background:var(--gem-window-header-bg);color:var(--gem-window-header-fg);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--gem-window-border);font-weight:700;letter-spacing:1px}.gem-window-title{display:flex;align-items:center;gap:8px;font-size:15px}.gem-window-controls{display:flex;gap:4px}.gem-header-btn{background:var(--gem-btn-bg);color:#000;border:1px solid #000000;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;padding:1px 6px;font-size:11px;font-family:var(--gem-font);cursor:pointer}.gem-header-btn:active{box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.gem-menubar{background:var(--gem-window-bg);border-bottom:2px solid var(--gem-panel-border-dark);display:flex;flex-wrap:wrap;padding:2px 4px;gap:4px}.gem-menu-item{position:relative;padding:4px 10px;cursor:pointer;font-size:13px}.gem-menu-item:hover,.gem-menu-item.active{background:navy;color:#fff}.gem-dropdown{position:absolute;top:100%;left:0;background:var(--gem-window-bg);border:2px solid var(--gem-window-border);box-shadow:3px 3px #0006;z-index:1000;min-width:220px;display:flex;flex-direction:column}.gem-dropdown-item{padding:6px 12px;color:#000;font-size:12px;cursor:pointer;display:flex;justify-content:space-between}.gem-dropdown-item:hover{background:navy;color:#fff}.gem-dropdown-divider{height:1px;background:var(--gem-panel-border-dark);margin:3px 0}.gem-panel{background:var(--gem-panel-bg);border-top:2px solid var(--gem-panel-border-light);border-left:2px solid var(--gem-panel-border-light);border-right:2px solid var(--gem-panel-border-dark);border-bottom:2px solid var(--gem-panel-border-dark);padding:10px;margin:6px}.gem-panel-title{font-size:13px;font-weight:700;margin-bottom:8px;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.gem-btn{background:var(--gem-btn-bg);color:var(--gem-btn-fg);font-family:var(--gem-font);font-size:13px;padding:6px 14px;min-height:36px;border-top:2px solid var(--gem-btn-light);border-left:2px solid var(--gem-btn-light);border-right:2px solid var(--gem-btn-dark);border-bottom:2px solid var(--gem-btn-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.gem-btn:hover{background:#dfdbd3}.gem-btn:active,.gem-btn.active{border-top:2px solid var(--gem-btn-dark);border-left:2px solid var(--gem-btn-dark);border-right:2px solid var(--gem-btn-light);border-bottom:2px solid var(--gem-btn-light);background:#c2beb6}.gem-btn-primary{font-weight:700;background:#d0d4e0}.transport-grid{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.transport-buttons{display:flex;gap:6px;flex-wrap:wrap}.transport-btn{min-width:48px;min-height:44px;font-size:15px;font-weight:700}.lcd-display-container{background:var(--gem-lcd-bg);border:3px inset #333333;padding:8px 16px;display:flex;gap:20px;align-items:center;justify-content:center;box-shadow:inset 0 0 8px #000c}.lcd-group{display:flex;flex-direction:column;align-items:center}.lcd-clickable{padding:2px 8px;border-radius:2px;transition:background .15s ease,box-shadow .15s ease}.lcd-clickable:hover{background:#39ff1414;outline:1px dashed rgba(57,255,20,.4)}.lcd-label{color:#575;font-size:10px;letter-spacing:1px;margin-bottom:2px}.lcd-digits{font-family:var(--gem-font);font-size:26px;color:var(--gem-lcd-green);text-shadow:0 0 6px rgba(57,255,20,.6);letter-spacing:2px}.lcd-digits-amber{color:var(--gem-lcd-amber);text-shadow:0 0 6px rgba(255,183,3,.6)}.timeline-slider{width:100%;height:14px;accent-color:#000080;cursor:pointer}.voice-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}@media(max-width:1024px){.voice-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:540px){.voice-grid{grid-template-columns:repeat(2,1fr)}}.voice-card{background:#fff;border:2px solid #cbd5e1;padding:5px 6px;display:flex;flex-direction:column;height:82px;min-height:82px;max-height:82px;box-sizing:border-box;overflow:hidden;font-size:11px;box-shadow:inset 1px 1px #e2e8f0}.voice-card.active{background:#eef2ff;border:2px solid #3b82f6}.voice-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:2px}.voice-tag{font-weight:700}.voice-pan-tag{font-size:10px;padding:1px 4px;background:#e2e8f0;border-radius:2px}.vu-meter-bar{height:8px;background:var(--gem-vu-bg);border:1px solid #000000;overflow:hidden;position:relative;margin-top:2px}.vu-meter-fill{height:100%;background:linear-gradient(to right,var(--gem-vu-green) 70%,var(--gem-vu-yellow) 85%,var(--gem-vu-red) 100%);transition:width .05s ease-out}.voice-info-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1px;margin-top:2px;overflow:hidden}.voice-line-primary{display:flex;justify-content:space-between;align-items:center;line-height:1.2}.voice-note-label{font-weight:700;color:#1d4ed8}.voice-vel-label{font-size:10px;color:#475569}.voice-sample-name{color:#1e293b;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;line-height:1.2}.voice-vvfe-offset{font-size:9px;color:#64748b;line-height:1.1}.voice-idle-label{color:#94a3b8;text-align:center;font-size:10px;letter-spacing:1px}.piano-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.piano-controls-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.piano-jam-hint{font-size:11px;color:#64748b}.piano-keyboard-container{overflow-x:auto;background:#0f172a;padding:10px;border:2px inset #475569;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.piano-keys{display:flex;position:relative;height:135px;width:max-content;margin:0 auto;-webkit-user-select:none;user-select:none;touch-action:none}.piano-key-white{width:22px;height:125px;background:var(--gem-key-white);border:1px solid #4a5568;border-bottom:3px solid #2d3748;border-radius:0 0 3px 3px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:4px;font-size:9px;color:#718096;z-index:1;touch-action:none;transition:background .1s ease}.piano-key-white:hover{background:#f1f5f9}.piano-key-white.split-mapped{background:#e0f2fe;border-top:3px solid #0284c7;box-shadow:inset 0 -3px #38bdf8}.piano-key-white.split-mapped:hover{background:#bae6fd}.piano-key-white.pressed,.piano-key-white.active{background:#93c5fd!important;border-bottom:3px solid #2563eb;color:#1e3a8a;transform:translateY(2px)}.piano-key-black{width:14px;height:76px;background:var(--gem-key-black);border:1px solid #000000;border-radius:0 0 2px 2px;margin-left:-7px;margin-right:-7px;cursor:pointer;z-index:2;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:4px;font-size:8px;color:#cbd5e1;touch-action:none;transition:background .1s ease}.piano-key-black:hover{background:#2d3748}.piano-key-black.split-mapped{background:#0c4a6e;border-top:3px solid #38bdf8;box-shadow:inset 0 -2px #0284c7}.piano-key-black.split-mapped:hover{background:#075985}.piano-key-black.pressed,.piano-key-black.active{background:#3b82f6!important;color:#fff;transform:translateY(2px)}.key-octave-label{font-size:8px;color:#64748b;font-weight:700;pointer-events:none}.editor-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:12px;overflow:hidden;box-sizing:border-box}.editor-window{background:var(--gem-window-bg);border:3px solid #000000;box-shadow:6px 6px #0009;width:95%;max-width:1100px;height:90vh;height:90dvh;display:flex;flex-direction:column;overflow:hidden;min-width:0;box-sizing:border-box}.editor-header{flex-shrink:0}.editor-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;min-width:0}.editor-sample-title{color:#0f172a;font-weight:700}.editor-content-body{padding:10px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;width:100%}.editor-bar-panel{margin:0;min-width:0;width:100%;box-sizing:border-box}.editor-bar-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.editor-selector-group{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.editor-label{font-weight:700;font-size:11px;flex-shrink:0}.editor-sound-select{flex:1 1 auto;min-width:0;width:100%;font-size:12px}.editor-audition-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:space-between;min-width:0}.editor-length-text{font-size:11px;color:#4b5563;white-space:nowrap}.editor-btn{padding:4px 8px;font-size:11px}.editor-waveform-panel{margin:0;width:100%;box-sizing:border-box;min-width:0}.editor-boundary-text{font-size:11px;font-weight:400;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform-container{width:100%;max-width:100%;overflow:hidden;min-width:0}.waveform-canvas{width:100%!important;max-width:100%!important;height:120px;background:#000;border:2px inset #ffffff;display:block;box-sizing:border-box}.editor-params-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0;width:100%;box-sizing:border-box}.editor-sub-panel{margin:0;min-width:0;width:100%;box-sizing:border-box}.editor-form-list{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.editor-form-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;width:100%;min-width:0;padding:2px 0}.editor-form-label{color:#334155;font-size:11px;flex-shrink:0}.editor-form-input{flex:1;min-width:80px;max-width:160px;font-size:12px}.editor-form-val-group{display:flex;align-items:center;gap:6px}.editor-pan-controls{display:flex;align-items:center;gap:6px;flex:1;min-width:140px}.editor-pan-val{min-width:32px;text-align:center;font-weight:700;font-family:monospace;font-size:11px}.editor-vvfe-container{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;font-size:12px}.editor-vvfe-box{background:#f8fafc;padding:6px 8px;border:1px solid #cbd5e1;font-size:11px;word-break:break-word}.editor-inline-actions{display:flex;gap:6px;margin-top:4px;width:100%}.editor-sticky-footer{background:var(--gem-window-bg);border-top:2px solid var(--gem-panel-border-dark);padding:8px 12px;display:flex;gap:8px;flex-shrink:0;width:100%;box-sizing:border-box;z-index:10;box-shadow:0 -2px 6px #0003}.editor-footer-test-btn{flex:1;min-height:44px;font-size:13px;font-weight:700}.editor-footer-stop-btn{min-height:44px;min-width:70px;font-size:12px}.gem-input,.gem-select{font-family:var(--gem-font);font-size:13px;padding:4px 8px;border:2px inset #ffffff;background:#fff}.gem-checkbox-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.info-status-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.info-meta-container{display:flex;gap:20px;align-items:center;flex-wrap:wrap;min-width:0}.info-meta-item{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:11px}.info-meta-label{color:#64748b;font-size:11px;flex-shrink:0}.info-meta-value{color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-meta-extra{color:#475569;font-size:11px;white-space:nowrap}.info-actions-container{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.info-action-btn{font-size:11px;padding:4px 8px;min-height:32px}.info-demo-select{font-size:12px;padding:4px 6px;min-height:32px}.info-edit-btn{font-size:12px;padding:4px 10px;min-height:32px}@media(max-width:860px){.gem-window{width:100%;margin:0;border-left:none;border-right:none;border-radius:0;box-shadow:none}.gem-window-header{padding:6px 8px;font-size:13px}.gem-window-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-desc{display:none}.gem-menubar{padding:3px 4px;gap:2px}.gem-menu-item{padding:5px 8px;font-size:12px;min-height:32px}.info-status-panel{flex-direction:column;align-items:stretch;gap:10px}.info-meta-container{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.info-meta-item{width:100%;flex-wrap:wrap;justify-content:flex-start}.info-actions-container{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.info-action-btn,.info-demo-select,.info-edit-btn{width:100%;min-height:42px;justify-content:center;text-align:center}.transport-grid{display:flex;flex-direction:column;gap:10px}.transport-buttons{justify-content:center;width:100%}.transport-btn{flex:1;min-width:44px;min-height:44px;font-size:16px}.lcd-display-container{flex-wrap:wrap;gap:12px;padding:8px 12px}.lcd-digits{font-size:22px}.piano-controls-bar{flex-direction:column;align-items:flex-start;gap:8px}.piano-jam-hint{font-size:10px;color:#94a3b8}.editor-modal{padding:0}.editor-window{width:100%!important;max-width:100%!important;height:100%!important;height:100dvh!important;max-height:100dvh!important;border:none!important;border-radius:0!important;box-shadow:none!important}.editor-content-body{padding:8px 8px 24px!important;gap:8px!important}.editor-params-grid{grid-template-columns:1fr!important;gap:8px!important}.editor-bar-flex{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.editor-selector-group{width:100%!important}.editor-sound-select{width:100%!important;max-width:100%!important}.editor-audition-group{width:100%!important;justify-content:space-between!important}.editor-inline-actions{display:none!important}.waveform-canvas{height:100px!important}}@media(max-width:480px){.gem-window-title{font-size:12px}.gem-header-btn{padding:3px 6px}.gem-btn{min-height:38px;padding:4px 8px;font-size:12px}.info-meta-extra{display:none}.info-meta-item{font-size:12px}.info-action-btn,.info-demo-select,.info-edit-btn{min-height:44px;font-size:12px}.editor-boundary-text{display:none}.editor-length-text{font-size:10px}.lcd-digits{font-size:18px;letter-spacing:1px}.piano-keyboard-container{padding:6px 4px}.piano-key-white{width:20px;height:110px}.piano-key-black{width:13px;height:66px;margin-left:-6.5px;margin-right:-6.5px}}