.oc-script-root{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui, var(--font-outfit), system-ui, sans-serif);color:var(--foreground, #e8eadf)}.oc-script-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--background, #07080a) 62%,transparent);-webkit-backdrop-filter:blur(8px) saturate(.8);backdrop-filter:blur(8px) saturate(.8)}.oc-script-sheet{position:relative;z-index:1;width:min(1080px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;border-radius:1rem;border:1px solid var(--line, #232833);background:var(--bg-elev, #101216);box-shadow:0 24px 64px color-mix(in srgb,#000 42%,transparent)}.oc-script-header{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem .65rem;border-bottom:1px solid var(--line, #232833)}.oc-script-title{flex:1 1 auto;min-width:0;padding:.4rem .7rem;border-radius:.5rem;border:1px solid var(--line, #232833);background:var(--bg, #07080a);color:inherit;font:inherit}.oc-script-pane{display:flex;align-items:center;gap:.4rem;color:var(--muted, #8b9284);font-size:.82rem;flex-shrink:0}.oc-script-pane select{border-radius:999px;border:1px solid var(--line, #232833);background:var(--bg, #07080a);color:inherit;padding:.35rem .7rem;font:inherit}.oc-script-close{width:2rem;height:2rem;border:none;border-radius:.5rem;background:transparent;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.oc-script-close:hover{background:var(--bg-hover, #171a20)}.oc-script-editor{display:grid;grid-template-columns:2.6rem minmax(0,1fr);min-height:18rem;max-height:min(52vh,28rem);overflow:hidden;background:var(--bg, #07080a)}.oc-script-gutter{margin:0;padding:.75rem .4rem .75rem .55rem;overflow:hidden;font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;line-height:1.55;color:var(--muted, #8b9284);text-align:right;-webkit-user-select:none;user-select:none;white-space:pre}.oc-script-code{position:relative;min-width:0}.oc-script-hi,.oc-script-input{position:absolute;inset:0;margin:0;padding:.75rem .8rem;border:0;resize:none;overflow:auto;white-space:pre;font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;line-height:1.55;tab-size:2}.oc-script-hi{color:var(--foreground, #e8eadf);pointer-events:none}.oc-script-input{background:transparent;color:transparent;caret-color:var(--foreground, #e8eadf)}.oc-script-input:focus{outline:none}.oc-syn-kw{color:#c4b5fd}.oc-syn-fn{color:#7dd3fc}.oc-syn-draw{font-weight:700}.oc-syn-str{color:#86efac}.oc-syn-num{color:#fbbf24}.oc-syn-cmt{color:#4ade80}.oc-syn-err{text-decoration:underline wavy #f23645;text-underline-offset:3px}html[data-theme=light] .oc-syn-cmt{color:#15803d}html[data-theme=light] .oc-syn-err{text-decoration-color:#dc2626}.oc-script-lint{padding:.45rem .9rem;border-top:1px solid var(--line, #232833);color:var(--danger, #f23645);font-size:.78rem;white-space:pre-wrap}.oc-script-footer{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem .8rem;border-top:1px solid var(--line, #232833)}.oc-script-hint{margin-right:auto;color:var(--muted, #8b9284);font-size:.75rem}.oc-script-btn{border-radius:999px;border:1px solid var(--line, #232833);background:transparent;color:inherit;padding:.4rem .9rem;font:inherit;cursor:pointer}.oc-script-btn-primary{background:var(--foreground, #e8eadf);color:var(--background, #07080a);border-color:transparent}.oc-script-body{display:grid;grid-template-columns:13.5rem minmax(0,1fr);min-height:0;flex:1 1 auto}.oc-script-api{padding:.75rem .7rem .9rem;border-right:1px solid var(--line, #232833);overflow:auto;background:color-mix(in srgb,var(--bg, #07080a) 55%,transparent)}.oc-script-api h2{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #8b9284)}.oc-script-api-group+.oc-script-api-group{margin-top:.7rem}.oc-script-api-group h3{margin:0 0 .35rem;font-size:.7rem;font-weight:650;color:var(--muted, #8b9284)}.oc-script-chips{display:flex;flex-wrap:wrap;gap:.28rem}.oc-script-chip{border-radius:999px;border:1px solid var(--line, #232833);background:var(--bg, #07080a);color:inherit;padding:.18rem .5rem;font:inherit;font-size:.72rem;cursor:grab}.oc-script-chip:active{cursor:grabbing}.oc-script-main{display:flex;flex-direction:column;min-width:0;min-height:0}.oc-script-code{position:relative}.oc-script-ac{position:absolute;left:.8rem;bottom:.55rem;z-index:2;margin:0;padding:.25rem;list-style:none;min-width:14rem;max-width:min(22rem,80%);max-height:11rem;overflow:auto;border-radius:.55rem;border:1px solid var(--line, #232833);background:var(--bg-elev, #101216);box-shadow:0 12px 28px color-mix(in srgb,#000 38%,transparent)}.oc-script-ac-item{display:flex;align-items:baseline;gap:.45rem;padding:.28rem .45rem;border-radius:.4rem;cursor:pointer}.oc-script-ac-item code{font-size:.75rem;color:#7dd3fc}.oc-script-ac-item span{color:var(--muted, #8b9284);font-size:.7rem}.oc-script-ac-item.is-on,.oc-script-ac-item:hover{background:color-mix(in srgb,var(--foreground, #e8eadf) 16%,var(--bg-elev, #101216));color:var(--foreground, #f8fafc)}.oc-script-ac-item.is-on code{color:#bae6fd}html[data-theme=light] .oc-script-ac-item.is-on,html[data-theme=light] .oc-script-ac-item:hover{background:color-mix(in srgb,var(--foreground, #171a16) 14%,var(--bg-elev, #f3f4f0));color:var(--foreground, #171a16)}html[data-theme=light] .oc-script-ac-item.is-on code{color:#0369a1}@media(max-width:760px){.oc-script-body{grid-template-columns:1fr}.oc-script-api{border-right:0;border-bottom:1px solid var(--line, #232833);max-height:7.5rem}}