body[data-entry-mode=demo]{--demo-ink: var(--oc-color-fg-neutral);--demo-muted: var(--oc-color-fg-neutral-muted);--demo-subtle: var(--oc-color-fg-neutral-subtle);--demo-blue: var(--oc-color-fg-brand);--demo-line: var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-canvas);color:var(--demo-ink)}body[data-entry-mode=demo] #app,body[data-entry-mode=demo] #app.panel-left-collapsed,body[data-entry-mode=demo] #app.panel-right-collapsed{width:100%;height:100dvh;--layout-left: 0px;--layout-right: 0px;grid-template-columns:minmax(0,1fr) 360px!important;grid-template-rows:64px 56px minmax(0,1fr) 60px!important;grid-template-areas:"demohead demohead" "demotabs demotabs" "stage demoguide" "demofoot demofoot"!important}body[data-entry-mode=demo] :is(#topbar,#left,#right,#bottombar,#toolbar,#experienceNav,.workspace-panel-toggle,.resizer,#minimap,#minimapBox,#showcaseReplay,#playgroundFollowupLauncher,#quickDock){display:none!important}body[data-entry-mode=demo] #stage{min-width:0;min-height:0;position:relative;overflow:hidden;background-color:#f4f6fa;background-image:radial-gradient(#d3dae6 1px,transparent 1px);background-size:22px 22px}.interactive-demo :is(.demo-header,.demo-tabs,.demo-guide,.demo-footer){min-width:0;color:var(--demo-ink);font-family:var(--oc-font-family)}.interactive-demo :is(button,textarea){font:inherit}.interactive-demo [hidden]{display:none!important}.interactive-demo :is(.demo-header,.demo-tabs,.demo-guide,.demo-footer,.demo-stage-tools,.demo-stage-head) :is(button,a):focus-visible{outline:2px solid var(--oc-color-stroke-brand-solid);outline-offset:2px}.interactive-demo .demo-header{grid-area:demohead;display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--demo-line);background:var(--oc-color-bg-layer-default)}.demo-brand{display:inline-flex;align-items:center;gap:9px;color:var(--demo-ink);font-size:var(--oc-font-size-t6);font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em;text-decoration:none}.demo-brand-mark{position:relative;display:block;width:20px;height:20px;border:2px solid var(--demo-blue);border-radius:5px}.demo-brand-mark:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:1px;background:var(--demo-blue)}.demo-example{padding:3px 9px;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-brand-weak);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);white-space:nowrap}.demo-team{display:flex;align-items:center;gap:14px;margin-left:8px}.demo-person{display:flex;align-items:center;gap:7px;opacity:.55;white-space:nowrap;transition:opacity var(--oc-duration-d4) var(--oc-timing-function-easing)}.demo-person.is-active{opacity:1}.demo-person-name{font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold)}.demo-person small{color:var(--demo-subtle);font-size:var(--oc-font-size-t1)}.demo-avatar{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:var(--person-color, var(--demo-blue));font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.interactive-demo .demo-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:0;border-radius:var(--oc-radius-r2);color:#fff;background:var(--oc-color-bg-brand-solid);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);text-decoration:none;cursor:pointer}.interactive-demo .demo-primary:hover{background:var(--oc-color-bg-brand-solid-pressed)}.interactive-demo .demo-start{margin-left:auto;min-height:40px}.interactive-demo .demo-tabs{grid-area:demotabs;display:flex;gap:4px;padding:0 20px;overflow-x:auto;border-bottom:1px solid var(--demo-line);background:var(--oc-color-bg-layer-default);scrollbar-width:none}.interactive-demo .demo-tabs::-webkit-scrollbar{display:none}.interactive-demo .demo-tab{flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;background:none;color:var(--demo-subtle);box-shadow:inset 0 -2px 0 transparent;font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);cursor:pointer;white-space:nowrap}.interactive-demo .demo-tab .oc-ico{font-size:17px}.interactive-demo .demo-tab:hover{color:var(--demo-ink)}.interactive-demo .demo-tab[aria-current=true]{color:var(--demo-ink);box-shadow:inset 0 -2px 0 var(--demo-ink)}.interactive-demo .demo-tab[aria-current=true] .oc-ico{color:var(--demo-blue)}.interactive-demo .demo-guide{grid-area:demoguide;display:flex;flex-direction:column;padding:26px 24px 20px;overflow:auto;overscroll-behavior:contain;border-left:1px solid var(--demo-line);background:var(--oc-color-bg-layer-default)}.demo-kicker{margin:0 0 8px;color:var(--demo-blue);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.demo-title{margin:0;font-size:var(--oc-font-size-t9);font-weight:var(--oc-font-weight-bold);line-height:1.35;letter-spacing:-.03em;word-break:keep-all;text-wrap:balance}.demo-pitch{margin:12px 0 16px;color:var(--demo-muted);font-size:var(--oc-font-size-t4);line-height:1.7;word-break:keep-all}.demo-outcomes{display:grid;gap:8px;margin:0 0 22px;padding:14px 16px;list-style:none;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-fill)}.demo-outcomes li{display:flex;align-items:flex-start;gap:8px;color:var(--demo-ink);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium);line-height:1.5}.demo-outcomes .oc-ico{margin-top:2px;color:var(--oc-color-fg-positive);font-size:15px}.demo-tour-head{margin:0 0 8px;color:var(--demo-subtle);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.demo-tour{display:grid;gap:2px;margin:0;padding:0;list-style:none}.demo-tour li{border-radius:var(--oc-radius-r2)}.demo-tour li.is-current{background:var(--oc-color-bg-brand-weak)}.interactive-demo .demo-tour-step{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:none;color:var(--demo-muted);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);text-align:left;cursor:pointer}.demo-tour li:not(.is-current) .demo-tour-step:hover{color:var(--demo-ink)}.demo-tour-number{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--demo-subtle);background:var(--oc-color-bg-neutral-weak);font-size:var(--oc-font-size-t1);font-variant-numeric:tabular-nums}.demo-tour li.is-current .demo-tour-step{color:var(--demo-ink)}.demo-tour li.is-current .demo-tour-number{color:#fff;background:var(--oc-color-bg-brand-solid)}.demo-tour-text{display:none;margin:0;padding:0 12px 12px 42px;color:var(--demo-muted);font-size:var(--oc-font-size-t3);line-height:1.65;word-break:keep-all}.demo-tour li.is-current .demo-tour-text{display:block}.demo-activity{display:flex;flex-direction:column;gap:12px;margin:18px 0 0}.demo-activity-row{display:flex;align-items:flex-start;gap:9px}.demo-activity-row .demo-avatar{width:22px;height:22px;font-size:10px}.demo-activity-row p{margin:1px 0 0;color:var(--demo-subtle);font-size:var(--oc-font-size-t3);line-height:1.6;word-break:keep-all}.demo-activity-row:last-child p{color:var(--demo-ink)}.demo-takeaway{display:grid;gap:8px;margin-top:22px;padding:16px;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-fill)}.demo-takeaway.is-ready{background:var(--oc-color-bg-brand-weak)}.demo-takeaway>strong{font-size:var(--oc-font-size-t4)}.interactive-demo .demo-next{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 4px;border:0;background:none;color:var(--demo-ink);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);cursor:pointer}.interactive-demo .demo-next .oc-ico{color:var(--demo-blue);font-size:16px}.demo-local-note{margin:auto 0 0;padding-top:18px;color:var(--demo-subtle);font-size:var(--oc-font-size-t1);line-height:1.7;word-break:keep-all}.interactive-demo .demo-footer{grid-area:demofoot;position:relative;display:flex;align-items:center;gap:10px;padding:0 24px;border-top:1px solid var(--demo-line);background:var(--oc-color-bg-layer-default)}.interactive-demo .demo-play{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 16px;border:1px solid var(--oc-color-stroke-brand-weak);border-radius:var(--oc-radius-r2);color:var(--demo-blue);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);cursor:pointer}.demo-play:before{content:"";width:0;height:0;border-block:5px solid transparent;border-left:7px solid currentColor}.demo-play[aria-pressed=true]:before{width:7px;height:10px;border-block:0;border-left:2px solid;border-right:2px solid}.interactive-demo .demo-restart{min-height:40px;padding:0 10px;border:0;background:none;color:var(--demo-muted);font-size:var(--oc-font-size-t3);cursor:pointer}.demo-footer-note{margin-left:6px;color:var(--demo-subtle);font-size:var(--oc-font-size-t3)}.demo-position{margin-left:auto;color:var(--demo-muted);font-size:var(--oc-font-size-t3);font-variant-numeric:tabular-nums;white-space:nowrap}.demo-progress{position:absolute;top:-2px;left:0;right:0;height:3px;overflow:hidden;background:var(--oc-color-bg-neutral-weak)}.demo-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--oc-color-bg-brand-solid)}.demo-stage-head{position:absolute;top:14px;left:18px;right:18px;z-index:14;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.interactive-demo .demo-stage-pause{pointer-events:auto;min-height:34px;padding:0 12px;border:1px solid var(--demo-line);border-radius:var(--oc-radius-full);color:var(--demo-muted);background:color-mix(in srgb,var(--oc-color-bg-layer-default) 92%,transparent);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);cursor:pointer}.demo-stage-tools{position:absolute;top:62px;right:18px;z-index:14;display:none;overflow:hidden;border:1px solid var(--demo-line);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-layer-default)}body[data-demo-playing=false] .demo-stage-tools{display:flex}.interactive-demo .demo-stage-tools button{min-width:34px;min-height:34px;padding:0 10px;border:0;border-right:1px solid var(--demo-line);background:none;color:var(--demo-muted);font-size:var(--oc-font-size-t2);cursor:pointer}.interactive-demo .demo-stage-tools button:last-child{border-right:0}.demo-caption{position:absolute;left:18px;bottom:18px;z-index:13;display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100% - 36px));padding:10px 14px 10px 10px;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3),inset 0 0 0 1px var(--demo-line)}.demo-caption .demo-avatar{width:30px;height:30px}.demo-caption-body{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-caption-who{color:var(--demo-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-medium)}.demo-caption-text{color:var(--demo-ink);font-size:var(--oc-font-size-t4);line-height:1.5;word-break:keep-all}body[data-demo-playing=false] .demo-caption{opacity:.85}.demo-cursors{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none}.demo-cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;opacity:.35;pointer-events:none;transition:transform var(--move, .7s) cubic-bezier(.22,1,.36,1) var(--lag, 0ms),opacity var(--oc-duration-d4)}body[data-demo-scenario=company] .demo-cursor{--move: 1.1s;opacity:.5}body[data-demo-scenario=company] .demo-cursor.is-active{opacity:1}.demo-cursor.is-away{opacity:0!important}body[data-demo-scenario=company] .demo-cursor:not(.is-active,.is-viewer) .demo-cursor-name{display:none}.demo-cursor.is-viewer{z-index:2;opacity:1;--person-color: #1f2b3d;transition:transform .72s cubic-bezier(.45,0,.2,1)}.demo-click{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #1f2b3d;border-radius:50%;pointer-events:none;animation:demo-click .62s ease-out forwards;z-index:40}@keyframes demo-click{to{transform:scale(3.2);opacity:0}}.demo-key-hint{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--oc-radius-r2);color:var(--demo-ink);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s2),inset 0 0 0 1px var(--demo-line);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);white-space:nowrap;animation:demo-scene-in .36s ease;pointer-events:none!important}.demo-key-hint kbd{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:6px;color:var(--demo-ink);background:var(--oc-color-bg-layer-fill);box-shadow:inset 0 -2px 0 var(--demo-line),inset 0 0 0 1px var(--demo-line);font:800 var(--oc-font-size-t2) var(--oc-font-family-mono)}.demo-cursor.is-active{opacity:1}.demo-cursor-arrow{width:18px;height:23px;background:var(--person-color);clip-path:polygon(0 0,100% 67%,58% 68%,37% 100%);filter:drop-shadow(0 1px 1px #fff)}.demo-cursor-name{margin-top:17px;padding:3px 8px;border-radius:0 6px 6px;color:#fff;background:var(--person-color);font:600 12px var(--oc-font-family)}.demo-loading{position:absolute;inset:0;z-index:15;display:grid;place-content:center;gap:16px;padding:24px;color:var(--demo-muted);background:#f4f6fa;font-size:var(--oc-font-size-t5)}.interactive-demo #stage .database-table :is(input,select,textarea),.interactive-demo #stage .database-cell{font-size:14px!important}.interactive-demo #stage .database-table th,.interactive-demo #stage .database-event{font-size:var(--oc-font-size-t3)}.interactive-demo #stage :is(.database-day-number,.database-weekday){font-size:var(--oc-font-size-t2)}.interactive-demo #stage .frame-label{top:-44px;min-height:36px;padding:0 2px;color:var(--demo-ink);background:none;font-size:24px;font-weight:var(--oc-font-weight-bold);letter-spacing:-.02em}.interactive-demo #stage .k-frame{border-color:#dfe5ee;background:#ffffff8c}.interactive-demo #commentPopover{z-index:15;max-height:calc(100% - 120px)}.interactive-demo #commentPopover .comment-thread{max-height:220px}.interactive-demo .item.content-editing:after{display:none}.interactive-demo .oc-ico[data-i=mic]{--oc-i: var(--oc-icon-mic)}.interactive-demo .oc-ico[data-i=video]{--oc-i: var(--oc-icon-video)}.interactive-demo .oc-ico[data-i=message]{--oc-i: var(--oc-icon-message)}.interactive-demo .oc-ico[data-i=screen-share]{--oc-i: var(--oc-icon-screen-share)}.interactive-demo .oc-ico[data-i=sparkle]{--oc-i: var(--oc-icon-sparkle)}.interactive-demo .oc-ico[data-i=nodes]{--oc-i: var(--oc-icon-nodes)}.interactive-demo .oc-ico[data-i=volume]{--oc-i: var(--oc-icon-volume)}.interactive-demo .oc-ico[data-i=volume-off]{--oc-i: var(--oc-icon-volume-off)}.interactive-demo .oc-ico[data-i=attention]{--oc-i: var(--oc-icon-attention)}.demo-team.is-crowd{gap:0}.demo-team.is-crowd .demo-person{opacity:1;margin-left:-7px}.demo-team.is-crowd .demo-person :is(.demo-person-name,small){display:none}.demo-team.is-crowd .demo-avatar{width:24px;height:24px;box-shadow:0 0 0 2px var(--oc-color-bg-layer-default);font-size:11px}.demo-team.is-crowd .demo-person.is-active{z-index:1;transform:translateY(-2px)}.demo-team-count{margin-right:14px;color:var(--demo-muted);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);white-space:nowrap}.interactive-demo #svgLayer path.conn[data-id^=company-link-]{stroke:var(--oc-color-bg-brand-solid);stroke-width:3;stroke-dasharray:14 10}.demo-intro-seat.is-team{padding-left:8px}.demo-intro-faces{display:flex}.demo-intro-faces .demo-avatar{width:22px;height:22px;margin-left:-6px;box-shadow:0 0 0 2px var(--oc-color-bg-layer-fill);font-size:10px}.demo-intro-faces .demo-avatar:first-child{margin-left:0}.demo-scene{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 12px 5px 6px;border-radius:var(--oc-radius-full);background:color-mix(in srgb,var(--oc-color-bg-layer-default) 94%,transparent);box-shadow:var(--oc-shadow-s1),inset 0 0 0 1px var(--demo-line);font-family:var(--oc-font-family);animation:demo-scene-in .52s cubic-bezier(.22,1,.36,1)}.demo-scene-count{flex:none;padding:3px 9px;border-radius:var(--oc-radius-full);color:#fff;background:var(--oc-color-bg-brand-solid);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold);white-space:nowrap}.demo-scene[data-phase=intro] .demo-scene-count,.demo-scene[data-phase=outro] .demo-scene-count{color:var(--demo-blue);background:var(--oc-color-bg-brand-weak)}.demo-scene-title{min-width:0;overflow:hidden;color:var(--demo-ink);font-size:var(--oc-font-size-t3);text-overflow:ellipsis;white-space:nowrap}.demo-scene-feature{flex:none;display:inline-flex;align-items:center;gap:4px;padding-left:8px;border-left:1px solid var(--demo-line);color:var(--demo-blue);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);white-space:nowrap}.demo-scene-feature .oc-ico{font-size:14px}@keyframes demo-scene-in{0%{opacity:0;transform:translateY(-8px)}}.demo-stage-right{display:flex;align-items:center;gap:8px;pointer-events:auto}.demo-voice{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:var(--oc-radius-full);color:var(--oc-color-fg-positive);background:color-mix(in srgb,var(--oc-color-bg-layer-default) 94%,transparent);box-shadow:inset 0 0 0 1px var(--demo-line)}.demo-voice>.oc-ico{font-size:15px;margin-right:2px}.demo-voice .demo-avatar{position:relative;width:24px;height:24px;margin-left:-6px;box-shadow:0 0 0 2px var(--oc-color-bg-layer-default);font-size:11px;transition:transform var(--oc-duration-d3)}.demo-voice .demo-avatar:nth-of-type(1){margin-left:0}.demo-voice .demo-avatar.is-speaking{z-index:1;transform:scale(1.12);box-shadow:0 0 0 2px var(--oc-color-bg-layer-default),0 0 0 4px var(--person-color);animation:demo-talk .9s ease-in-out infinite}@keyframes demo-talk{50%{box-shadow:0 0 0 2px var(--oc-color-bg-layer-default),0 0 0 7px color-mix(in srgb,var(--person-color) 35%,transparent)}}.demo-voice-label{margin-left:6px;color:var(--demo-muted);font:600 var(--oc-font-size-t2) var(--oc-font-family);white-space:nowrap}.interactive-demo .demo-sound{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--oc-color-stroke-brand-weak);border-radius:var(--oc-radius-full);color:var(--demo-blue);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);cursor:pointer}.interactive-demo .demo-sound .oc-ico{font-size:15px}body:not([data-demo-sound=on]) .demo-sound{color:#fff;border-color:transparent;background:var(--oc-color-bg-brand-solid);animation:demo-nudge 2.4s ease-in-out 1.2s 3}@keyframes demo-nudge{0%,70%,to{transform:none}80%{transform:scale(1.06)}90%{transform:scale(.98)}}.interactive-demo .demo-sound-cta{position:absolute;left:50%;top:64px;z-index:15;display:inline-flex;align-items:center;gap:10px;padding:12px 22px 12px 16px;border:0;border-radius:var(--oc-radius-full);color:#fff;background:var(--oc-color-bg-brand-solid);box-shadow:0 12px 30px #0f52f559;font:700 var(--oc-font-size-t4) var(--oc-font-family);transform:translate(-50%);cursor:pointer;animation:demo-cta 2s ease-in-out infinite}.interactive-demo .demo-sound-cta:hover{background:var(--oc-color-bg-brand-solid-pressed)}.demo-sound-cta .oc-ico{font-size:20px}.demo-sound-cta small{font-size:var(--oc-font-size-t2);font-weight:500;opacity:.82}@keyframes demo-cta{50%{box-shadow:0 12px 30px #0f52f559,0 0 0 9px #0f52f529}}.demo-caption.is-new{animation:demo-caption-in .38s cubic-bezier(.22,1,.36,1)}@keyframes demo-caption-in{0%{opacity:0;transform:translateY(10px)}}.demo-caption.is-speaking .demo-avatar{animation:demo-talk-caption .9s ease-in-out infinite}@keyframes demo-talk-caption{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--person-color) 30%,transparent)}}.demo-avatar.is-narrator{background:var(--oc-color-bg-brand-solid)!important}.demo-avatar.is-narrator:after{content:"";width:12px;height:12px;border:2px solid #fff;border-radius:3px}.demo-tour-feature{display:none;align-items:center;gap:4px;margin:-4px 0 6px 42px;color:var(--demo-blue);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}.demo-tour-feature .oc-ico{font-size:13px}.demo-tour li.is-current .demo-tour-feature{display:inline-flex}.demo-spotlight{position:absolute;z-index:11;border-radius:22px;box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-color-bg-brand-solid) 55%,transparent),0 0 0 9999px #141e3212;opacity:0;pointer-events:none;transition:opacity .4s,left .56s cubic-bezier(.22,1,.36,1),top .56s cubic-bezier(.22,1,.36,1),width .56s cubic-bezier(.22,1,.36,1),height .56s cubic-bezier(.22,1,.36,1)}.demo-spotlight.is-on{opacity:1}.demo-fx{position:absolute;inset:0;z-index:13;overflow:hidden;pointer-events:none}.demo-fx-spark{position:absolute;width:8px;height:8px;border-radius:50%}.demo-fx-confetti{position:absolute;width:7px;height:12px;border-radius:2px}.demo-fx-fly{position:absolute;top:0;left:0;padding:6px 12px;border-radius:var(--oc-radius-full);color:#fff;background:var(--fly-color);box-shadow:0 8px 18px color-mix(in srgb,var(--fly-color) 40%,transparent);font:700 var(--oc-font-size-t2) var(--oc-font-family);white-space:nowrap}.demo-fx-ring{position:absolute;border:3px solid var(--oc-color-bg-brand-solid);border-radius:12px;animation:demo-ring 1.1s ease-out infinite;transition:opacity .4s}.demo-fx-ring.is-positive{border-color:var(--oc-color-bg-positive-solid)}.demo-fx-ring.is-leaving{opacity:0}@keyframes demo-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--oc-color-bg-brand-solid) 45%,transparent)}to{box-shadow:0 0 0 14px transparent}}.demo-fx-ring-label{position:absolute;left:50%;top:-34px;transform:translate(-50%);padding:4px 10px;border-radius:var(--oc-radius-full);color:#fff;background:var(--oc-color-bg-brand-solid);font:700 var(--oc-font-size-t2) var(--oc-font-family);white-space:nowrap;animation:demo-scene-in .36s ease}.interactive-demo #stage .item.demo-fx-pop{animation:demo-pop .76s cubic-bezier(.34,1.56,.64,1)}@keyframes demo-pop{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.06}to{scale:1}}.demo-overlay{position:absolute;inset:0;z-index:14;pointer-events:none;font-family:var(--oc-font-family)}.demo-overlay>*{pointer-events:auto}.demo-watch{position:absolute;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:var(--oc-radius-full);color:#fff;background:#0f1420d1;backdrop-filter:blur(6px);font-size:var(--oc-font-size-t2);animation:demo-scene-in .42s cubic-bezier(.22,1,.36,1);pointer-events:none!important}.demo-watch>.oc-ico{color:#ff4d4d;font-size:14px}.demo-watch-seats{display:flex}.demo-watch-seats .demo-avatar{width:22px;height:22px;margin-left:-5px;box-shadow:0 0 0 2px #0f1420e6;font-size:10px}.demo-watch-seats .demo-avatar:first-child{margin-left:0}.demo-watch-time{font-variant-numeric:tabular-nums;opacity:.85}.demo-watch-bar{width:72px;height:4px;overflow:hidden;border-radius:2px;background:#ffffff40}.demo-watch-bar i{display:block;width:100%;height:100%;background:#ff4d4d;transform-origin:left;animation:demo-watch 6s linear both}@keyframes demo-watch{0%{transform:scaleX(.35)}to{transform:scaleX(.6)}}.demo-share{position:absolute;top:64px;right:22px;width:min(620px,calc(100% - 44px));overflow:hidden;border-radius:var(--oc-radius-r4);background:#111827;box-shadow:0 24px 60px #0f172a52}.demo-share.is-entering{animation:demo-share-in .62s cubic-bezier(.22,1,.36,1)}@keyframes demo-share-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}.demo-share-head{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#fff;font-size:var(--oc-font-size-t2)}.demo-live-dot{width:9px;height:9px;border-radius:50%;background:#ff4d4d;animation:demo-live 1.2s ease-in-out infinite}@keyframes demo-live{50%{opacity:.35}}.demo-share-state{color:#9ca8bb}.demo-share-viewers{display:flex;margin-left:auto}.demo-share-viewers .demo-avatar{width:22px;height:22px;margin-left:-5px;box-shadow:0 0 0 2px #111827;font-size:10px}.interactive-demo .demo-share-close{min-height:28px;padding:0 10px;border:0;border-radius:var(--oc-radius-full);color:#cbd3df;background:#ffffff1a;font-size:var(--oc-font-size-t1);cursor:pointer}.demo-share-screen{position:relative;aspect-ratio:16 / 10;margin:0 8px 8px;overflow:hidden;border-radius:var(--oc-radius-r2);background:#fff}.demo-share-screen iframe{width:100%;height:100%;border:0;pointer-events:none}.demo-share-pointer{position:absolute;transform:translate(62%,30%);animation:demo-share-pointer 5s ease-in-out infinite}@keyframes demo-share-pointer{0%,to{transform:translate(260px,120px)}40%{transform:translate(420px,96px)}70%{transform:translate(360px,220px)}}.demo-chat{position:absolute;top:64px;right:22px;display:flex;flex-direction:column;width:min(330px,calc(100% - 44px));max-height:calc(100% - 180px);overflow:hidden;border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3),inset 0 0 0 1px var(--demo-line)}.demo-chat.is-entering{animation:demo-chat-in .52s cubic-bezier(.22,1,.36,1)}@keyframes demo-chat-in{0%{opacity:0;transform:translate(28px)}}.demo-chat-head{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--demo-line);font-size:var(--oc-font-size-t3)}.demo-chat-head .oc-ico{color:var(--demo-blue);font-size:16px}.demo-chat-head span{margin-left:auto;color:var(--demo-subtle);font-size:var(--oc-font-size-t2)}.demo-chat-list{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto}.demo-chat-row{display:flex;gap:9px}.demo-chat-row.is-new{animation:demo-caption-in .36s cubic-bezier(.22,1,.36,1)}.demo-chat-body{min-width:0}.demo-chat-who{color:var(--demo-subtle);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold)}.demo-chat-body p{margin:3px 0 0;padding:8px 11px;border-radius:4px 12px 12px;background:var(--oc-color-bg-layer-fill);font-size:var(--oc-font-size-t3);line-height:1.5;word-break:keep-all}.demo-chat-files{display:flex;gap:6px;margin-top:6px}.demo-chat-file{display:grid;place-items:end start;width:96px;height:70px;padding:6px;border-radius:var(--oc-radius-r2);color:#fff;font-size:var(--oc-font-size-t1)}.demo-chat-file.is-0{background:linear-gradient(135deg,#3e4a5c,#1f2632 60%,#c9a77c)}.demo-chat-file.is-1{background:linear-gradient(135deg,#f2b26b,#9b7650 55%,#3e4a5c)}.demo-chat-file.is-2{background:linear-gradient(135deg,#2f5bea,#12c6f3)}.demo-typing{display:inline-flex;gap:4px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--oc-color-bg-layer-fill)}.demo-typing:before,.demo-typing:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--demo-subtle);animation:demo-live .9s ease-in-out infinite}.demo-typing:after{animation-delay:.3s}.demo-intro,.demo-outro{position:absolute;left:50%;top:50%;width:min(520px,calc(100% - 48px));padding:26px 28px;border-radius:var(--oc-radius-r5);background:var(--oc-color-bg-layer-floating);box-shadow:0 24px 60px #0f172a2e,inset 0 0 0 1px var(--demo-line);transform:translate(-50%,-50%);pointer-events:none!important}.demo-intro,.demo-outro{animation:demo-card-in .6s cubic-bezier(.22,1,.36,1)}.demo-intro.is-leaving{animation:demo-card-out .5s ease forwards}@keyframes demo-card-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.97)}}@keyframes demo-card-out{to{opacity:0;transform:translate(-50%,calc(-50% - 12px)) scale(.98)}}.demo-intro-kicker,.demo-outro-kicker{display:flex;align-items:center;gap:6px;margin:0;color:var(--demo-blue);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold)}.demo-intro h2,.demo-outro h2{margin:8px 0 18px;font-size:var(--oc-font-size-t8);line-height:1.35;letter-spacing:-.02em;word-break:keep-all}.demo-intro-team{display:flex;flex-wrap:wrap;gap:8px}.demo-intro-seat{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 5px;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-layer-fill);font-size:var(--oc-font-size-t3);animation:demo-seat .52s cubic-bezier(.34,1.56,.64,1) calc(.3s + var(--i) * .18s) both}.demo-intro-seat small{color:var(--demo-subtle);font-size:var(--oc-font-size-t1)}@keyframes demo-seat{0%{opacity:0;transform:scale(.7)}}.demo-intro-joined{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:var(--oc-color-fg-positive);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);animation:demo-seat .4s ease 1s both}.demo-outro ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.demo-outro li{display:flex;align-items:flex-start;gap:8px;font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-medium);line-height:1.5;animation:demo-caption-in .42s cubic-bezier(.22,1,.36,1) calc(.5s + var(--i) * .26s) both}.demo-outro li .oc-ico{flex:none;margin-top:3px;padding:3px;border-radius:50%;color:#fff;background:var(--oc-color-bg-positive-solid);font-size:12px}.demo-outro-next{margin:18px 0 0;color:var(--demo-subtle);font-size:var(--oc-font-size-t3)}.demo-cursor.demo-agent{z-index:3;opacity:1;--person-color: #1f2b3d;transition:transform .42s cubic-bezier(.22,1,.36,1);pointer-events:none!important}.demo-cursor.demo-agent .demo-cursor-name:before{content:"✦ "}.demo-ai-label{position:absolute;top:56px;left:50%;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 14px;border-radius:var(--oc-radius-full);color:var(--demo-ink);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s2),inset 0 0 0 1px var(--demo-line);font-size:var(--oc-font-size-t2);line-height:1.45;transform:translate(-50%);animation:demo-scene-in .36s ease}.demo-ai-label .oc-ico{flex:none;color:var(--demo-blue);font-size:15px}.demo-ai-label a{flex:none;color:var(--demo-blue);font-weight:var(--oc-font-weight-bold);white-space:nowrap}.interactive-demo .demo-try{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--demo-line);border-radius:var(--oc-radius-full);color:var(--demo-ink);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t2);font-weight:var(--oc-font-weight-bold);cursor:pointer}.interactive-demo .demo-try .oc-ico{font-size:14px;color:var(--demo-blue)}.interactive-demo .demo-try:hover{border-color:var(--oc-color-stroke-brand-weak)}.interactive-demo .demo-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--demo-line);border-radius:var(--oc-radius-r2);color:var(--demo-ink);background:var(--oc-color-bg-layer-default);font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-bold);text-decoration:none;cursor:pointer}.demo-scope-note{margin:0;color:var(--demo-subtle);font-size:var(--oc-font-size-t1);line-height:1.6;word-break:keep-all}.demo-outro-own{margin-top:18px;pointer-events:auto}.demo-date-change{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--oc-radius-r3);color:var(--demo-ink);background:var(--oc-color-bg-layer-floating);box-shadow:0 16px 40px #0f172a38,inset 0 0 0 2px var(--oc-color-bg-brand-solid);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translate(-50%,-100%);animation:demo-seat .52s cubic-bezier(.34,1.56,.64,1);pointer-events:none!important}.demo-date-change s{color:var(--demo-subtle);font-weight:600;text-decoration-thickness:2px}.demo-date-change i{color:var(--demo-blue);font-style:normal}.demo-date-change b{color:var(--demo-blue)}.demo-date-change span{padding:3px 9px;border-radius:var(--oc-radius-full);color:#fff;background:var(--oc-color-bg-brand-solid);font-size:var(--oc-font-size-t2)}.demo-coach{position:absolute;display:grid;gap:4px;width:min(268px,calc(100% - 24px));padding:12px 14px;border-radius:var(--oc-radius-r3);color:#fff;background:var(--oc-color-bg-brand-solid);box-shadow:var(--oc-shadow-s3);font-size:var(--oc-font-size-t2);line-height:1.55;animation:demo-scene-in .36s ease;pointer-events:none!important}.demo-coach:before{content:"";position:absolute;top:-6px;left:22px;width:12px;height:12px;transform:rotate(45deg);background:inherit}.demo-coach strong{font-size:var(--oc-font-size-t3)}.demo-coach.is-done{background:var(--oc-color-bg-positive-solid)}.demo-trial{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:16px;background:#0f172a6b;backdrop-filter:blur(3px);font-family:var(--oc-font-family)}.demo-trial-card{display:grid;gap:12px;width:min(440px,100%);padding:24px;border-radius:var(--oc-radius-r5);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-floating);box-shadow:0 24px 60px #0f172a3d}.demo-trial-card h2{margin:0;font-size:var(--oc-font-size-t7)}.demo-trial-card p{margin:0;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t3);line-height:1.65;word-break:keep-all}.demo-trial-card .demo-trial-notice{padding:12px 14px;border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-fill);font-size:var(--oc-font-size-t2)}.demo-trial-check{display:flex;align-items:center;gap:8px;font-size:var(--oc-font-size-t3);font-weight:var(--oc-font-weight-medium);cursor:pointer}.demo-trial-check input{width:18px;height:18px}.demo-trial-card .demo-trial-error{color:var(--oc-color-fg-critical)}.demo-trial-actions{display:flex;gap:8px}.demo-trial-card .demo-primary,.demo-trial-card .demo-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--oc-radius-r2);font:700 var(--oc-font-size-t4) var(--oc-font-family);cursor:pointer}.demo-trial-card .demo-primary{border:0;color:#fff;background:var(--oc-color-bg-brand-solid)}.demo-trial-card .demo-primary:disabled{opacity:.6}.demo-trial-card .demo-secondary{border:1px solid var(--oc-color-stroke-neutral-muted);color:var(--oc-color-fg-neutral);background:var(--oc-color-bg-layer-default)}@media(min-width:1700px){body[data-entry-mode=demo] #app{grid-template-columns:minmax(0,1fr) 400px!important}.interactive-demo .demo-guide{padding:32px 30px 24px}}@media(max-width:1100px)and (min-width:760px){body[data-entry-mode=demo] #app{grid-template-columns:minmax(0,1fr) 300px!important}.demo-team{display:none}.demo-title{font-size:var(--oc-font-size-t7)}}@media(max-width:759px){body[data-entry-mode=demo]{overflow:auto}body[data-entry-mode=demo] #app,body[data-entry-mode=demo] #app.panel-left-collapsed,body[data-entry-mode=demo] #app.panel-right-collapsed{min-height:100dvh;height:auto;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:56px 50px min(70dvh,560px) auto 60px!important;grid-template-areas:"demohead" "demotabs" "stage" "demoguide" "demofoot"!important;overflow:visible}.interactive-demo .demo-header{gap:8px;padding:0 14px}.demo-brand{font-size:var(--oc-font-size-t5)}.demo-team{display:none}.demo-example{padding:2px 7px;font-size:var(--oc-font-size-t1)}.interactive-demo .demo-start{min-height:36px;padding:0 12px;font-size:var(--oc-font-size-t2)}.interactive-demo .demo-tabs{padding:0 8px}.interactive-demo .demo-tab{padding:0 12px;font-size:var(--oc-font-size-t3)}.interactive-demo .demo-guide{padding:20px 18px;border-left:0;border-top:1px solid var(--demo-line);overflow:visible}.demo-title{font-size:var(--oc-font-size-t8)}.interactive-demo .demo-footer{gap:6px;padding:0 14px}.demo-footer-note{display:none}.demo-stage-head{top:10px;left:12px;right:12px}.demo-stage-tools{display:none!important}.demo-caption{left:10px;right:10px;bottom:10px;max-width:none}.demo-scene-title,.demo-scene-feature span,.demo-voice-label,.demo-voice>.oc-ico,.demo-sound span,.demo-sound-cta small,.demo-try span{display:none}.interactive-demo .demo-sound-cta{top:54px;padding:10px 18px 10px 14px;font-size:var(--oc-font-size-t3)}.demo-scene{max-width:46%}.demo-stage-right{gap:6px}.interactive-demo .demo-stage-pause{padding:0 10px;white-space:nowrap}.demo-share{left:8px;right:8px;top:56px;width:auto}.demo-chat{inset:auto 8px 86px;width:auto;max-height:46%}.demo-intro,.demo-outro{width:calc(100% - 24px);padding:18px}.demo-intro h2,.demo-outro h2{font-size:var(--oc-font-size-t7)}.demo-caption-text{font-size:var(--oc-font-size-t3)}.demo-cursor-name{padding:3px 6px;font-size:var(--oc-font-size-t1)}.interactive-demo .k-calendar .database-calendar{min-width:0;height:auto;display:flex;flex-direction:column}.interactive-demo .k-calendar :is(.database-weekday,.database-day-number,.database-day-add){display:none}.interactive-demo .k-calendar .database-day:not(:has(.database-event)){display:none}.interactive-demo .k-calendar .database-day:has(.database-event){min-height:56px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:10px}.interactive-demo .k-calendar .database-day:before{content:attr(data-db-date);color:var(--demo-muted);font-size:var(--oc-font-size-t3);font-variant-numeric:tabular-nums}}@media(prefers-reduced-motion:reduce){.interactive-demo *,.interactive-demo *:before,.interactive-demo *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.interactive-demo :is(.demo-play,.demo-restart,.demo-stage-pause,.demo-primary,.demo-tab){min-height:44px}.interactive-demo .demo-stage-pause{min-height:34px}