@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-variable-DiVDrmQJ.woff2)format("woff2-variations"),url(/assets/inter-variable-DiVDrmQJ.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--od-bg:#f4f4f5;--od-canvas-bg:#e5e5e8;--od-surface:#fff;--od-surface-raised:#fff;--od-border:#e4e4e7;--od-border-strong:#c4c4c8;--od-text:#09090b;--od-text-secondary:#52525b;--od-text-tertiary:#71717a;--od-accent:#09090b;--od-accent-soft:#e4e4e7;--od-accent-border:#09090b;--od-success:#16a34a;--od-danger:#dc2626;--od-danger-soft:#fef2f2;--od-text-on-accent:#fff;--od-control-height:28px;--od-border-width:1px;--od-focus-ring:2px;--od-grid-size:16px;--od-2:2px;--od-4:4px;--od-8:8px;--od-12:12px;--od-16:16px;--od-24:24px;--od-radius-sm:4px;--od-radius:6px;--od-shadow:0 1px 2px #0000000d, 0 4px 12px #00000014;--od-shadow-floating:0 2px 8px #00000014, 0 8px 24px #0000001f, 0 0 0 1px #0000000a;--od-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--od-font-mono:ui-monospace, "SF Mono", Menlo, monospace;--od-text-sm:12px;--od-text-xs:11px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--od-bg:#09090b;--od-canvas-bg:#09090b;--od-surface:#141416;--od-surface-raised:#1c1c1f;--od-border:#27272a;--od-border-strong:#3f3f46;--od-text:#fafafa;--od-text-secondary:#a1a1aa;--od-text-tertiary:#a1a1aa;--od-accent:#fafafa;--od-accent-soft:#27272a;--od-accent-border:#fafafa;--od-text-on-accent:#09090b;--od-success:#22c55e;--od-danger:#ef4444;--od-danger-soft:#261416;--od-shadow:0 1px 2px #00000080, 0 4px 12px #000000b3;--od-shadow-floating:0 2px 8px #0006, 0 8px 24px #0009, 0 0 0 1px #ffffff14}}.od-panel{background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius);box-shadow:var(--od-shadow);color:var(--od-text);font-family:var(--od-font)}.od-btn,.od-icon-btn{height:var(--od-control-height);border-radius:var(--od-radius-sm);border:var(--od-border-width) solid var(--od-border);background-color:var(--od-surface);color:var(--od-text-secondary);cursor:pointer;box-sizing:border-box;font-family:var(--od-font);justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.od-btn{padding:0 var(--od-12);font-size:var(--od-text-sm);-webkit-user-select:none;user-select:none;font-weight:500;text-decoration:none}.od-icon-btn{width:var(--od-control-height);padding:0}.od-btn:hover,.od-icon-btn:hover{border-color:var(--od-border-strong);color:var(--od-text)}.od-btn:active,.od-icon-btn:active{background-color:var(--od-accent-soft)}.od-btn:focus-visible,.od-icon-btn:focus-visible{outline:var(--od-focus-ring) solid var(--od-accent);outline-offset:var(--od-border-width)}.od-btn--primary{background-color:var(--od-accent);border-color:var(--od-accent);color:var(--od-text-on-accent)}.od-btn--primary:hover{opacity:.88;color:var(--od-text-on-accent)}.od-btn--ghost,.od-icon-btn--ghost{background-color:#0000;border-color:#0000}.od-btn--ghost:hover,.od-icon-btn--ghost:hover{background-color:var(--od-accent-soft);color:var(--od-text)}.od-icon-btn--active{background-color:var(--od-accent-soft);border-color:var(--od-accent-border);color:var(--od-accent)}.od-divider{width:var(--od-border-width);height:var(--od-16);background-color:var(--od-border);margin-inline:var(--od-8);flex-shrink:0}.od-divider--horizontal{width:100%;height:var(--od-border-width);margin:var(--od-8) 0;margin-inline:0}.od-segmented{border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius-sm);background-color:var(--od-surface);box-sizing:border-box;align-items:center;display:inline-flex;overflow:hidden}.od-segmented__item{height:calc(var(--od-control-height) - (var(--od-border-width) * 2));padding:0 var(--od-8);border:none;border-right:var(--od-border-width) solid var(--od-border);color:var(--od-text-secondary);font-size:var(--od-text-sm);font-family:var(--od-font);cursor:pointer;box-sizing:border-box;background-color:#0000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.od-segmented__item:last-child{border-right:none}.od-segmented__item:hover{background-color:var(--od-bg);color:var(--od-text)}.od-segmented__item:focus-visible{outline:var(--od-focus-ring) solid var(--od-accent);outline-offset:calc(var(--od-border-width) * -1)}.od-segmented__item--active{background-color:var(--od-accent-soft);color:var(--od-accent);font-weight:500}.od-input,.od-select{height:var(--od-control-height);padding:0 var(--od-8);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius-sm);background-color:var(--od-surface);color:var(--od-text);font-size:var(--od-text-sm);font-family:var(--od-font);box-sizing:border-box;outline:none}.od-input:hover,.od-select:hover{border-color:var(--od-border-strong)}.od-input:focus-visible,.od-select:focus-visible{border-color:var(--od-accent);outline:var(--od-focus-ring) solid var(--od-accent-border)}.od-panel-title{font-size:var(--od-text-sm);color:var(--od-text);font-weight:600;font-family:var(--od-font);margin:0}.od-section-header{font-size:var(--od-text-xs);color:var(--od-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--od-font);margin:0}.od-label{font-size:var(--od-text-xs);color:var(--od-text-secondary);font-weight:500;font-family:var(--od-font)}.od-meta{font-size:var(--od-text-xs);color:var(--od-text-tertiary);font-family:var(--od-font-mono)}.od-field{gap:var(--od-4);flex-direction:column;display:flex}.od-field--horizontal{flex-direction:row;justify-content:space-between;align-items:center}.od-field__header{justify-content:space-between;align-items:center;gap:var(--od-8);display:flex}.od-field__control{align-items:center;width:100%;display:flex}.od-field--horizontal .od-field__control{width:auto}.od-tooltip-host{display:inline-flex;position:relative}.od-tooltip-host[data-tooltip]:hover:after{content:attr(data-tooltip);z-index:1000;pointer-events:none;white-space:nowrap;background-color:var(--od-surface-raised);border:var(--od-border-width) solid var(--od-border);color:var(--od-text);font-size:var(--od-text-xs);font-family:var(--od-font);padding:var(--od-2) var(--od-8);border-radius:var(--od-radius-sm);box-shadow:var(--od-shadow);position:absolute;top:120%;left:50%;transform:translate(-50%)}.od-switch{align-items:center;gap:var(--od-8);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--od-text-xs);color:var(--od-text-secondary);display:inline-flex}.od-switch input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.od-switch__track{background-color:var(--od-border-strong);border-radius:9999px;flex-shrink:0;width:28px;height:16px;transition:background-color .15s;display:inline-block;position:relative}.od-switch input[type=checkbox]:checked+.od-switch__track{background-color:var(--od-accent)}.od-switch input[type=checkbox]:focus-visible+.od-switch__track{outline:var(--od-focus-ring) solid var(--od-accent);outline-offset:2px}.od-switch__thumb{background-color:var(--od-surface);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.od-switch input[type=checkbox]:checked+.od-switch__track .od-switch__thumb{background-color:var(--od-text-on-accent);transform:translate(12px)}.od-toast-host{bottom:var(--od-24);gap:var(--od-8);z-index:9999;pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;left:50%;transform:translate(-50%)}.od-toast{pointer-events:auto;align-items:center;gap:var(--od-8);padding:var(--od-8) var(--od-16);background-color:var(--od-surface-raised);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius-sm);box-shadow:var(--od-shadow);color:var(--od-text);font-size:var(--od-text-sm);font-family:var(--od-font);animation:.2s ease-out od-toast-in;display:flex}@keyframes od-toast-in{0%{opacity:0;transform:translateY(var(--od-8))}to{opacity:1;transform:translateY(0)}}.od-toast--success{border-left:var(--od-focus-ring) solid var(--od-success)}.od-toast--error{border-left:var(--od-focus-ring) solid var(--od-danger);background-color:var(--od-danger-soft)}.od-toast--info{border-left:var(--od-focus-ring) solid var(--od-accent)}.od-empty{color:var(--od-text-tertiary);font-size:var(--od-text-sm);font-family:var(--od-font);padding:var(--od-24);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.od-canvas-bg{background-color:var(--od-canvas-bg,var(--od-bg));background-image:radial-gradient(circle, var(--od-border-strong) var(--od-border-width), transparent var(--od-border-width));background-size:var(--od-grid-size) var(--od-grid-size)}.od-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;padding:var(--od-16);background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.od-modal{background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius);flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000002e}.od-modal__header{padding:var(--od-12) var(--od-16);border-bottom:var(--od-border-width) solid var(--od-border);justify-content:space-between;align-items:center;display:flex}.od-modal__body{padding:var(--od-16);gap:var(--od-16);flex-direction:column;flex:1;display:flex;overflow-y:auto}.od-modal__footer{padding:var(--od-12) var(--od-16);border-top:var(--od-border-width) solid var(--od-border);background-color:var(--od-bg);justify-content:space-between;align-items:center;display:flex}.od-dock{bottom:var(--od-16);z-index:20;align-items:center;gap:var(--od-4);padding:var(--od-4) var(--od-8);background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border-strong);border-radius:var(--od-radius);box-shadow:var(--od-shadow-floating);display:flex;position:absolute;left:50%;transform:translate(-50%)}.od-canvas-overlay-bottom-right{bottom:var(--od-16);right:var(--od-16);z-index:20;align-items:flex-end;gap:var(--od-8);flex-direction:column;display:flex;position:absolute}.od-zoom-controls{align-items:center;gap:var(--od-4);background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border-strong);border-radius:var(--od-radius);box-shadow:var(--od-shadow-floating);padding:2px;display:flex}.od-panel-toggle-btn{align-items:center;gap:var(--od-8);height:var(--od-control-height);padding:0 var(--od-12);font-family:var(--od-font);font-size:var(--od-text-xs);color:var(--od-text-secondary);background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border-strong);border-radius:var(--od-radius);box-shadow:var(--od-shadow-floating);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-weight:500;transition:all .15s;display:inline-flex}.od-panel-toggle-btn:hover{border-color:var(--od-border-strong);color:var(--od-text)}.od-panel-toggle-btn:active{background-color:var(--od-accent-soft)}.od-panel-toggle-btn:focus-visible{outline:var(--od-focus-ring) solid var(--od-accent);outline-offset:var(--od-border-width)}.od-panel-toggle-btn--active{background-color:var(--od-accent-soft);border-color:var(--od-accent-border);color:var(--od-accent)}.od-canvas-brand{top:var(--od-16);left:var(--od-16);z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.od-canvas-hint{top:var(--od-16);padding:var(--od-4) var(--od-12);font-size:var(--od-text-xs);color:var(--od-text-secondary);background-color:var(--od-surface);border:var(--od-border-width) solid var(--od-border-strong);border-radius:var(--od-radius-sm);box-shadow:var(--od-shadow-floating);pointer-events:none;font-family:var(--od-font);white-space:nowrap;-webkit-user-select:none;user-select:none;position:absolute;left:50%;transform:translate(-50%)}.od-code-preview{padding:var(--od-12);background-color:var(--od-bg);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius-sm);font-family:monospace;font-size:var(--od-text-xs);color:var(--od-text);box-sizing:border-box;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;height:240px;margin:0;line-height:1.5;overflow:auto}.od-code-preview:focus-visible{outline:2px solid var(--od-accent);outline-offset:-1px}.od-meter-track{background-color:var(--od-border);border:var(--od-border-width) solid var(--od-border);border-radius:var(--od-radius-full);box-sizing:border-box;align-items:stretch;gap:2px;width:100%;padding:2px;display:flex}.od-meter-segment{padding:var(--od-8) var(--od-4);font-family:var(--od-font);cursor:pointer;background-color:var(--od-surface);color:var(--od-text-secondary);-webkit-user-select:none;user-select:none;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:40px;transition:background-color .15s,color .15s;display:flex}.od-meter-segment:first-child{border-top-left-radius:var(--od-radius-full);border-bottom-left-radius:var(--od-radius-full)}.od-meter-segment:last-child{border-top-right-radius:var(--od-radius-full);border-bottom-right-radius:var(--od-radius-full)}.od-meter-segment:hover:not(.od-meter-segment--active){background-color:var(--od-accent-soft);color:var(--od-text)}.od-meter-segment:focus-visible{outline:2px solid var(--od-accent);outline-offset:2px;z-index:2}.od-meter-segment--active{background-color:var(--od-accent);color:var(--od-text-on-accent)}.od-meter-segment__title{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.od-meter-segment__level{color:var(--od-text-tertiary);font-size:9px;line-height:1}.od-meter-segment--active .od-meter-segment__level{color:var(--od-text-on-accent);opacity:.9}.od-meter-pointer-row{box-sizing:border-box;width:100%;margin-top:var(--od-4);margin-bottom:var(--od-4);align-items:center;padding:0 2px;display:flex}.od-meter-pointer-col{flex:1;justify-content:center;align-items:center;height:8px;display:flex}.od-meter-pointer-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:7px solid var(--od-accent);width:0;height:0}:root{font-family:var(--od-font,"Inter", system-ui, "Segoe UI", Roboto, sans-serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}main{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}
