.octave-control.svelte-jusy6m{border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;background:#fff}.octave-control.disabled.svelte-jusy6m{opacity:.6;background:#f9fafb}.octave-header.svelte-jusy6m{display:flex;flex-direction:column;gap:.5rem}.octave-title-row.svelte-jusy6m{display:flex;align-items:center;gap:.5rem}.octave-checkbox.svelte-jusy6m{width:1.25rem;height:1.25rem;cursor:pointer}.octave-name.svelte-jusy6m{flex:1;font-size:.875rem;font-weight:600;color:#374151}.btn-view.svelte-jusy6m{padding:.25rem .5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:all .15s}.btn-view.svelte-jusy6m:hover{background:#f3f4f6}.btn-view.active.svelte-jusy6m{background:#3b82f6;border-color:#3b82f6}.btn-reset.svelte-jusy6m{padding:.25rem .5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:all .15s}.btn-reset.svelte-jusy6m:hover{background:#fef3c7;border-color:#fbbf24}.octave-controls.svelte-jusy6m{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.control-group.svelte-jusy6m{display:flex;flex-direction:column;gap:.5rem}.control-label.svelte-jusy6m{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.control-row.svelte-jusy6m{display:flex;flex-direction:column}.param-label.svelte-jusy6m{font-size:.75rem;color:#374151;display:flex;flex-direction:column;gap:.25rem}.range-input.svelte-jusy6m{width:100%;cursor:pointer}.color-input.svelte-jusy6m{width:100%;height:2.5rem;cursor:pointer;border:1px solid #d1d5db;border-radius:.375rem}.param-label.resetable.svelte-jusy6m{cursor:pointer;user-select:none}.param-label.resetable.svelte-jusy6m:hover{color:#3b82f6}.view-mode-overlay.svelte-pjzbk5{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.5rem;background:#1f2937e6;padding:.5rem;border-radius:.5rem;backdrop-filter:blur(8px)}.view-mode-btn.svelte-pjzbk5{padding:.5rem 1rem;border:1px solid rgba(209,213,219,.3);background:#ffffff1a;border-radius:.375rem;font-size:.875rem;color:#fff;cursor:pointer;transition:all .15s;font-weight:500}.view-mode-btn.svelte-pjzbk5:hover{background:#fff3;border-color:#d1d5db80}.view-mode-btn.active.svelte-pjzbk5{background:#3b82f6;border-color:#3b82f6;color:#fff}.zoom-controls.svelte-pjzbk5{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.5rem;background:#1f2937e6;padding:.5rem;border-radius:.5rem;backdrop-filter:blur(8px)}.control-btn.svelte-pjzbk5{width:2.5rem;height:2.5rem;border:1px solid rgba(209,213,219,.3);background:#ffffff1a;border-radius:.375rem;font-size:1.25rem;color:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-weight:500}.control-btn.svelte-pjzbk5:hover{background:#fff3;border-color:#d1d5db80}.zoom-level.svelte-pjzbk5{padding:.25rem .5rem;text-align:center;color:#fff;font-size:.75rem;font-weight:500}.export-controls.svelte-pjzbk5{position:absolute;right:1rem;bottom:1rem;z-index:10;display:flex;gap:.5rem;background:#1f2937e6;padding:.5rem;border-radius:.5rem;backdrop-filter:blur(8px)}.export-btn.svelte-pjzbk5{padding:.5rem 1rem;border:1px solid rgba(209,213,219,.3);background:#ffffff1a;border-radius:.375rem;font-size:.875rem;color:#fff;cursor:pointer;transition:all .15s;font-weight:500}.export-btn.svelte-pjzbk5:hover:not(:disabled){background:#fff3;border-color:#d1d5db80}.export-btn.svelte-pjzbk5:disabled{opacity:.5;cursor:not-allowed}.image-container.svelte-pjzbk5{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.image-container.panning.svelte-pjzbk5{cursor:grabbing}.image-container.svelte-pjzbk5:not(.panning){cursor:grab}.zoom-wrapper.svelte-pjzbk5{display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .05s ease-out;will-change:transform}.image-preview.svelte-pjzbk5{width:100%;height:100%;position:relative;overflow:hidden;background:#1f2937}.preview-image.svelte-pjzbk5{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.placeholder.svelte-pjzbk5{color:#9ca3af;font-size:1.125rem;text-align:center}.fullscreen-container.svelte-1lmr7n7{position:fixed;inset:0;width:100%;height:100%;display:flex;background:#1f2937;overflow:hidden;z-index:9999}.sidebar-toggle.svelte-1lmr7n7{position:fixed;top:1rem;left:1rem;z-index:1000;padding:.5rem .75rem;background:#1f2937f2;border:1px solid #374151;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1.25rem;transition:all .2s}.sidebar-toggle.svelte-1lmr7n7:hover{background:#374151}.sidebar.svelte-1lmr7n7{width:380px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.sidebar.closed.svelte-1lmr7n7{transform:translate(-100%)}.sidebar-content.svelte-1lmr7n7{flex:1;overflow-y:scroll;padding:4rem 1rem 1rem}.control-section.svelte-1lmr7n7{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.control-section.svelte-1lmr7n7:last-child{border-bottom:none}.section-title.svelte-1lmr7n7{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.file-input.svelte-1lmr7n7{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.group-selector.svelte-1lmr7n7{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.selector-header.svelte-1lmr7n7{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.selector-nav-btn.svelte-1lmr7n7{padding:.25rem .5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .15s;color:#374151}.selector-nav-btn.svelte-1lmr7n7:hover{background:#f3f4f6;border-color:#9ca3af}.selector-label.svelte-1lmr7n7{flex:1;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.group-buttons.svelte-1lmr7n7{display:flex;gap:.5rem;flex-wrap:wrap}.group-btn.svelte-1lmr7n7{width:2.5rem;height:2.5rem;border:2px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;color:#374151}.group-btn.svelte-1lmr7n7:hover{border-color:#9ca3af}.group-btn.active.svelte-1lmr7n7{background:#3b82f6;border-color:#3b82f6;color:#fff}.group-btn.hue-btn.svelte-1lmr7n7{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.group-btn.hue-btn.active.svelte-1lmr7n7{border-color:#1e40af;box-shadow:0 0 0 2px #3b82f6}.current-selection.svelte-1lmr7n7{font-size:.75rem;color:#6b7280;padding:.5rem;background:#f9fafb;border-radius:.375rem;text-align:center}.chart-preview.svelte-1lmr7n7{width:100%;height:120px;margin-top:.5rem}.octaves-list.svelte-1lmr7n7{display:flex;flex-direction:column;gap:1rem}.preview-area.svelte-1lmr7n7{flex:1;height:100%;background:#1f2937}.status-bar.svelte-1lmr7n7{position:fixed;bottom:0;left:0;right:0;height:2rem;background:#1f2937;border-top:1px solid #374151;display:flex;align-items:center;gap:1.5rem;padding:0 1rem;font-size:.75rem;color:#9ca3af;z-index:1000}.status-section.svelte-1lmr7n7{display:flex;align-items:center;gap:.5rem}.status-section.error.svelte-1lmr7n7{color:#ef4444}.status-indicator.svelte-1lmr7n7{display:flex;align-items:center;gap:.5rem;color:#10b981}.status-indicator.processing.svelte-1lmr7n7{color:#3b82f6}.status-dot.svelte-1lmr7n7{width:.5rem;height:.5rem;border-radius:9999px;background:#10b981}.status-indicator.processing.svelte-1lmr7n7 .status-dot:where(.svelte-1lmr7n7){background:#3b82f6;animation:svelte-1lmr7n7-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes svelte-1lmr7n7-pulse{0%,to{opacity:1}50%{opacity:.5}}