:root{--bg: #eef0f3;--panel: #ffffff;--panel-2: #f7f8fa;--border: rgba(17, 24, 39, .08);--border-strong: rgba(17, 24, 39, .14);--text: #1c2024;--text-muted: #6b7280;--text-faint: #9aa1ad;--accent: #4f6bed;--accent-weak: rgba(79, 107, 237, .12);--accent-text: #ffffff;--hover: rgba(17, 24, 39, .055);--danger: #e5484d;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08), 0 1px 1px rgba(15, 23, 42, .04);--shadow: 0 6px 20px rgba(15, 23, 42, .1), 0 1px 3px rgba(15, 23, 42, .07);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16);--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-pill: 999px;--ease: cubic-bezier(.2, 0, 0, 1);--dur: .13s;--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}[data-theme=dark]{--bg: #131519;--panel: #1d2026;--panel-2: #23262d;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #e8ebf0;--text-muted: #99a0ac;--text-faint: #6c727e;--accent: #6f8cff;--accent-weak: rgba(111, 140, 255, .18);--hover: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 26px rgba(0, 0, 0, .46), 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,select,summary,a[href],[role=button]{cursor:pointer}button:disabled,button[disabled],select:disabled,[aria-disabled=true]{cursor:default}.oc-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.oc-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.oc-iconbtn:hover{background:var(--hover);color:var(--text)}.oc-iconbtn:disabled{opacity:.35;cursor:default}.oc-iconbtn:disabled:hover{background:transparent;color:var(--text-muted)}.oc-iconbtn.is-active{background:var(--accent);color:var(--accent-text)}.oc-tool{width:38px;height:38px;border-radius:var(--r)}.oc-tool.is-active{background:var(--accent);color:var(--accent-text)}.oc-key{position:absolute;right:6px;bottom:5px;font-size:9px;font-weight:600;line-height:1;color:var(--text-faint);pointer-events:none}.oc-tool.is-active .oc-key{color:#ffffffe6}.oc-textbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease)}.oc-textbtn:hover{background:var(--hover)}.oc-textbtn.is-primary{background:var(--accent);color:var(--accent-text)}.oc-textbtn.is-primary:hover{filter:brightness(1.05)}.oc-textbtn:disabled{opacity:.35;cursor:default}.oc-textbtn:disabled:hover{background:transparent}button:focus-visible,[role=button]:focus-visible,summary:focus-visible,a[href]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oc-iconbtn:focus-visible,.oc-textbtn:focus-visible,.oc-menuitem:focus-visible,.oc-shapecell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.oc-input,.oc-select{width:100%;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text);font-size:13px;font-family:var(--font);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.oc-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5L6 7.5L9 4.5' stroke='%239aa1ad' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;padding-right:26px}.oc-input:focus,.oc-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.oc-label{display:block;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-muted);margin:0 0 5px}.oc-divider{height:1px;background:var(--border);margin:6px 0}.oc-vdivider{width:1px;height:18px;background:var(--border);margin:0 3px}.oc-popover{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:6px}.oc-menuitem{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:13px;font-family:var(--font);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease)}.oc-menuitem:hover{background:var(--hover)}.oc-menuitem.is-active{background:var(--accent-weak);color:var(--accent)}.oc-kbd{margin-left:auto;font-size:11px;color:var(--text-faint);font-family:var(--font)}.oc-section{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:8px 10px 4px}.oc-tray{width:296px;max-height:calc(100vh - 224px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden;animation:oc-tray-in .12s var(--ease)}@keyframes oc-tray-in{0%{opacity:0;transform:translateY(-50%) translate(-6px)}}.oc-tray-head{padding:11px 14px 9px;font-size:13px;font-weight:650;letter-spacing:-.01em;border-bottom:1px solid var(--border)}.oc-tray-body{padding:6px 10px 12px;overflow-y:auto}.oc-shapegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:4px}.oc-shapecell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.oc-shapecell:hover{background:var(--hover);color:var(--text)}.oc-shapecell.is-active{border-color:var(--accent);background:var(--accent-weak);color:var(--accent)}.oc-shapecell span{font-size:10.5px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cm-editor{height:100%;background:transparent}.cm-editor .cm-scroller{overflow:auto;font-family:var(--mono)}.cm-editor.cm-focused{outline:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--r-sm);padding:0;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}svg[data-canvas-root]:focus{outline:none}svg[data-canvas-root]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}