:root{background:#1a1a1a}.armonic-wrapper{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-secondary:#06b6d4;--color-accent:#8b5cf6;--bg-primary:#1a1a1a;--bg-card:#333;--bg-gradient-start:#2b2b2b;--bg-gradient-end:#1e1e1e;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-light:#fff;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--border-radius:10px;--border-color:#475b7e;--slider-color:#00aae4;--logo-red:#c45646;--logo-blue:#475b7e;--logo-yellow:#e29f53;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.armonic-header{place-content:space-between;width:100%;display:flex}h1{letter-spacing:.02em;text-align:left;max-width:60%;margin:0 0 8px;font-size:22px;font-weight:600}.logo{width:auto;height:38px;display:block}.armonic-page{color:#dadada;width:min(1200px,100%);min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-lg);background:#1a1a1a;flex-direction:column;align-items:center;margin:0 auto;display:flex}.armonic-page label,.armonic-page span{color:var(--text-primary)}.wrap{max-width:1200px;margin:0 auto;padding:14px}.controls-panel{gap:var(--spacing-md);width:100%;padding:calc(var(--spacing-lg)*.8);border-radius:var(--border-radius);background:#1b1b1c;border:1px solid #2a2f39;flex-wrap:wrap;display:flex}.controls-panel label{text-transform:uppercase;letter-spacing:.08em;color:#a5adba;flex-direction:column;flex:300px;gap:10px;font-size:.8rem;display:flex}.controls-panel input[type=range]::-webkit-slider-thumb{background-color:var(--slider-color)}.panel{background:#111;border:1px solid #222;border-radius:12px;padding:12px}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}label{opacity:.85;font-size:12px}input[type=range]{width:100%}input,button{color:#eaeaea;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:10px;outline:none;padding:8px 10px;font-size:14px}.val{font-variant-numeric:tabular-nums;opacity:.9}.canvas-wrapper{width:100%;min-height:600px;padding:var(--spacing-lg);border-radius:calc(var(--border-radius)*2);background:#1b1b1c;border:1px solid #2a2f39;justify-content:center;align-items:center;display:flex}.canvas-wrapper canvas{max-width:100%;height:auto}.hint{text-align:center;width:100%;color:var(--text-secondary);letter-spacing:.03em;font-size:.85rem}input[type=range]{appearance:none;background:0 0;width:100%;height:8px}input[type=range]::-webkit-slider-runnable-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 1px #1f2933}input[type=range]::-moz-range-track{background:#242833;border-radius:999px;height:4px;box-shadow:0 0 0 1px #1f2933}input[type=range]::-moz-range-thumb{background:var(--slider-color);border:3px solid #1f2933;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #1f2933}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #2563eb}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #2563eb}.tabla-simple{border-collapse:collapse;width:100%;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tabla-simple th,.tabla-simple td{text-align:center;border:1px solid #444;padding:6px 10px}.tabla-simple tr:hover{background:#242424}.tabla-simple td:first-child{color:#fff!important}.hit-a{background:rgb(from var(--hitA)r g b/var(--hit-alpha));box-shadow:inset 0 0 0 1px rgb(from var(--hitA)r g b/var(--hit-border-alpha))}.hit-b{background:rgb(from var(--hitB)r g b/var(--hit-alpha));box-shadow:inset 0 0 0 1px rgb(from var(--hitB)r g b/var(--hit-border-alpha))}.hit-c{background:rgb(from var(--hitC)r g b/var(--hit-alpha));box-shadow:inset 0 0 0 1px rgb(from var(--hitC)r g b/var(--hit-border-alpha))}.hit-a.hit-b{background:#a0822838;box-shadow:inset 0 0 0 1px #a0822873}.hit-a.hit-c{background:#48649638;box-shadow:inset 0 0 0 1px #48649673}.hit-b.hit-c{background:#96505038;box-shadow:inset 0 0 0 1px #96505073}.hit-a.hit-b.hit-c{background:#78782840;box-shadow:inset 0 0 0 1px #7878288c}.apps-back-button{z-index:9999;cursor:pointer;position:absolute;top:2rem;left:2rem}
/*# sourceMappingURL=d6394e6a06205349.css.map*/