.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.App{text-align:center;flex-direction:column;min-height:100dvh;display:flex}.landing-page{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.content{z-index:1;color:var(--odx-text)}h1{color:var(--odx-text);margin-bottom:2rem;font-size:3rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--odx-black:#0b0e13;--odx-gray-900:#12161c;--odx-gray-800:#171c23;--odx-gray-700:#1b2230;--odx-gray-600:#2a3443;--odx-gray-500:#3b4658;--odx-gray-400:#5a6780;--odx-gray-300:#8c99b0;--odx-gray-200:#c7cfdb;--odx-gray-100:#e6ecf5;--odx-white:#fff;--odx-red:#ea4744;--odx-brand-red:#b7202d;--odx-teal:#7c9f98;--odx-navy-900:#02162f;--odx-navy-700:#1f2756;--odx-slate:#3e545a;--odx-gunmetal:#2f2f32;--odx-cyan-400:#45d3ff;--odx-cyan-500:#1ecfff;--odx-cyan-600:#12b8ea;--odx-blue-500:#3aa0ff;--odx-green-500:#46d07d;--odx-yellow-500:#f6b94c;--odx-orange-500:#ff8a3d;--odx-success:var(--odx-green-500);--odx-warning:var(--odx-yellow-500);--odx-danger:var(--odx-red);--odx-info:var(--odx-cyan-500);--odx-font-sans:ui-sans-serif, Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--odx-fs-2xl:28px;--odx-fs-xl:22px;--odx-fs-lg:18px;--odx-fs-md:16px;--odx-fs-sm:14px;--odx-fs-xs:12px;--odx-space-0:0;--odx-space-1:4px;--odx-space-2:8px;--odx-space-3:12px;--odx-space-4:16px;--odx-space-5:20px;--odx-space-6:24px;--odx-space-8:32px;--odx-space-10:40px;--odx-space-12:48px;--odx-radius-sm:10px;--odx-radius-md:16px;--odx-radius-lg:20px;--odx-blur-1:8px;--odx-shadow-1:0 2px 12px #00000059;--odx-shadow-2:0 8px 24px #00000073;--odx-z-overlay:50;--odx-z-navbar:40;--odx-z-panel:30;--odx-ease:cubic-bezier(.2, .8, .2, 1);--odx-dur-1:.18s;--odx-dur-2:.28s;--odx-card-padding:16px}.theme-dark{--odx-bg:radial-gradient(1200px 800px at 70% -10%, #0d141f 0%, #0b0e13 40%, #090b0f 100%);--odx-bg-solid:#0b0e13;--odx-surface:#0f1420;--odx-surface-2:#121a2a;--odx-text:#dbe6ff;--odx-text-dim:#9eb0cf;--odx-text-muted:#7b8aa5;--odx-border:#2a3443;--odx-field-bg:#111927;--odx-primary:#7c9f98;--odx-accent:#b7202d;--odx-focus:#7c9f98;--odx-glow:0 0 0 1px #1ecfff4d, 0 0 32px #1ecfff1f}.theme-light{--odx-bg:#fff;--odx-bg-solid:#fff;--odx-surface:#fafbfc;--odx-surface-2:#fff;--odx-border:#3e545a;--odx-text:#0e1420;--odx-text-dim:#3a4b66;--odx-text-muted:#60708b;--odx-field-bg:#02162f;--odx-primary:#7c9f98;--odx-accent:#b7202d;--odx-focus:#ea4744;--odx-glow:0 0 0 1px #3aa0ff40, 0 0 18px #3aa0ff2e}*{box-sizing:border-box}html,body,#root{background-color:var(--odx-bg-solid);background-image:var(--odx-bg);height:100%;color:var(--odx-text);font-family:var(--odx-font-sans);font-size:var(--odx-fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-attachment:fixed}a{color:var(--odx-cyan-500);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--odx-border);margin:var(--odx-space-6) 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--odx-gray-600), var(--odx-gray-500));background-clip:padding-box;border:2px solid #0000;border-radius:12px}::-webkit-scrollbar-track{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--odx-gray-500,#3b4658) transparent}.odx-grid{gap:var(--odx-space-6);grid-template-columns:320px 1fr 360px;align-items:stretch;display:grid}.odx-stack{gap:var(--odx-space-4);flex-direction:column;display:flex}.odx-row,.odx-panel__header{gap:var(--odx-space-4);align-items:center;display:flex}.odx-card,.odx-panel{background:linear-gradient(180deg, var(--odx-surface), var(--odx-surface-2));border:1px solid var(--odx-border);border-radius:var(--odx-radius-lg);padding:var(--odx-card-padding);box-shadow:var(--odx-shadow-1)}.odx-card--glass{-webkit-backdrop-filter:blur(var(--odx-blur-1));backdrop-filter:blur(var(--odx-blur-1));background:linear-gradient(#121a2aa6,#121a2a59);border:1px solid #ffffff14}.odx-card__title,.odx-panel__title{font-size:var(--odx-fs-lg);letter-spacing:.2px;margin-bottom:var(--odx-space-3);font-weight:700}.odx-form-grid{gap:10px;display:grid}.theme-dark input[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.odx-btn{cursor:pointer;transition:transform var(--odx-dur-1) var(--odx-ease), box-shadow var(--odx-dur-1) var(--odx-ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:inline-flex}.odx-btn:active{transform:translateY(1px)scale(.99)}.odx-btn--primary{color:#021018;background:linear-gradient(180deg, var(--odx-cyan-500), var(--odx-cyan-600));box-shadow:var(--odx-glow)}.odx-btn--primary:hover{filter:brightness(1.05)}.odx-btn--subtle{background:var(--odx-surface-2);color:var(--odx-text);border-color:var(--odx-border)}.odx-badge{font-size:var(--odx-fs-xs);letter-spacing:.3px;background:var(--odx-gray-700);color:var(--odx-text-dim);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.odx-badge--ok{color:var(--odx-success);background:#46d07d26}.odx-badge--warn{color:var(--odx-warning);background:#f6b94c26}.odx-badge--err{color:var(--odx-danger);background:#ea474426}.odx-panel{padding:14px}.odx-panel__header{justify-content:space-between}.odx-panel__title{margin:0}.odx-chart{border-radius:var(--odx-radius-md);background:linear-gradient(180deg, var(--odx-surface-2), var(--odx-surface));border:1px solid var(--odx-border);width:100%;height:260px;padding:8px}.odx-viewport{border-radius:var(--odx-radius-lg);border:1px solid var(--odx-border);box-shadow:var(--odx-shadow-2);background:radial-gradient(800px 600px at 50% -20%,#1ecfff0f,#0000 60%),radial-gradient(1000px 800px at 90% 120%,#3aa0ff0d,#0000 70%);position:relative;overflow:hidden}.odx-viewport__hud{pointer-events:none;position:absolute;inset:0}.odx-viewport__corner{pointer-events:auto;position:absolute;bottom:12px;right:12px}.u-muted{color:var(--odx-text-muted)}.u-dim{color:var(--odx-text-dim)}.u-sep{background:var(--odx-border);height:1px;margin:var(--odx-space-3) 0}.u-pill{border-radius:999px}.u-glow{box-shadow:var(--odx-glow)}@media (width<=1000px){.responsive-two-col{grid-template-columns:1fr!important}}