:root{--bg-base: #080808;--surface-1: #111111;--surface-2: #1a1a1a;--border: #2a2a2a;--text-primary: #e8e8e8;--text-muted: #555555;--accent-claude: #E8612A;--accent-gemini: #00C8C8;--font-mono: "JetBrains Mono", monospace;--font-ui: "IBM Plex Sans Condensed", sans-serif;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--color-bg: var(--bg-base);--color-bg-panel: var(--surface-1);--color-bg-input: var(--surface-1);--color-bg-surface: var(--surface-2);--color-border: var(--border);--color-border-focus: #3d3d3d;--color-text-primary: var(--text-primary);--color-text-secondary: #888888;--color-text-muted: var(--text-muted);--color-claude: var(--accent-claude);--color-claude-dim: rgba(232, 97, 42, .3);--color-claude-glow: rgba(232, 97, 42, .05);--color-claude-alt: var(--accent-claude);--color-claude-alt-dim: rgba(232, 97, 42, .3);--color-claude-alt-glow: rgba(232, 97, 42, .05);--color-gemini: var(--accent-gemini);--color-gemini-dim: rgba(0, 200, 200, .3);--color-gemini-glow: rgba(0, 200, 200, .05);--color-scrollbar: var(--surface-1);--color-scrollbar-thumb: var(--border);--font-sans: var(--font-ui);--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--input-height: 80px;--header-height: 72px;--border-radius: 0px;--transition: .1s ease;--pattern-checker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='4' height='4' fill='%23252525'/%3E%3Crect x='4' y='4' width='4' height='4' fill='%23252525'/%3E%3Crect x='4' width='4' height='4' fill='%231a1a1a'/%3E%3Crect y='4' width='4' height='4' fill='%231a1a1a'/%3E%3C/svg%3E")}[data-theme=light]{--bg-base: #1a1a1a;--surface-1: #222222;--surface-2: #2a2a2a;--border: #3a3a3a;--text-primary: #f0f0f0;--text-muted: #777777;--color-bg: var(--bg-base);--color-bg-panel: var(--surface-1);--color-bg-input: var(--surface-1);--color-bg-surface: var(--surface-2);--color-border: var(--border);--color-border-focus: #555555;--color-text-primary: var(--text-primary);--color-text-secondary: #aaaaaa;--color-text-muted: var(--text-muted);--color-scrollbar: var(--surface-1);--color-scrollbar-thumb: var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-normal);background:#000;color:var(--text-primary);line-height:1.6;overflow:hidden;height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}#root{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--text-primary)}p{color:var(--text-primary)}code,pre{font-family:var(--font-mono);font-size:var(--text-xs)}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:var(--space-4);overflow-x:auto}button{font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-normal);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-muted);padding:var(--space-2) var(--space-3);transition:color var(--transition),border-color var(--transition)}button:hover{color:var(--text-primary);border-color:var(--text-primary)}textarea{font-family:var(--font-mono);font-size:13px;resize:none;outline:none;border:1px solid var(--border);border-radius:0;background:var(--surface-1);color:var(--text-primary);transition:border-color var(--transition)}textarea:focus{border-color:var(--color-border-focus)}textarea::placeholder{color:var(--text-muted)}.panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--color-bg-panel)}.panel-header{height:40px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background-color:var(--surface-1);background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:6px 6px}.panel-label{font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.2em;text-transform:uppercase}.panel-label--claude{color:var(--accent-claude)}.panel-label--gemini{color:var(--accent-gemini)}.panel-label--chatgpt{color:#10a37f}.panel-status{font-size:var(--text-xs);color:var(--color-text-muted);animation:blink 1.2s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.panel--chatgpt .panel-body{background:#82f36508}.panel-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.panel-error{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:#f87171}.panel-error-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;opacity:.7}.markdown{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-primary)}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:var(--space-6) 0 var(--space-3);line-height:1.3}.markdown h1{font-size:var(--text-lg)}.markdown h2{font-size:var(--text-base)}.markdown h3,.markdown h4{font-size:var(--text-sm)}.markdown p{margin-bottom:var(--space-4)}.markdown ul,.markdown ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.markdown li{margin-bottom:var(--space-1)}.markdown code{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;font-size:var(--text-xs)}.markdown pre{margin-bottom:var(--space-4)}.markdown pre code{background:none;border:none;padding:0}.markdown blockquote{border-left:3px solid var(--color-border-focus);padding-left:var(--space-4);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.markdown table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-xs)}.markdown th,.markdown td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.markdown th{background:var(--color-bg-surface);font-weight:var(--weight-bold)}.markdown a{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.8}.markdown a:hover{opacity:1}.markdown hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.panel--claude{--block-accent: var(--accent-claude);border-top:3px solid #E8612A;border-left:3px solid #E8612A}.panel--gemini{--block-accent: var(--accent-gemini);border-top:3px solid #00C8C8;border-left:3px solid #00C8C8}.panel--chatgpt{--block-accent: #10a37f;border-top:3px solid #10a37f;border-left:3px solid #10a37f}.response-block{padding:16px;margin-bottom:2px;border-left:2px solid transparent;transition:opacity .2s ease;color:var(--text-primary)}.response-block--active{background:transparent;padding:16px;position:relative}.response-block--active p,.response-block--active li,.response-block--active h1,.response-block--active h2,.response-block--active h3,.response-block--active h4{background:var(--block-accent);color:#000;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 3px}.response-block--active p strong,.response-block--active li strong,.response-block--active p b,.response-block--active li b{background:transparent;color:#000;font-weight:700;padding:0}.response-block--active table{border-collapse:separate;border-spacing:2px}.response-block--active tr{background:transparent}.response-block--active td,.response-block--active th{background:var(--block-accent);color:#000;padding:4px 8px}.response-block--active .message-meta,.response-block--active .message-timestamp,.response-block--active .message-prompt{background:transparent!important;color:var(--block-accent);opacity:1;padding:0}.response-block:not(.response-block--active):hover{opacity:1!important;background:var(--surface-2)}.message-block{margin-bottom:var(--space-4)}.message-meta{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.message-timestamp{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;letter-spacing:.04em}.message-prompt{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.loop-btn{margin-top:var(--space-6);font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-normal);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:transparent;color:var(--text-muted);padding:5px 12px;border-radius:0;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.loop-btn--to-gemini:hover{border-color:var(--accent-gemini);color:var(--accent-gemini)}.loop-btn--to-claude:hover{border-color:var(--accent-claude);color:var(--accent-claude)}.loop-btn--to-chatgpt:hover{border-color:#10a37f;color:#10a37f}.loop-instruction-field{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px;background:var(--color-bg-surface);border-radius:8px;border:1px solid var(--color-border);animation:fadeIn .15s ease}.loop-instruction-label{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.loop-instruction-textarea{width:100%;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:6px;padding:8px;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);resize:none;outline:none;box-sizing:border-box}.loop-instruction-textarea--claude:focus{border-color:var(--color-claude)}.loop-instruction-textarea--gemini:focus{border-color:var(--color-gemini)}.loop-instruction-textarea--chatgpt:focus{border-color:#10a37f}.loop-send-btn{align-self:flex-end;padding:6px 14px;border-radius:6px;border:none;cursor:pointer;font-size:var(--text-xs);color:#fff;opacity:1;transition:opacity .15s}.loop-send-btn--gemini{background:var(--color-gemini)}.loop-send-btn--claude{background:var(--color-claude)}.loop-send-btn--chatgpt{background:#10a37f;color:#000}.loop-send-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panel-collapse-btn{margin-left:auto;background:transparent;border:none;color:var(--color-text-muted);font-size:10px;cursor:pointer;padding:4px 6px;opacity:.5;transition:opacity .15s,color .15s;flex-shrink:0}.panel-collapse-btn:hover{opacity:1}.panel--claude .panel-collapse-btn:hover{color:#e8612a}.panel--gemini .panel-collapse-btn:hover{color:#00c8c8}.panel--chatgpt .panel-collapse-btn:hover{color:#10a37f}.panel--collapsed{flex:0 0 64px;min-width:64px;max-width:64px}.panel--collapsed .panel-header{border-bottom:none}.model-select{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#ffffff80;font-family:IBM Plex Sans Condensed,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;cursor:pointer;margin-left:auto;margin-right:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s,color .2s}.model-select:hover,.model-select:focus{border-color:#ffffff59;color:#fffc}.model-select--claude:hover,.model-select--claude:focus{border-color:var(--accent-claude, #E8612A);color:var(--accent-claude, #E8612A)}.model-select--gemini:hover,.model-select--gemini:focus{border-color:var(--accent-gemini, #00C8C8);color:var(--accent-gemini, #00C8C8)}.model-select--chatgpt:hover,.model-select--chatgpt:focus{border-color:var(--accent-chatgpt, #19C37D);color:var(--accent-chatgpt, #19C37D)}.model-select option{background:#111;color:#fff}.panel-cursor{display:block;font-family:var(--font-mono);font-size:16px;line-height:1;margin-top:8px;margin-left:16px;animation:blink 1.2s step-start infinite}.panel-cursor--claude{color:#e8612a}.panel-cursor--gemini{color:#00c8c8}.panel-cursor--chatgpt{color:#10a37f}.pixel-thinking{padding:16px 0 8px}.pixel-grid{display:grid;grid-template-columns:repeat(16,7px);gap:3px;width:fit-content}.pixel{width:7px;height:7px;background:var(--accent, #e8e8e8);opacity:0;animation:px-on 2.2s steps(1) infinite;animation-delay:var(--d, 0ms)}@keyframes px-on{0%{opacity:0}55%{opacity:1}90%{opacity:1}to{opacity:0}}.input-bar{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid #333333;background:#1e1e1e;flex-shrink:0;margin-top:12px}[data-theme=light] .input-bar{background:#111;border-top:1px solid #222222}.input-row{display:flex;align-items:flex-end;gap:var(--space-3)}.input-field{flex:1;padding:var(--gap-md);background:#e8e8e8;border:none;border-radius:0;font-family:var(--font-mono);font-size:13px;color:#000;caret-color:#000;min-height:56px;max-height:160px;overflow-y:auto;line-height:1.5;transition:border-color var(--transition)}.input-field::placeholder{color:#666}[data-theme=light] .input-field{background:#1a1a1a;color:#e8e8e8;caret-color:#e8e8e8}[data-theme=light] .input-field::placeholder{color:#555}.send-btn{height:40px;padding:6px 14px;font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-normal);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--text-primary);border-radius:0;background:transparent;color:var(--text-primary);flex-shrink:0;cursor:pointer;transition:background .1s,color .1s}.send-btn:not(:disabled):hover{background:var(--text-primary);color:#000}.send-btn:not(:disabled):active{background:#aaa;color:#000}.send-btn:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:1}.target-row{display:flex;gap:var(--space-2)}.target-btn{font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-normal);letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:0;border:1px solid var(--border);background:transparent;opacity:.45;transition:opacity var(--transition),color var(--transition),border-color var(--transition),background var(--transition)}.target-btn:disabled{cursor:default}.target-btn--claude{color:var(--accent-claude);border-color:var(--border)}.target-btn--claude:hover:not(:disabled){opacity:.7}.target-btn--claude.is-active{opacity:1;background:var(--accent-claude);border-color:var(--accent-claude);color:#000}.target-btn--gemini{color:var(--accent-gemini);border-color:var(--border)}.target-btn--gemini:hover:not(:disabled){opacity:.7}.target-btn--gemini.is-active{opacity:1;background:var(--accent-gemini);border-color:var(--accent-gemini);color:#000}.target-btn--both{color:var(--text-muted);border-color:var(--border)}.target-btn--both:hover:not(:disabled){opacity:.7}.target-btn--both.is-active{opacity:1;background:var(--text-primary);border-color:var(--text-primary);color:#000}.target-btn--chatgpt{color:#10a37f;border-color:var(--border)}.target-btn--chatgpt:hover:not(:disabled){opacity:.7}.target-btn--chatgpt.is-active{opacity:1;background:#10a37f;border-color:#10a37f;color:#000}.target-btn--mistral{color:#ff7000;border-color:var(--border)}.target-btn--mistral:hover:not(:disabled){opacity:.7}.target-btn--mistral.is-active{opacity:1;background:#ff7000;border-color:#ff7000;color:#000}.target-btn--perplexity{color:#1fb8cd;border-color:var(--border)}.target-btn--perplexity:hover:not(:disabled){opacity:.7}.target-btn--perplexity.is-active{opacity:1;background:#1fb8cd;border-color:#1fb8cd;color:#000}@keyframes pixelDrift{0%{background-position:0px 0px}to{background-position:16px 16px}}.ob-bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(rgba(255,255,255,.04) 0% 25%,transparent 0% 50%);background-size:16px 16px;animation:pixelDrift 15s linear infinite;pointer-events:none;z-index:0}.ob-root{position:relative;overflow:hidden;min-height:100%;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;overflow-y:auto}.ob-root:before{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:repeating-conic-gradient(rgba(255,255,255,.015) 0% 25%,transparent 0% 50%);background-size:12px 12px;animation:pixelDrift 20s linear infinite;pointer-events:none;z-index:0}.ob-inner{position:relative;z-index:1;width:100%;max-width:1100px;padding:48px 32px 64px;display:flex;flex-direction:column;align-items:center;flex:1;gap:0}.ob-logo{width:200px;display:block;margin-bottom:48px}.ob-headline{font-family:var(--font-ui);font-size:28px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);margin-bottom:10px;text-align:center}.ob-subline{font-family:var(--font-ui);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:48px;text-align:center}.ob-cards{display:flex;gap:16px;width:100%;margin-bottom:40px}.ob-card{position:relative;z-index:2;overflow:hidden;flex:1;min-width:0;border:1px solid #333;background:#0d0d0d;padding:20px 16px;display:flex;flex-direction:column;gap:12px}.ob-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.ob-card--claude{border-top:3px solid #FF6B35;border-left:3px solid #FF6B35}.ob-card--gemini{border-top:3px solid #49e1e1;border-left:3px solid #49e1e1}.ob-card--openai{border-top:3px solid #82f365;border-left:3px solid #82f365}.ob-card--mistral{border-top:3px solid #FF4500;border-left:3px solid #FF4500}.ob-card--perplexity{border-top:3px solid #8B5CF6;border-left:3px solid #8B5CF6}.ob-card-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:40px}.ob-card-name{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.ob-card-label{font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}.ob-card-required{font-family:var(--font-ui);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);padding:1px 5px}.ob-card-status{position:relative;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;transition:color var(--transition)}.ob-card-input{position:relative;z-index:2;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:8px 10px;width:100%;outline:none;transition:border-color var(--transition)}.ob-card-input::placeholder{color:var(--text-muted);letter-spacing:.04em}.ob-card-input:focus{border-color:var(--color-border-focus)}.ob-card-link{position:relative;z-index:2;font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--transition);align-self:flex-start}.ob-card-link:hover{color:var(--text-primary)}.ob-start-btn{position:relative;overflow:hidden;font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.15em;text-transform:uppercase;padding:12px 40px;border:1px solid #555;border-radius:0;background:transparent;color:#888;cursor:pointer;transition:all .2s ease}.ob-start-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;opacity:0;transition:opacity .2s ease}.ob-start-btn:not(:disabled):hover,.ob-start-btn:not(:disabled):active{background:#82f365;border-color:#82f365;color:#000}.ob-start-btn:not(:disabled):hover:after,.ob-start-btn:not(:disabled):active:after{opacity:1}.ob-start-btn:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.ob-hint{margin-top:12px;font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center}.ob-root>.site-footer{width:100%;position:relative;z-index:2}.ob-root{position:relative}.ob-bg-anim{position:fixed;top:-50px;right:-50px;bottom:-50px;left:-50px;background-image:repeating-conic-gradient(rgba(255,255,255,.06) 0% 25%,transparent 0% 50%);background-size:14px 14px;animation:pixelDrift 25s linear infinite;pointer-events:none;z-index:1}@keyframes pixelDrift{0%{transform:translate(0)}to{transform:translate(14px,14px)}}.site-footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-base);position:relative;z-index:10;width:100%}.site-footer__inner{position:relative;display:flex;align-items:center;padding:0 var(--space-6);height:36px}.site-footer__logo{height:14px;width:auto;display:block;flex-shrink:0}.site-footer__copy{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;pointer-events:none}.site-footer__links{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.site-footer__link{font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;color:var(--text-muted);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .1s;opacity:.6}.site-footer__link:not(:disabled):hover{color:var(--text-primary);opacity:1}.site-footer__link:disabled{cursor:not-allowed;opacity:.3}.site-footer__sep{font-size:10px;color:var(--text-muted);opacity:.3}@media(max-width:768px){.site-footer__copy{display:none}}.obpp-root{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.obpp-prompt-bar{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 16px;width:100%}.obpp-prompt-arrow{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--text-muted, #555);line-height:1}.obpp-prompt-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-secondary, #aaa);letter-spacing:.02em}.obpp-panels{display:flex;gap:12px;width:100%;align-items:stretch}.obpp-panel{flex:1;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-top-width:2px;transition:box-shadow .5s ease,opacity .5s ease}.obpp-panel--waiting{opacity:.35}.obpp-panel--active{opacity:1}.obpp-panel--done{opacity:.55}.obpp-panel--claude{border-top-color:#e8612a}.obpp-panel--gemini{border-top-color:#00c8c8}.obpp-panel--openai{border-top-color:#10a37f}.obpp-panel--claude.obpp-panel--active{box-shadow:0 0 28px #e8612a38,0 0 6px #e8612a1f;animation:obpp-pulse-claude .5s ease-out}.obpp-panel--gemini.obpp-panel--active{box-shadow:0 0 28px #00c8c838,0 0 6px #00c8c81f;animation:obpp-pulse-gemini .5s ease-out}.obpp-panel--openai.obpp-panel--active{box-shadow:0 0 28px #10a37f38,0 0 6px #10a37f1f;animation:obpp-pulse-openai .5s ease-out}@keyframes obpp-pulse-claude{0%{box-shadow:0 0 #e8612a00;border-top-color:#fff}30%{box-shadow:0 0 40px #e8612a80;border-top-color:#ffb090}to{box-shadow:0 0 28px #e8612a38;border-top-color:#e8612a}}@keyframes obpp-pulse-gemini{0%{box-shadow:0 0 #00c8c800;border-top-color:#fff}30%{box-shadow:0 0 40px #00c8c880;border-top-color:#a0ffff}to{box-shadow:0 0 28px #00c8c838;border-top-color:#00c8c8}}@keyframes obpp-pulse-openai{0%{box-shadow:0 0 #10a37f00;border-top-color:#fff}30%{box-shadow:0 0 40px #10a37f80;border-top-color:#90ffd8}to{box-shadow:0 0 28px #10a37f38;border-top-color:#10a37f}}.obpp-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);background:#00000040;flex-shrink:0}.obpp-panel-logo{height:15px;width:auto;opacity:.85}.obpp-panel-name{font-family:IBM Plex Sans Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-secondary, #aaa);text-transform:uppercase;flex:1}.obpp-panel-dot{font-size:10px;transition:color .3s ease}.obpp-panel-body{position:relative;padding:14px;height:130px;flex-shrink:0;background:#00000026;overflow:hidden}.obpp-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.13) 2px,rgba(0,0,0,.13) 4px);pointer-events:none;z-index:1}.obpp-panel-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px}.obpp-panel-line{font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.65;color:var(--text-secondary, #999);margin:0;animation:obpp-fadein .25s ease forwards}@keyframes obpp-fadein{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.obpp-panel-cursor{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-muted, #666);animation:obpp-blink 1s step-end infinite;display:inline-block;margin-top:2px}@keyframes obpp-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:640px){.obpp-panels{flex-direction:column}.obpp-panel-body{height:auto;min-height:110px}}.sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-1);border-right:1px solid var(--border);border-top:3px solid #444444;border-left:3px solid #444444;overflow:hidden}.sb-header{height:40px;display:flex;align-items:center;gap:8px;padding:0 var(--gap-md);border-bottom:1px solid var(--border);flex-shrink:0;background-image:var(--pattern-checker);background-repeat:repeat}.sb-header-folder{flex-shrink:0;display:block}.sb-header-label{font-family:var(--font-ui);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.sb-section{padding:var(--gap-md)}.sb-active-card{border:1px solid #FF00FF;padding:10px 10px 8px}.sb-active-title{font-family:var(--font-ui);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);display:block;margin-bottom:10px}.sb-active-links{list-style:none;display:flex;flex-direction:column;gap:2px}.sb-link-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:none;padding:3px 0;cursor:pointer;text-align:left;width:100%;transition:color var(--transition)}.sb-link-btn:hover{color:var(--text-primary)}.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sb-grid-card{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;padding:6px 4px;transition:border-color var(--transition)}.sb-grid-card:hover{border-color:var(--text-muted)}.sb-grid-label{font-family:var(--font-ui);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;line-height:1.3}.sb-grid-card:hover .sb-grid-label{color:var(--text-primary)}.sb-bottom{margin-top:auto;display:flex;flex-direction:column;border-top:2px solid #444444}.sb-nav-btn{font-family:var(--font-ui);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;border-bottom:1px solid #333333;padding:12px var(--gap-md);text-align:left;cursor:pointer;width:100%;transition:color var(--transition),background var(--transition)}.sb-nav-btn:disabled{opacity:.35;cursor:not-allowed}.sb-nav-btn--green:not(:disabled):hover{color:#000;background:#82f365}.sb-nav-btn--cyan:not(:disabled):hover{color:#000;background:#00c8c8}.sb-nav-btn--magenta:not(:disabled):hover{color:#000;background:#ed41be}.layout{position:relative;display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.app-layout{position:relative;z-index:0;flex:1;min-height:0;display:flex;flex-direction:column;padding:100px;box-sizing:border-box;overflow:hidden}.header{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--bg-base);background-image:var(--pattern-checker);background-repeat:repeat;z-index:10;position:relative}.header-logo{height:36px;width:auto;vertical-align:middle;display:block}.header-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-4)}.header-nav-btn{font-family:var(--font-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;padding:4px 8px;cursor:pointer;transition:color var(--transition)}.header-nav-btn:hover{color:var(--text-primary);border:none}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.theme-toggle,.burger-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:0;border:1px solid var(--border);background:transparent;cursor:pointer;transition:border-color .1s,background .1s}.theme-toggle:hover,.burger-btn:hover{border-color:var(--text-primary);background:var(--surface-2)}.theme-toggle img,.burger-btn img{display:block}.export-btn{font-family:var(--font-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:0;border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;transition:background .1s,color .1s}.export-btn:not(:disabled):hover{background:var(--text-primary);color:#000}.export-btn:not(:disabled):active{background:#aaa;color:#000}.export-btn:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed}[data-theme=light] .export-btn:not(:disabled):hover{background:var(--text-primary);color:#fff}.header-gradient{height:3px;flex-shrink:0;position:relative;z-index:9;background:linear-gradient(90deg,#f0f,#0ff,#0f0)}.body{position:relative;z-index:1;flex:1;display:flex;overflow:hidden;min-height:0;margin-top:16px;gap:16px;padding:0}.panels{display:flex;flex:1;overflow:hidden;min-height:0;background:var(--bg-base);gap:16px}.panel{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface-1);border-radius:4px}.panel-divider{display:none}.panel-header{height:40px;display:flex;align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background-image:var(--pattern-checker);background-repeat:repeat}.panel-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:lowercase}.panel-label--claude{color:var(--color-claude)}.panel-label--gemini{color:var(--color-gemini)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-6)}.panel--claude .panel-body{background:var(--color-claude-glow)}.panel--gemini .panel-body{background:var(--color-gemini-glow)}.dummy-text{color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.app-layout{padding:0}.body{flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:8px;padding:8px;margin-top:8px}.sidebar{width:100%;min-width:0;max-width:none}.panels{flex-direction:column;overflow:visible;gap:8px}.panel{min-width:0;width:100%}.panel--collapsed{flex:none;width:100%;min-width:0;max-width:none;height:48px;min-height:48px;max-height:48px}.header{padding:0 var(--space-4)}.header-nav{display:none}.target-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}.target-btn{flex-shrink:0}}.qmodal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;animation:qmodal-fadein .2s ease forwards}@keyframes qmodal-fadein{0%{opacity:0}to{opacity:1}}.qmodal-panel{background:#0e0e0e;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:qmodal-slidein .22s ease forwards}@keyframes qmodal-slidein{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.qmodal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.qmodal-title{font-family:IBM Plex Sans Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary, #eee)}.qmodal-close{background:none;border:none;color:var(--text-muted, #555);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .2s ease,background .2s ease;line-height:1}.qmodal-close:hover{color:var(--text-primary, #eee);background:#ffffff0f}.qmodal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.qmodal-block{display:flex;flex-direction:column;gap:5px}.qmodal-block-heading{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--text-muted, #666);text-transform:uppercase;margin:0}.qmodal-block-text{font-family:IBM Plex Sans Condensed,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary, #bbb);margin:0}@media(max-width:560px){.qmodal-panel{margin:0 16px;max-height:90vh}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:var(--surface-1);border:1px solid var(--border);border-top:3px solid #444444;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.settings-title{font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary)}.settings-close{font-family:var(--font-mono);font-size:18px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;line-height:1;padding:0 2px;transition:color var(--transition)}.settings-close:hover{color:var(--text-primary)}.settings-section-label{font-family:var(--font-ui);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:14px 20px 8px}.settings-cards{display:flex;flex-direction:column;gap:1px;padding:0 20px}.settings-card{border:1px solid var(--border);padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.settings-card-top{display:flex;align-items:center;gap:10px}.settings-card-logo{height:20px;width:auto;flex-shrink:0}.settings-card-name{font-family:var(--font-ui);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);flex:1}.settings-card-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;transition:color var(--transition)}.settings-card-input{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border);padding:7px 10px;width:100%;outline:none;transition:border-color var(--transition);box-sizing:border-box}.settings-card-input:focus{border-color:var(--text-muted)}.settings-card-link{font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;color:var(--text-muted);text-decoration:none;transition:color var(--transition);align-self:flex-start}.settings-card-link:hover{color:var(--text-primary)}.settings-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0;margin-top:12px}.settings-cancel,.settings-save{font-family:var(--font-ui);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);padding:9px 20px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.settings-cancel{background:transparent;color:var(--text-muted)}.settings-cancel:hover{color:var(--text-primary);border-color:var(--text-muted)}.settings-save{background:transparent;color:#82f365;border-color:#82f365}.settings-save:hover{background:#82f365;color:#000}