:root{color-scheme:dark;--bg: #0e1014;--bg-2: #161a21;--bg-3: #1e232c;--line: #2b323d;--fg: #e8ecf2;--fg-dim: #9aa4b2;--ok: #6fd08c;--warn: #f2c14e;--err: #f2726f;--accent: #9d7bff;--accent-2: #6ee7d5;--radius: 10px;--focus: #7cc6ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);overflow-x:hidden}body{font-size:15px;line-height:1.45}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.86em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.oib-app{max-width:1280px;margin:0 auto;padding:12px 14px 40px}.oib-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 70%,transparent);padding-bottom:8px}.oib-brand{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;padding:6px 0}.oib-brand strong{font-size:1.05rem;letter-spacing:.01em}.oib-toolbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.oib-field{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--fg-dim);min-width:0}.oib-field>span{white-space:nowrap}.oib-field.oib-grow{flex:1 1 100%}.oib-field select,.oib-field input[type=search],.oib-field input[type=file]{background:var(--bg-3);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:5px 7px;font-size:.86rem;max-width:230px}.oib-field input[type=range]{width:140px;accent-color:var(--accent)}.oib-file input{max-width:190px}.oib-btn{background:var(--bg-3);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:.86rem;cursor:pointer}.oib-btn:hover:not(:disabled){border-color:var(--accent)}.oib-btn:disabled{opacity:.45;cursor:not-allowed}.oib-btn.is-primary{background:var(--accent);border-color:var(--accent);color:#12101c;font-weight:650}.oib-btn.is-panic{background:#3a1418;border-color:var(--err);color:#ffd9d8;font-weight:700;letter-spacing:.06em}.oib-statusline{margin:8px 0 12px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);font-size:.84rem;color:var(--fg-dim)}.oib-statusline.is-unverified{border-color:var(--warn)}.oib-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;border-radius:4px;padding:1px 6px;margin-right:6px;vertical-align:1px}.oib-badge.is-unverified{background:#4a3a0f;color:var(--warn);border:1px solid var(--warn)}.oib-surface-wrap{margin-bottom:18px}.oib-surface{display:grid;width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.oib-surface.accent-violet{--accent: #9d7bff}.oib-surface.accent-teal{--accent: #4fd1c5}.oib-surface.accent-amber{--accent: #f0b429}.oib-surface.accent-rose{--accent: #f2708f}.oib-surface.accent-lime{--accent: #a8e05f}.oib-surface-note{margin:6px 2px 0;font-size:.76rem;color:var(--fg-dim)}.oib-control{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:0;padding:6px 5px;border-radius:9px;border:1px solid var(--line);background:var(--bg-3);color:var(--fg);font-size:clamp(.62rem,1.6vw,.88rem);text-align:center;overflow:hidden}.oib-control .oib-label{font-weight:600;line-height:1.15;overflow-wrap:anywhere}.oib-control .oib-value{font-size:.74em;color:var(--fg-dim);font-variant-numeric:tabular-nums}.oib-control .oib-key{position:absolute;top:3px;right:5px;font-size:.6rem;color:var(--fg-dim);opacity:.75;pointer-events:none}.oib-pad,.oib-button,.oib-toggle{position:relative;cursor:pointer;touch-action:none}.oib-pad{background:linear-gradient(180deg,var(--bg-3),#171b22);min-height:42px}.oib-pad:hover:not(:disabled),.oib-button:hover:not(:disabled){border-color:var(--accent)}.oib-pad.is-active,.oib-button.is-active{background:var(--accent);border-color:var(--accent);color:#12101c;transform:translateY(1px)}.oib-toggle.is-on{background:var(--accent);border-color:var(--accent);color:#12101c}.oib-control.is-disabled,.oib-control:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.oib-style-primary{border-color:#3b4557}.oib-style-accent{border-color:var(--accent)}.oib-style-bass{border-color:#3c6ea5}.oib-style-lead{border-color:#8f5fbf}.oib-style-warn{border-color:var(--err);color:#ffd9d8}.oib-style-ghost{background:transparent;border-style:dashed}.oib-style-muted{opacity:.75}.oib-slider,.oib-select{cursor:pointer;padding:5px 7px}.oib-slider .oib-label,.oib-select .oib-label{display:flex;gap:6px;align-items:baseline;justify-content:center;flex-wrap:wrap;width:100%}.oib-slider input[type=range]{width:100%;accent-color:var(--accent)}.oib-select select{width:100%;background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:3px 4px;font-size:.82em}.oib-xy{position:relative;align-items:flex-start;justify-content:flex-start;min-height:70px;touch-action:none;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 25% 100%,linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 100% 25%,var(--bg-3)}.oib-xy-dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #9d7bff40}.oib-display,.oib-label-control,.oib-label{overflow-wrap:anywhere}.oib-display,.oib-control.oib-label{align-items:flex-start;justify-content:center;text-align:left;background:transparent;border-style:dashed;user-select:text;-webkit-user-select:text}.oib-display-text{color:var(--fg-dim);font-size:.86em;font-variant-numeric:tabular-nums}.oib-panels{border:1px solid var(--line);border-radius:12px;background:var(--bg-2);overflow:hidden}.oib-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--line)}.oib-tab{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--fg-dim);padding:7px 12px;border-radius:8px 8px 0 0;cursor:pointer;font-size:.86rem}.oib-tab.is-active{background:var(--bg-3);border-color:var(--line);color:var(--fg);font-weight:620}.oib-panel{padding:12px}.oib-panel-body{display:flex;flex-direction:column;gap:10px;user-select:text}.oib-row{display:flex;gap:8px;align-items:center}.oib-row.oib-wrap{flex-wrap:wrap;align-items:flex-end}.oib-subhead{margin:6px 0 0;font-size:.92rem}.oib-muted{color:var(--fg-dim);font-size:.84rem}.oib-ok{color:var(--ok);font-size:.88rem}.oib-warn{color:var(--warn);font-size:.88rem}.oib-error{color:var(--err);font-size:.88rem}.oib-issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto}.oib-issue{display:grid;grid-template-columns:minmax(120px,260px) 1fr auto;gap:8px;align-items:baseline;padding:5px 8px;border-radius:6px;background:var(--bg-3);border-left:3px solid var(--line);font-size:.83rem}.oib-issue.is-error{border-left-color:var(--err)}.oib-issue.is-warning{border-left-color:var(--warn)}.oib-path{color:var(--accent-2);overflow-wrap:anywhere}.oib-code{color:var(--fg-dim);font-size:.72rem}.oib-pre{margin:0;padding:8px 10px;background:#0b0d11;border:1px solid var(--line);border-radius:8px;max-height:340px;overflow:auto;white-space:pre;font-size:.76rem;line-height:1.5;user-select:text}.oib-eventlog,.oib-amy-log{max-height:300px}.oib-editor{width:100%;min-height:300px;background:#0b0d11;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;resize:vertical;tab-size:2}.oib-table{width:100%;border-collapse:collapse;font-size:.83rem}.oib-caption{text-align:left;color:var(--fg-dim);padding-bottom:5px;font-size:.8rem}.oib-table th,.oib-table td{border-bottom:1px solid var(--line);padding:4px 6px;text-align:left;vertical-align:top}.oib-table thead th{color:var(--fg-dim);font-weight:600}.oib-chiplist{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.oib-chip{background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.78rem}.oib-list{margin:0;padding-left:20px;font-size:.88rem}.oib-fieldset{border:1px solid var(--line);border-radius:8px;padding:5px 8px 7px;display:flex;flex-wrap:wrap;gap:4px 10px;margin:0}.oib-fieldset legend{font-size:.76rem;color:var(--fg-dim);padding:0 4px}.oib-checkbox,.oib-radio{display:inline-flex;gap:5px;align-items:center;font-size:.8rem;cursor:pointer}.oib-backends{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.oib-backend{border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--bg-3)}.oib-backend.is-active{border-color:var(--accent)}.oib-backend-name{font-weight:620}.oib-backend p{margin:4px 0 0}.oib-details summary{cursor:pointer;font-size:.84rem;color:var(--fg-dim)}.oib-amy{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}@media(max-width:640px){.oib-app{padding:8px 8px 32px}.oib-toolbar{gap:6px 8px;padding:8px}.oib-field select,.oib-field input[type=search],.oib-field input[type=file]{max-width:150px}.oib-field input[type=range]{width:110px}.oib-issue{grid-template-columns:1fr;gap:2px}.oib-control .oib-key{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.oib-mixer{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.oib-mixer-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.oib-mixer-head h2{margin:0;font-size:.95rem;letter-spacing:.02em}.oib-mixer-head p{margin:0;font-size:.78rem;color:var(--fg-dim)}.oib-mixer-rows{display:grid;gap:8px}.oib-mixer-row{display:grid;grid-template-columns:minmax(64px,90px) 1fr 1fr auto;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.oib-mixer-row.is-muted{opacity:.62}.oib-mixer-name{font-weight:600;font-size:.9rem}.oib-mixer-field{display:grid;gap:2px;min-width:0}.oib-mixer-field>span{font-size:.72rem;color:var(--fg-dim)}.oib-mixer-field b{color:var(--fg);font-variant-numeric:tabular-nums}.oib-mixer-field input[type=range]{width:100%}.oib-mixer-static{font-size:.72rem;color:var(--fg-dim)}.oib-mixer-mute{min-width:74px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--fg);font:inherit;font-size:.8rem;cursor:pointer}.oib-mixer-mute.is-on{background:var(--warn);border-color:var(--warn);color:#fff}.oib-mixer-mute:focus-visible,.oib-mixer-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.oib-mixer-row{grid-template-columns:1fr 1fr;grid-template-areas:"name mute" "level pan"}.oib-mixer-name{grid-area:name}.oib-mixer-mute{grid-area:mute;justify-self:end}.oib-mixer-row .oib-mixer-field:nth-of-type(1){grid-area:level}.oib-mixer-row .oib-mixer-field:nth-of-type(2){grid-area:pan}}.oib-sequence .oib-hint{margin:0 0 12px;padding:8px 10px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 8px 8px 0;font-size:.85rem}.oib-seq{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.oib-seq:last-child{border-bottom:none}.oib-seq-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.oib-seq-head h3{margin:0 0 2px;font-size:.95rem}.oib-seq-head p{margin:0;font-size:.78rem}.oib-seq-actions{display:flex;gap:6px;flex-wrap:wrap}.oib-seq-actions button{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--fg);font:inherit;font-size:.8rem;cursor:pointer}.oib-seq-actions button:disabled{opacity:.45;cursor:default}.oib-seq-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oib-seq-state{margin:8px 0;font-size:.85rem}.oib-seq-steps{display:grid;gap:4px;list-style:none;margin:8px 0;padding:0}.oib-seq-step{position:relative;min-height:34px;border:1px solid var(--line);border-radius:6px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.oib-seq-step.is-beat{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.oib-seq-step.has-actions{background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.oib-seq-step.is-current{outline:2px solid var(--accent);outline-offset:1px}.oib-seq-step-no{font-size:.62rem;color:var(--fg-dim);font-variant-numeric:tabular-nums}.oib-seq-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.oib-seq-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:6px}.oib-seq-table caption{text-align:left;padding-bottom:4px;font-size:.75rem}.oib-seq-table th,.oib-seq-table td{border-top:1px solid var(--line);padding:4px 6px;text-align:left;vertical-align:top}.oib-seq-table tr.is-current td{background:color-mix(in srgb,var(--accent) 16%,transparent)}.oib-seq-table td:first-child{width:4ch;color:var(--fg-dim)}.oib-btn.is-running{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.oib-badge.is-phase-running{background:var(--ok);color:#04140b}.oib-badge.is-phase-blocked,.oib-badge.is-phase-suspended{background:var(--warn);color:#1a0f00}.oib-badge.is-phase-resuming,.oib-badge.is-phase-starting{background:var(--accent);color:#fff}.oib-badge.is-phase-error,.oib-badge.is-phase-unsupported{background:var(--err);color:#fff}.oib-badge.is-phase-idle{background:var(--bg-3);color:var(--fg-dim)}.oib-lifecycle{margin:4px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.oib-lifecycle-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.oib-lifecycle-head .oib-subhead{margin:0}.oib-lifecycle-head p{margin:0;font-size:.78rem}.oib-lifecycle-log{max-height:260px;overflow:auto;font-size:.7rem;line-height:1.5;white-space:pre}.oib-slider.is-vertical{align-items:center;justify-items:center}.oib-slider.is-vertical>.oib-label{text-align:center}.oib-slider.is-vertical input[type=range]{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;appearance:slider-vertical;width:24px;min-height:56px;height:100%;max-height:220px;justify-self:center;align-self:center}