:root{color-scheme:dark;--bg-0: #05070c;--bg-1: #0b1018;--panel: rgba(10, 15, 24, .9);--panel-border: rgba(108, 180, 255, .12);--text-main: #ebf4ff;--text-soft: rgba(235, 244, 255, .72);--text-dim: rgba(235, 244, 255, .46);--green: #68ffb0;--shadow: 0 20px 48px rgba(0, 0, 0, .34);--mono: "Azeret Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%}body{min-height:100vh;color:var(--text-main);font-family:var(--mono);background:radial-gradient(circle at top left,rgba(54,90,156,.22),transparent 38%),radial-gradient(circle at 85% 0%,rgba(0,174,255,.18),transparent 28%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 45%,#040507);overflow:hidden}.background-matrix{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:0;z-index:0;transition:opacity .32s ease}.background-matrix.is-active{opacity:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 3px,3px 100%;opacity:.08;mix-blend-mode:screen}.app-shell{position:relative;z-index:2;width:min(1480px,calc(100vw - 16px));height:calc(100vh - 16px);margin:8px auto;display:grid;grid-template-columns:350px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px}.panel{position:relative;overflow:hidden;padding:14px;border-radius:18px;background:linear-gradient(180deg,#111925f5,#090d14fa),var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%);opacity:.45}.control-brand{display:flex;justify-content:center;align-items:center;min-height:0;margin-bottom:4px}.brand-logo{display:block;width:auto;max-width:100%;max-height:min(40vh,340px);height:auto;object-fit:contain;margin:0 auto;cursor:pointer;filter:drop-shadow(0 8px 28px rgba(99,211,255,.12))}.control-panel h2{margin:0;font-family:var(--display);letter-spacing:.02em}.eyebrow,.meta-label{margin:0;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.status-line{min-height:34px;display:grid;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;font-size:.74rem}.status-line[data-tone=success]{border-color:#68ffb04d;background:#68ffb01a}.status-line[data-tone=warn]{border-color:#ffb45e4d;background:#ffb45e1a}.status-line[data-tone=error]{border-color:#ff5d7a59;background:#ff5d7a1a}.compatibility-notice{display:grid;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,93,122,.24);background:#ff5d7a14}.compatibility-notice[hidden]{display:none}.compatibility-title{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#ffd1da}.compatibility-copy{margin:0;color:var(--text-soft);font-size:.75rem;line-height:1.45}.field-row,.action-row,.visual-legend{display:flex;gap:8px}.metric-card strong,.stream-summary strong{display:block;margin-top:3px}.control-panel,.visualization-panel{min-height:0}.control-panel{display:grid;gap:12px;align-content:start}.visualization-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px}.panel-heading,.visual-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.control-panel h2{font-size:1.05rem}.field{display:grid;gap:6px;width:100%}.field span{color:var(--text-soft);font-size:.75rem}.field-input-wrap,select,input[type=number],.drop-zone,.metric-card,.progress-rail,.ghost-button,.secondary-button,.primary-button,.danger-button{border:1px solid rgba(255,255,255,.08)}select,input[type=number]{width:100%;-webkit-appearance:none;appearance:none;background:#ffffff08;border-radius:12px;color:var(--text-main);padding:10px 12px;font:inherit;font-size:.84rem;outline:none}select{color-scheme:dark}select option,select optgroup{color:var(--text-main);background-color:#0b1018}select option:checked,select option:hover,select option:focus{color:var(--text-main);background-color:#17324d}#midi-output-select{background:linear-gradient(180deg,#ffffff14,#ffffff0b);border-color:#63d3ff38;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #63d3ff0a}.field-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-right:10px;border-radius:12px;background:#ffffff08}.field-input-wrap input{border:0;background:transparent}.field-suffix{color:var(--text-dim)}.drop-zone{position:relative;display:grid;place-items:center;gap:6px;text-align:center;min-height:110px;padding:16px;border-radius:16px;border-style:dashed;cursor:pointer;background:radial-gradient(circle at center,rgba(99,211,255,.14),transparent 48%),linear-gradient(180deg,#121c2ce6,#0a0f18f5);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.drop-zone:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 #63d3ff4d,0 0 28px #63d3ff29,inset 0 0 18px #63d3ff14}.drop-zone.needs-file{border-color:#63d3ff6b;box-shadow:0 0 0 1px #63d3ff29,0 0 26px #153a5a2e}.drop-zone.needs-file:after{opacity:1;animation:drop-zone-pulse 2.2s ease-in-out infinite}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{transform:translateY(-1px);border-color:#63d3ff80;box-shadow:0 0 0 1px #63d3ff33,0 14px 32px #153a5a3d}.drop-zone.is-disabled{cursor:not-allowed;opacity:.68}@keyframes drop-zone-pulse{0%,to{box-shadow:0 0 #63d3ff2e,0 0 18px #63d3ff1a,inset 0 0 14px #63d3ff0a}50%{box-shadow:0 0 0 6px #63d3ff0a,0 0 42px #63d3ff3d,inset 0 0 20px #63d3ff1f}}.drop-zone-title{margin:0;font-family:var(--display);font-size:1rem}.drop-zone-copy{margin:0;font-size:.76rem;color:var(--text-soft)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button{font:inherit;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}button:disabled{cursor:not-allowed;opacity:.45}.ghost-button,.secondary-button,.primary-button,.danger-button{padding:10px 12px;border-radius:12px;background:#ffffff0a;color:var(--text-main)}.action-row{flex-wrap:wrap}.action-row>*{flex:1}.primary-button{background:linear-gradient(180deg,#63d3ff47,#12619c3d);border-color:#63d3ff47}.danger-button{background:linear-gradient(180deg,#ff5d7a29,#6b17273d);border-color:#ff5d7a38}.visual-header{justify-content:flex-end}.visual-legend{flex-wrap:wrap;color:var(--text-dim);font-size:.7rem}.visual-legend span{display:inline-flex;align-items:center;gap:7px}.legend-chip{width:10px;height:10px;border-radius:4px;display:inline-block}.legend-idle{background:#ffffff29}.legend-active{background:linear-gradient(135deg,#ffc16e,#ff8b47)}.legend-sent{background:linear-gradient(135deg,#70ffd5,#73ff73)}.metric-card{padding:10px 12px;border-radius:14px;background:radial-gradient(circle at top right,rgba(99,211,255,.14),transparent 42%),#ffffff05}.metric-card strong{font-size:1.02rem}.stream-summary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--text-soft);font-size:.75rem}.progress-rail{position:relative;height:10px;border-radius:999px;background:#ffffff0a;overflow:hidden}.progress-rail-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#63d3ffb3,#68ffb0e0);box-shadow:0 0 18px #63d3ff4d}.sector-stage{position:relative;min-height:0;height:100%;padding:14px;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(99,211,255,.09),transparent 36%),linear-gradient(180deg,#0a0f18f2,#05080d);border:1px solid rgba(255,255,255,.08);overflow:hidden}.sector-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.sector-glow{background:radial-gradient(circle at 20% 0%,rgba(104,255,176,.08),transparent 28%),radial-gradient(circle at 80% 20%,rgba(99,211,255,.08),transparent 24%)}.sector-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(11px,1fr));gap:4px;align-content:start;min-height:100%;height:100%}.sector{--sector-hue: 180deg;aspect-ratio:1;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px #ffffff05;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease}.sector[data-state=active]{background:linear-gradient(135deg,hsl(var(--sector-hue) 100% 68% / .95),#ff6f32d9);border-color:#ffc96aa6;box-shadow:0 0 16px #ffb45e61;transform:scale(1.08)}.sector[data-state=sent]{background:linear-gradient(135deg,hsl(var(--sector-hue) 96% 68% / .98),#53ffc6e0);border-color:#68ffb094;box-shadow:0 0 12px #68ffb02e}@media(max-width:1120px){body{overflow:auto}.app-shell{width:min(1480px,calc(100vw - 16px));height:auto;margin:12px auto 24px;grid-template-columns:1fr;grid-template-rows:auto auto}.visualization-panel{min-height:520px}}@media(max-height:860px){body{overflow:auto}.app-shell{height:auto;min-height:calc(100vh - 16px);align-items:start}.panel{padding:12px}.control-panel,.visualization-panel{gap:10px}.brand-logo{max-height:min(34vh,280px)}.drop-zone{min-height:96px;padding:14px}}@media(max-height:700px){.app-shell{margin:6px auto 12px;gap:8px}.brand-logo{max-height:min(30vh,220px)}.status-line{padding:7px 10px;font-size:.72rem}.drop-zone{min-height:88px;padding:12px}}@media(max-width:720px){body{overflow:auto}.app-shell{width:min(100vw - 12px,100%);margin:6px auto 18px;gap:8px}.panel{padding:12px}.control-brand{min-height:0}.brand-logo{max-height:min(30vh,220px)}.field-row,.action-row,.visual-header{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.action-row>*{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tool-twissex-styles.css.map */