.oc{--oc-card: #fff;--oc-field: #f4f5f7;--oc-on-ink: #fff;--oc-bad: #dc2626;--oc-warn: #a16207;--oc-shadow: 0 1px 0 rgba(14, 15, 18, .06), 0 18px 40px -24px rgba(14, 15, 18, .35);position:relative;min-width:0;color:var(--l-ink, #0e0f12);background:var(--oc-card);box-shadow:inset 0 0 0 1px var(--l-hair, rgba(14, 15, 18, .14)),var(--oc-shadow);border-radius:6px;padding:clamp(14px,2vw,26px)}[data-theme=dark] .oc{--oc-card: #16181e;--oc-field: #1e2129;--oc-on-ink: #111318;--oc-warn: #eab308;--oc-shadow: 0 18px 40px -24px rgba(0, 0, 0, .7)}.oc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.2vw,30px)}.oc-main,.oc-side{min-width:0;display:grid;gap:12px;align-content:start}.oc-side{gap:clamp(16px,1.8vw,22px)}@media(min-width:900px){.oc-grid{grid-template-columns:minmax(0,1fr) clamp(290px,26vw,340px)}.oc-side{position:sticky;top:84px;align-self:start}}.oc-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.oc-hint{font:12.5px/1.4 var(--l-mono, "PT Mono", monospace);color:var(--l-ink-3, #7c818b)}.oc-stage-box{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;min-width:0;padding:10px;border-radius:4px;background:repeating-conic-gradient(#e9ebef 0 25%,#f7f8fa 0 50%) 0 0 / 18px 18px}[data-theme=dark] .oc-stage-box{background:repeating-conic-gradient(#1b1e25 0 25%,#22262e 0 50%) 0 0 / 18px 18px}.oc-stage{position:relative;max-width:100%;overflow:hidden;user-select:none;-webkit-user-select:none}.oc-img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.oc-frame{position:absolute;box-sizing:border-box;cursor:move;touch-action:none;outline:1.5px solid #fff;box-shadow:0 0 0 9999px #0a0b0e8c,0 0 0 1px #00000059}.oc-frame:focus-visible{outline:2px solid var(--l-blue, #2b3bff)}.oc-third{position:absolute;background:#ffffff80;pointer-events:none}.oc-third.v1,.oc-third.v2{top:0;bottom:0;width:1px}.oc-third.v1{left:33.333%}.oc-third.v2{left:66.667%}.oc-third.h1,.oc-third.h2{left:0;right:0;height:1px}.oc-third.h1{top:33.333%}.oc-third.h2{top:66.667%}.oc-h{position:absolute;width:30px;height:30px;touch-action:none;z-index:1}.oc-h:after{content:"";position:absolute;box-sizing:border-box;width:18px;height:18px;border:0 solid #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.oc-h.nw{left:0;top:0}.oc-h.ne{right:0;top:0}.oc-h.sw{left:0;bottom:0}.oc-h.se{right:0;bottom:0}.oc-h.n{top:0;left:50%;margin-left:-15px}.oc-h.s{bottom:0;left:50%;margin-left:-15px}.oc-h.w{left:0;top:50%;margin-top:-15px}.oc-h.e{right:0;top:50%;margin-top:-15px}.oc-h.nw:after{left:0;top:0;border-width:3px 0 0 3px}.oc-h.ne:after{right:0;top:0;border-width:3px 3px 0 0}.oc-h.sw:after{left:0;bottom:0;border-width:0 0 3px 3px}.oc-h.se:after{right:0;bottom:0;border-width:0 3px 3px 0}.oc-h.n:after{left:4px;top:0;width:22px;height:3px;border-top-width:3px}.oc-h.s:after{left:4px;bottom:0;width:22px;height:3px;border-bottom-width:3px}.oc-h.w:after{left:0;top:4px;width:3px;height:22px;border-left-width:3px}.oc-h.e:after{right:0;top:4px;width:3px;height:22px;border-right-width:3px}.oc-h.nw,.oc-h.se{cursor:nwse-resize}.oc-h.ne,.oc-h.sw{cursor:nesw-resize}.oc-h.n,.oc-h.s{cursor:ns-resize}.oc-h.e,.oc-h.w{cursor:ew-resize}.oc-demo-tag{position:absolute;left:10px;top:10px;padding:7px 10px;border-radius:2px;pointer-events:none;background:#fff;color:#0e0f12;font:12.5px/1 var(--l-mono, monospace);box-shadow:0 6px 18px -8px #0e0f1273}.oc-under{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.oc-size{font:12.5px/1.2 var(--l-mono, monospace);color:var(--l-ink-3, #7c818b);margin-right:auto}.oc.drag .oc-stage-box{box-shadow:inset 0 0 0 2px var(--l-blue, #2b3bff)}.oc-drop{position:absolute;inset:0;display:grid;place-items:center;border-radius:6px;pointer-events:none;z-index:3;background:#2b3bff14;box-shadow:inset 0 0 0 2px var(--l-blue, #2b3bff);font:600 18px/1.3 var(--l-disp, inherit);color:var(--l-ink)}.oc-group{display:grid;gap:8px;min-width:0}.oc-lab{font:12.5px/1.2 var(--l-mono, "PT Mono", monospace);color:var(--l-ink-3, #7c818b);letter-spacing:.01em}.oc-asps,.oc-seg{display:flex;flex-wrap:wrap;gap:6px}.oc-chip,.oc-mini{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-weight:500;font-size:14px;line-height:1;color:var(--l-ink);background:transparent;cursor:pointer;border:0;border-radius:999px;padding:9px 13px;box-shadow:inset 0 0 0 1px var(--l-hair, rgba(14, 15, 18, .14))}.oc-chip.on{background:var(--l-ink);color:var(--oc-on-ink);box-shadow:none}.oc-mini:hover:not(:disabled),.oc-chip:hover:not(.on){box-shadow:inset 0 0 0 1px var(--l-ink-3, #7c818b)}.oc-mini:disabled{opacity:.5;cursor:default}.oc-ai{display:inline-block;flex:none;box-sizing:border-box;border:1.5px solid currentColor;border-radius:1.5px}.oc-ai.free{border-style:dashed}.oc-pair{display:flex;align-items:center;gap:8px}.oc-pair span{font:15px/1 var(--l-mono, monospace);color:var(--l-ink-3)}.oc-in,.oc-sel{min-width:0;box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.3;color:var(--l-ink);background:var(--oc-field);border:0;border-radius:4px;padding:10px 12px;box-shadow:inset 0 0 0 1px transparent}.oc-in{width:96px}.oc-sel{width:100%;cursor:pointer}.oc-in:focus,.oc-sel:focus{outline:none;box-shadow:inset 0 0 0 2px var(--l-blue, #2b3bff)}.oc-note{margin:0;font-size:14px;line-height:1.45;color:var(--l-ink-3, #7c818b)}.oc-note.c{text-align:center}.oc-warn{margin:0;font-size:14px;line-height:1.45;color:var(--oc-warn)}.oc-err{margin:0;font-size:14px;line-height:1.45;color:var(--oc-bad)}.oc-act{display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--l-hair, rgba(14, 15, 18, .14))}.oc-out{margin:0 0 2px;font-size:15px;color:var(--l-ink-2, #4b5059)}.oc-out b{color:var(--l-ink);font-weight:600}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;font-family:inherit;font-weight:600;font-size:15.5px;line-height:1;color:var(--oc-on-ink);background:var(--l-ink);border:0;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,transform .3s var(--l-ease, ease)}.oc-btn:hover:not(:disabled){background:var(--l-blue, #2b3bff);color:#fff;transform:translateY(-1px)}.oc-btn:disabled{opacity:.4;cursor:default}.oc-btn.ghost{background:transparent;color:var(--l-ink);box-shadow:inset 0 0 0 1.5px var(--l-ink)}.oc-btn.ghost:hover:not(:disabled){background:var(--l-ink);color:var(--oc-on-ink)}.oc-btn.wide{width:100%}.oc-btn:focus-visible,.oc-chip:focus-visible,.oc-mini:focus-visible{outline:2px solid var(--l-blue, #2b3bff);outline-offset:2px}@media(max-width:559px){.oc-hint{flex-basis:100%}.oc-stage-box{padding:6px}}@media(prefers-reduced-motion:reduce){.oc-btn{transition:none}}