.demo-ctx-preview{z-index:46;background:color-mix(in srgb, var(--bg) 22%, transparent);pointer-events:auto;place-items:center;padding:28px 32px;display:grid;position:absolute;inset:0}.demo-ctx-preview__sheet{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface);width:min(840px,94%);height:min(560px,86%);color:var(--text);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 64px #00000061}.demo-ctx-preview__head{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-direction:column;gap:12px;padding:16px 18px 12px;display:flex}.demo-ctx-preview__title-row{align-items:center;gap:10px;min-width:0;display:flex}.demo-ctx-preview__icon{flex-shrink:0;display:inline-flex}.demo-ctx-preview__icon svg{width:16px;height:16px}.demo-ctx-preview__title-text{flex:1;min-width:0}.demo-ctx-preview__title-text h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.demo-ctx-preview__title-text p{color:var(--text-muted);margin:2px 0 0;font-size:11px}.demo-ctx-preview__actions{align-items:center;gap:6px;display:inline-flex}.demo-ctx-preview__edit,.demo-ctx-preview__close{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 40%, transparent);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.demo-ctx-preview__edit{border-radius:8px;height:28px;padding:0 10px;font-size:12px;font-weight:600}.demo-ctx-preview__close{width:28px;height:28px;color:var(--text-muted);border-radius:8px;font-size:16px;line-height:1}.demo-ctx-preview__edit:hover,.demo-ctx-preview__close:hover{background:color-mix(in srgb, var(--surface) 80%, var(--bg))}.demo-ctx-preview__agents-block{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-ctx-preview__agents-block>span{color:var(--text-muted);font-size:11px;font-weight:600}.demo-ctx-preview__agents{scrollbar-width:thin;flex-wrap:nowrap;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.demo-ctx-preview__agent{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 35%, transparent);max-width:160px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:7px;padding:5px 8px 5px 5px;display:inline-flex}.demo-ctx-preview__agent:hover{color:var(--text);border-color:color-mix(in srgb, var(--border) 90%, var(--accent))}.demo-ctx-preview__agent.is-on{color:var(--text);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.demo-ctx-preview__agent i{border:1px solid var(--border);letter-spacing:.02em;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-flex}.demo-ctx-preview__agent.is-on i{border-color:var(--accent);background:var(--accent);color:#fff}.demo-ctx-preview__agent em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-style:normal;font-weight:600;overflow:hidden}.demo-ctx-preview__meta{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);align-items:center;gap:10px;padding:10px 18px;display:flex}.demo-ctx-preview__meta small{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;overflow:hidden}.demo-ctx-preview__tabs{background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;width:min(240px,42%);margin-left:auto;padding:2px;display:grid}.demo-ctx-preview__tabs button{height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600}.demo-ctx-preview__tabs button.is-on{background:color-mix(in srgb, var(--surface) 92%, var(--bg));color:var(--text);box-shadow:0 1px 2px #0000001f}.demo-ctx-preview__body{flex:1;min-height:0;padding:16px 22px 22px;overflow:auto}.demo-ctx-preview__body pre{color:var(--text-muted);white-space:pre-wrap;margin:0;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.demo-ctx-preview__report{max-width:68ch}.demo-ctx-preview__field{color:var(--text-muted);white-space:pre-wrap;margin:0 0 8px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.demo-ctx-preview__field span{color:var(--text)}.demo-ctx-preview__report h3{margin:18px 0 10px;font-size:22px;font-weight:700}.demo-ctx-preview__report p{color:var(--text);margin:0 0 10px;font-size:13.5px;line-height:1.6}
.demo-window__body{position:relative}.demo-context-links{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-context-links__path,.demo-context-links__halo{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.demo-context-links__path{stroke-width:1.25px;opacity:0;animation:.36s cubic-bezier(.22,.84,.28,1) forwards demo-context-link-draw}.demo-context-links__halo{stroke-width:2.5px;opacity:0;animation:.4s cubic-bezier(.22,.84,.28,1) forwards demo-context-link-halo}.demo-context-links__node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.28s cubic-bezier(.22,.84,.28,1) .22s forwards demo-context-link-node;transform:scale(.55)}@keyframes demo-context-link-draw{0%{opacity:0;stroke-dashoffset:1px}to{opacity:.72;stroke-dashoffset:0}}@keyframes demo-context-link-halo{0%{opacity:0;stroke-dashoffset:1px}to{opacity:.12;stroke-dashoffset:0}}@keyframes demo-context-link-node{to{opacity:.9;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-context-links__path,.demo-context-links__halo,.demo-context-links__node{opacity:.72;stroke-dashoffset:0;animation:none;transform:none}}
.demo-context-pool{--plane-top-bar-edge:color-mix(in srgb, var(--plane-border) 44%, transparent);box-sizing:border-box;border:1px solid var(--plane-top-bar-edge);background:var(--plane-glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.24);border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:28px;padding:4px;display:flex}.demo-context-pool__icons{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex;overflow:visible}.demo-context-chip{width:20px;height:20px;color:inherit;cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.demo-context-chip--live{background:color-mix(in srgb, currentColor 12%, transparent)}.demo-context-chip--live .demo-context-chip__pin{animation:1.6s ease-in-out infinite demo-context-live}@keyframes demo-context-live{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-context-chip--live .demo-context-chip__pin{animation:none}}.demo-context-chip:hover,.demo-context-chip:focus-visible{border-color:color-mix(in srgb, var(--plane-border) 40%, transparent);background:#1a1a28b3}.demo-context-chip:focus{outline:none}.demo-context-chip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.demo-context-chip__icon{justify-content:center;align-items:center;display:inline-flex}.demo-context-chip__pin{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--plane-glass-strong) 90%, transparent);border-radius:50%;position:absolute;top:1px;right:1px}.demo-context-chip__count{min-width:9px;color:var(--text);pointer-events:none;font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:0;right:0}.demo-context-chip__tip{z-index:4;background:color-mix(in srgb, var(--surface) 94%, #000);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--text);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)translate(4px)}.demo-context-chip:hover .demo-context-chip__tip,.demo-context-chip:focus-visible .demo-context-chip__tip{opacity:1;transform:translateY(-50%)translate(0)}.demo-context-pool__sep{background:var(--plane-top-bar-edge);border-radius:1px;width:16px;height:1px;margin:3px 0}.demo-context-pool__add{width:20px;height:20px;color:var(--text-muted);cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.demo-context-pool__add:hover{color:var(--text);background:#1a1a28b3}
.demo-git{background:var(--bg);height:100%;min-height:0;color:var(--text);grid-template-columns:minmax(0,1fr) minmax(240px,320px);font-size:12.5px;display:grid}.demo-git--mini{flex-direction:column;gap:4px;padding:6px 8px;font-size:10px;display:flex}.demo-git--mini p{margin:0;font-weight:650}.demo-git--mini span{color:var(--text-muted)}.demo-git__main{border-inline-end:1px solid color-mix(in srgb, var(--border) 55%, transparent);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid}.demo-git__bar,.demo-git__side header,.demo-git__commit>div{align-items:center;gap:8px;display:flex}.demo-git__bar{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);justify-content:space-between;padding:8px 10px}.demo-git__lead{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.demo-git__repo,.demo-git__cwd,.demo-git__mode button,.demo-git__bar-actions button,.demo-git__side header>button,.demo-git__commit button,.demo-git__group header button,.demo-git__pr-detail button{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);height:26px;color:var(--text);cursor:pointer;border-radius:7px;padding:0 8px;font:11.5px/1 inherit}.demo-git__cwd{max-width:16rem;color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.demo-git__cwd code{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px;overflow:hidden}.demo-git__branch{color:var(--text-muted);align-items:center;display:inline-flex}.demo-git__spark{width:26px;color:var(--accent);padding:0}.demo-git__mode{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:8px;padding:2px;display:inline-flex}.demo-git__mode button{color:var(--text-muted);background:0 0;border:0}.demo-git__mode button.is-on{background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--text)}.demo-git__changes,.demo-git__compare,.demo-git__files{min-height:0;overflow:auto}.demo-git__changes.has-diff{grid-template-columns:minmax(0,1fr) minmax(180px,42%);display:grid}.demo-git__compare,.demo-git__log{color:var(--text-muted);margin:0;padding:12px 14px;font-size:12px}.demo-git__log{border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);color:#3ecf8e}.demo-git__group header{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--surface) 88%, var(--bg));align-items:center;gap:8px;padding:5px 8px;display:flex}.demo-git__group h3{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.demo-git__group em{color:var(--text-muted);font-style:normal}.is-plus{color:#3ecf8e}.is-minus{color:#f07178}.demo-git__group header button{margin-left:auto}.demo-git__group ul{margin:0;padding:0 0 8px;list-style:none}.demo-git__group li{grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:28px;padding:0 12px;display:grid}.demo-git__group li.is-on{background:color-mix(in srgb, var(--accent) 8%, transparent)}.demo-git__group li.is-empty{color:var(--text-muted);padding:8px 12px 12px;display:block}.demo-git__group li>b{color:#e0b44f;font-size:11px}.demo-git__group li>button:first-of-type{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;overflow:hidden}.demo-git__group i{color:var(--text-muted);font-style:normal}.demo-git__stage{width:22px;color:var(--text-muted);padding:0}.demo-git__diff{border-inline-start:1px solid color-mix(in srgb, var(--border) 50%, transparent);min-width:0}.demo-git__diff header{border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);padding:8px 10px}.demo-git__diff code,.demo-git__diff pre{font:11px/1.45 ui-monospace,monospace}.demo-git__diff pre{color:var(--text-muted);white-space:pre-wrap;margin:0;padding:10px}.demo-git__commit{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--surface) 55%, var(--bg));flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.demo-git__commit textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:8px 10px;font:13px/1.4 inherit}.demo-git__commit>div span{color:var(--text-muted);margin-right:auto;font-size:11px}.demo-git__commit .is-primary{background:var(--accent);color:#fff;border:0}.demo-git__commit button:disabled{opacity:.4;cursor:default}.demo-git__side{background:color-mix(in srgb, var(--surface) 18%, var(--bg));flex-direction:column;min-width:0;min-height:0;display:flex}.demo-git__side header{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);justify-content:space-between;padding:8px 10px}.demo-git__prs,.demo-git__runs{margin:0;padding:0;list-style:none;overflow:auto}.demo-git__prs>li>button,.demo-git__runs li{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.demo-git__runs li{cursor:default;grid-template-columns:10px minmax(0,1fr)}.demo-git__prs i,.demo-git__runs i{background:#e0b44f;border-radius:50%;width:8px;height:8px}.demo-git__runs i.is-ok{background:#3ecf8e}.demo-git__runs i.is-run{background:#7aa2f7}.demo-git__prs b,.demo-git__runs b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;display:block;overflow:hidden}.demo-git__prs small,.demo-git__runs span{color:var(--text-muted);font-size:11px}.demo-git__prs em{color:#e0b44f;letter-spacing:.04em;font-size:10px;font-style:normal}.demo-git__prs strong{color:var(--text-muted);font-weight:400}.demo-git__pr-detail{padding:0 12px 10px 28px}.demo-git__pr-detail p{color:var(--text-muted);margin:0 0 8px;font-size:12px}.demo-git__pr-detail div{flex-wrap:wrap;gap:6px;display:flex}.demo-git__nudo{color:var(--text-muted);padding:8px 12px 14px;font-size:11px}@media (max-width:720px){.demo-git{grid-template-columns:1fr}}
.demo-fab-stack{--plane-fab-size:48px;--plane-fab-menu-size:32px;--plane-fab-gap:10px;--plane-fab-menu-gap:8px;z-index:50;width:var(--plane-fab-size);height:var(--plane-fab-size);position:absolute;bottom:20px;left:20px;overflow:visible}.demo-fab-stack__menu{left:0;bottom:calc(100% + var(--plane-fab-gap));z-index:0;align-items:flex-start;gap:var(--plane-fab-menu-gap);opacity:0;pointer-events:none;flex-direction:column;width:max-content;transition:opacity .18s,transform .28s cubic-bezier(.5,0,.85,.4);display:flex;position:absolute;transform:translateY(8px)}.demo-fab-stack__menu:before{content:"";background:color-mix(in srgb, var(--bg) 78%, transparent);opacity:0;z-index:-1;pointer-events:none;transition:opacity .22s;position:absolute;inset:-10px -14px}.demo-fab-stack--open .demo-fab-stack__menu:before{opacity:1}.demo-fab-stack__menu:after{content:"";height:calc(var(--plane-fab-gap) + 4px);position:absolute;top:100%;left:0;right:0}.demo-fab-stack--open .demo-fab-stack__menu{opacity:1;pointer-events:auto;transform:none}.demo-fab-row{color:var(--text);font:inherit;cursor:pointer;opacity:0;transition:opacity .16s,transform .26s cubic-bezier(.5,0,.85,.4);transition-delay:calc(var(--fab-index,0) * 18ms);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex;transform:translate(-8px,6px)scale(.94)}.demo-fab-stack--open .demo-fab-row{opacity:1;transition-delay:calc((var(--fab-count,1) - 1 - var(--fab-index,0)) * 34ms);transform:none}.demo-fab-row:disabled{opacity:.4;cursor:default}.demo-fab-row__disc{width:var(--plane-fab-menu-size);height:var(--plane-fab-menu-size);border:1px solid color-mix(in srgb, var(--fab-tint) 26%, var(--plane-border));background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--fab-tint) 16%, transparent), transparent 62%), color-mix(in srgb, var(--fab-tint) 9%, var(--plane-glass-strong));color:color-mix(in srgb, var(--fab-tint) 80%, var(--text));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.demo-fab-row__label{letter-spacing:-.015em;white-space:nowrap;text-shadow:0 1px 10px color-mix(in srgb, var(--bg) 72%, transparent);font-size:13px;font-weight:600}.demo-fab-row[data-highlight=true] .demo-fab-row__label{color:color-mix(in srgb, var(--fab-tint) 85%, var(--text))}.demo-fab-row__kbd{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-muted);border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:500}.demo-fab-trigger{z-index:1;width:var(--plane-fab-size);height:var(--plane-fab-size);border:1px solid color-mix(in srgb, var(--accent) 52%, transparent);color:#0c0c0e;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 92%, #fff), color-mix(in srgb, var(--accent) 58%, var(--accent-dim)));box-shadow:0 10px 26px -10px color-mix(in srgb, var(--accent) 55%, transparent), 0 6px 18px -12px #000000d9, inset 0 1px 0 #ffffff42;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .42s cubic-bezier(.16,1.16,.32,1),box-shadow .28s;display:inline-flex;position:absolute;bottom:0;left:0}.demo-fab-trigger:hover{transform:scale(1.06)}.demo-fab-trigger--open,.demo-fab-trigger--open:hover{transform:rotate(135deg)scale(.92)}
.demo-br-room{z-index:6;background:linear-gradient(color-mix(in srgb, var(--bg) 18%, transparent), color-mix(in srgb, var(--bg) 18%, transparent)), var(--bg);color:var(--text);grid-template-rows:56px minmax(0,1fr);grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,260px);display:grid;position:absolute;inset:0}.demo-br-room__bar{border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 52px;display:flex}.demo-br-room__tabs{gap:6px;display:flex}.demo-br-room__tabs button,.demo-br-room__ghost,.demo-br-room__keep,.demo-br-room__visual button,.demo-br-room__preview button{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px;padding:0 10px;font:12px/1 inherit}.demo-br-room__tabs button.is-on{background:var(--surface);color:var(--text)}.demo-br-room__bar-right{align-items:center;gap:8px;display:flex}.demo-br-room__chip{color:var(--text-muted);font-size:12px}.demo-br-room__close{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px}.demo-br-room__left,.demo-br-room__center,.demo-br-room__right{scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.demo-br-room__left{flex-direction:column;gap:14px;padding:12px 10px 20px 48px;display:flex}.demo-br-room__panel h3,.demo-br-room__goal span,.demo-br-room__right header h3{margin:0 0 8px;font-size:12px;font-weight:600}.demo-br-room__panel p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.45}.demo-br-room__said{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.demo-br-room__said>li>div{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.demo-br-room__said i{border:1.5px solid var(--border);border-radius:50%;width:8px;height:8px}.demo-br-room__said>li.is-done i{background:var(--text-muted);border-color:var(--text-muted)}.demo-br-room__said>li.is-now i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.demo-br-room__said ul{margin:4px 0 0;padding:0 0 0 16px;list-style:none}.demo-br-room__said button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:3px 4px;display:flex}.demo-br-room__said button.is-on,.demo-br-room__said button:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.demo-br-room__said b{font-size:12px}.demo-br-room__said span{color:var(--text-muted);font-size:11.5px;line-height:1.35}.demo-br-room__chip-row{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);width:100%;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:4px 8px;font:11.5px/1 inherit;display:flex}.demo-br-room__chip-row i{color:var(--accent);font-style:normal}.demo-br-room__center{padding:18px 28px 32px}.demo-br-room__goal{border-bottom:1px solid color-mix(in srgb, var(--border) 35%, transparent);margin-bottom:16px;padding-bottom:12px}.demo-br-room__goal span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.demo-br-room__goal h2{margin:4px 0 0;font-size:16px;font-weight:620;line-height:1.35}.demo-br-room__acta{border-left:2px solid var(--accent);padding-left:16px}.demo-br-room__acta ul{margin:0 0 16px;padding:0 0 0 18px}.demo-br-room__acta li,.demo-br-room__acta p{margin-bottom:8px;font-size:13.5px;line-height:1.55}.demo-br-room__acta h4{margin:18px 0 8px;font-size:13px}.demo-br-room__visual{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:12px;margin:18px 0;padding:12px 14px}.demo-br-room__visual h4{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.demo-br-room__visual button{text-align:left;width:100%;margin-bottom:6px;display:block}.demo-br-room__keep{margin-top:8px}.demo-br-room__md{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--text-muted);white-space:pre-wrap;border-radius:10px;margin:0;padding:14px 16px;font:12px/1.5 ui-monospace,monospace}.demo-br-room__preview{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);border-radius:12px;padding:18px}.demo-br-room__preview p:first-child{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.demo-br-room__jump{color:var(--text-muted);margin-top:16px;font-size:12.5px;line-height:1.45}.demo-br-room__right{padding:16px 18px 24px 8px}.demo-br-room__right header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.demo-br-room__right header em{color:var(--text-muted);font-size:12px;font-style:normal}.demo-br-room__seats{flex-direction:column;gap:10px;display:flex}.demo-br-room__seats article{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:10px;padding:10px 12px}.demo-br-room__seats article.is-talk{border-color:color-mix(in srgb, var(--seat,var(--accent)) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--seat,var(--accent)) 20%, transparent)}.demo-br-room__seats article header{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.demo-br-room__face{background:color-mix(in srgb, var(--seat,var(--accent)) 18%, transparent);border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.demo-br-room__seats strong{align-items:baseline;gap:6px;font-size:13px;display:flex}.demo-br-room__seats small{color:var(--text-muted);font-size:10px;font-weight:700}.demo-br-room__seats header span,.demo-br-room__state,.demo-br-room__tail{color:var(--text-muted);font-size:11.5px;line-height:1.35}.demo-br-room__seats header>div{flex-direction:column;min-width:0;display:flex}.demo-br-room__seats header em{color:var(--text-muted);font-size:10px;font-style:normal}.demo-br-room__state,.demo-br-room__tail{margin:6px 0 0}@media (max-width:980px){.demo-br-room{grid-template-rows:56px auto minmax(0,1fr) auto;grid-template-columns:1fr}.demo-br-room__left,.demo-br-room__right{padding-left:20px;padding-right:20px}}
.demo-br{--br-radius:10px;background:var(--bg,#f6f4ef);color:var(--text);z-index:4;grid-template-rows:52px minmax(0,1fr);animation:.34s cubic-bezier(.16,1,.3,1) both demo-br-in;display:grid;position:absolute;inset:0}@keyframes demo-br-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.demo-br__chrome{justify-content:flex-end;align-items:center;padding:18px 48px 10px 64px;display:flex}.demo-br__chrome-actions{align-items:center;gap:8px;display:flex}.demo-br__convoke{background:var(--text,#1b1b1f);height:28px;color:var(--bg,#fff);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:650}.demo-br__convoke:disabled{opacity:.35;cursor:default}.demo-br__icon,.demo-br__panel-close,.demo-br__card-more{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.demo-br__icon:hover,.demo-br__panel-close:hover,.demo-br__card-more:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover,#eceae4) 80%, transparent)}.demo-br__home{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 55%, #68b5c2) transparent;min-height:0;padding:8px 56px 56px 64px;overflow:auto}.demo-br__home::-webkit-scrollbar{width:10px}.demo-br__home::-webkit-scrollbar-track{background:0 0}.demo-br__home::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:linear-gradient(180deg, var(--accent), #68b5c2);border-radius:999px}.demo-br__title{letter-spacing:-.02em;margin:4px 0 18px;font-size:15px;font-weight:650}.demo-br__search{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--br-radius);background:var(--surface,#fff);height:36px;color:var(--text-muted);align-items:center;gap:9px;margin:0 0 14px;padding:0 12px;display:flex}.demo-br__search:focus-within{border-color:color-mix(in srgb, var(--accent,#5b8def) 55%, var(--border))}.demo-br__search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.demo-br__filter-toggle-row{margin:0 0 8px}.demo-br__filter-toggle{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.demo-br__filter-toggle--on{color:var(--text);border-color:color-mix(in srgb, var(--accent,#5b8def) 35%, var(--border))}.demo-br__filter-dot{background:var(--accent,#5b8def);border-radius:50%;width:6px;height:6px}.demo-br__filter-bar{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:0 0 8px;display:flex}.demo-br__segment{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.demo-br__segment+.demo-br__segment{border-left:1px solid var(--border);padding-left:12px}.demo-br__segment-label{color:var(--text-muted);font-size:10px;font-weight:500}.demo-br__pills{flex-wrap:wrap;gap:4px;display:inline-flex}.demo-br__pill{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;display:inline-flex}.demo-br__pill i{opacity:.7;font-variant-numeric:tabular-nums;font-size:9.5px;font-style:normal}.demo-br__pill:hover{color:var(--text);background:var(--surface-hover)}.demo-br__pill--on{border-color:color-mix(in srgb, var(--accent,#5b8def) 45%, transparent);background:color-mix(in srgb, var(--accent,#5b8def) 10%, transparent);color:var(--text);font-weight:600}.demo-br__less{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 16px;padding:0;font-size:12px}.demo-br__less:hover{color:var(--text)}.demo-br__grid{grid-template-columns:minmax(0,560px);gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-br__card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--br-radius);background:var(--surface,#fff);flex-direction:column;gap:8px;min-height:116px;padding:0;display:flex;position:relative}.demo-br__card-open{min-height:116px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:8px;padding:18px 18px 16px;display:flex}.demo-br__card:hover{border-color:color-mix(in srgb, var(--accent,#5b8def) 35%, var(--border))}.demo-br__card--faded{opacity:.75}.demo-br__card--faded:hover{opacity:1}.demo-br__card--run{border-color:color-mix(in srgb, var(--accent,#5b8def) 40%, var(--border))}.demo-br__live{background:var(--accent,#5b8def);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite demo-br-beat;position:absolute;top:14px;right:14px}@keyframes demo-br-beat{0%,to{opacity:.4}50%{opacity:1}}.demo-br__card-title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-right:22px;font-size:13px;font-weight:620;line-height:1.35;display:-webkit-box;overflow:hidden}.demo-br__agents{display:inline-flex}.demo-br__agents span{border:1.5px solid var(--bg,#f6f4ef);background:var(--bg-secondary,var(--surface-hover,#eceae4));width:20px;height:20px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-left:-5px;font-size:8.5px;font-weight:700;display:inline-flex}.demo-br__agents span:first-child{margin-left:0}.demo-br__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.demo-br__sep{opacity:.45}.demo-br__flag{color:var(--text-muted);font-weight:500}.demo-br__flag--run{color:var(--accent,#5b8def);font-weight:600}.demo-br__card-more{z-index:2;position:absolute;top:10px;right:10px}.demo-br__menu{z-index:3;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface);border-radius:10px;min-width:148px;padding:6px;position:absolute;top:40px;right:10px;box-shadow:0 12px 28px #00000047}.demo-br__menu button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px;display:block}.demo-br__menu button:hover{background:color-mix(in srgb, var(--bg) 55%, transparent)}.demo-br__menu .is-danger{color:#f07178}.demo-br__session{z-index:5;background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.demo-br__session-bar{align-items:center;gap:12px;padding:18px 48px 10px 64px;display:flex}.demo-br__session-bar h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;font-weight:650;overflow:hidden}.demo-br__session-chip{color:var(--text-muted);font-size:11px}.demo-br__session-seats{gap:8px;padding:0 56px 12px 64px;display:flex}.demo-br__session-seats span{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;display:inline-flex}.demo-br__session-seats i{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-radius:6px;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;font-weight:700;display:inline-grid}.demo-br__session-log{min-height:0;padding:8px 56px 24px 64px;overflow:auto}.demo-br__session-log article{max-width:68ch;margin-bottom:16px}.demo-br__session-log b{align-items:baseline;gap:8px;font-size:13px;display:flex}.demo-br__session-log em{color:var(--text-muted);font-size:11px;font-style:normal}.demo-br__session-log p{margin:6px 0 0;font-size:13.5px;line-height:1.55}.demo-br__session-log .is-talk p{color:var(--text-muted)}.demo-br__session-foot{gap:8px;padding:12px 56px 20px 64px;display:flex}.demo-br__session-foot input{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-muted);font:inherit;border-radius:999px;flex:1;padding:0 14px}.demo-br__session-foot button{background:var(--text);height:40px;color:var(--bg);font:inherit;border:0;border-radius:999px;padding:0 16px;font-size:12px;font-weight:650}.demo-br__empty{text-align:center;min-height:220px;color:var(--text-muted);place-items:center;gap:8px;font-size:13px;display:grid}.demo-br__empty-title{color:var(--text);margin:0;font-size:15px;font-weight:650}.demo-br__modal{z-index:6;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-br__modal-scrim{cursor:pointer;background:#0d0d146b;border:0;position:absolute;inset:0}.demo-br__panel{z-index:1;background:var(--surface,#14141c);border-radius:18px;flex-direction:column;gap:14px;width:min(680px,100%);max-height:calc(100% - 12px);padding:22px 24px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0d0d1461}.demo-br__panel-close{position:absolute;top:14px;right:14px}.demo-br__back{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:600}.demo-br__back:hover{color:var(--text)}.demo-br__field{flex-direction:column;gap:6px;display:flex}.demo-br__label{font-size:12px;font-weight:600}.demo-br__field textarea{border:0;border-bottom:1.5px solid var(--border);width:100%;color:var(--text);font:inherit;letter-spacing:-.02em;resize:none;background:0 0;border-radius:0;outline:none;padding:6px 2px 12px;font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.35}.demo-br__field textarea:focus{border-bottom-color:var(--accent,#5b8def)}.demo-br__field textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 75%, transparent)}.demo-br__hint{color:var(--text-muted);font-size:12px;line-height:1.4}.demo-br__who{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.demo-br__seats-wrap{scrollbar-width:thin;min-height:0;padding-right:2px;overflow:auto}.demo-br__who-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.demo-br__create{font:inherit;color:var(--accent,#5b8def);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:6px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.demo-br__create i{color:var(--text-muted);font-variant-numeric:tabular-nums;font-style:normal}.demo-br__strip-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 0;font-size:10px;font-weight:650}.demo-br__strip{flex-wrap:wrap;gap:6px;display:flex}.demo-br__strip-chip{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.demo-br__seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demo-br__seat{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg,#f6f4ef) 55%, var(--surface,#fff));min-height:92px;color:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 10px 8px;display:flex}.demo-br__seat-bar{background:var(--seat);border-radius:99px;width:100%;height:3px;margin-bottom:4px}.demo-br__seat--on{border-color:color-mix(in srgb, var(--seat) 50%, var(--border));background:color-mix(in srgb, var(--seat) 10%, var(--surface,#fff))}.demo-br__seat-head{align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.demo-br__coord{font-size:9px;line-height:1}.demo-br__coord--po{color:#7aa2f7}.demo-br__coord--tl{color:#8b93a7}.demo-br__coord--ar{color:#c084fc}.demo-br__seat-role{background:color-mix(in srgb, var(--text-muted) 12%, transparent);width:100%;color:var(--text-muted);border-radius:6px;margin:2px 0;padding:3px 7px;font-size:10px;display:block}.demo-br__seat-status{color:var(--text-muted);font-size:10.5px}.demo-br__seat-ctx{gap:4px;margin-top:4px;display:inline-flex}.demo-br__seat-ctx i{place-items:center;font-style:normal;display:grid}.demo-br__footer{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-shrink:0;align-items:center;gap:12px;padding-top:12px;display:flex}.demo-br__missing{min-width:0;color:var(--text-muted);flex:1;margin:0;font-size:12px}@media (max-width:720px){.demo-br__grid,.demo-br__seats{grid-template-columns:1fr}}
.demo-surface--cadence .demo-surface__bar{grid-template-columns:1fr auto auto;justify-content:stretch;align-items:center;display:grid}.demo-cadence__new{border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);background:var(--plane-glass-strong);height:26px;color:var(--text);cursor:pointer;border-radius:8px;justify-self:start;padding:0 10px;font:12px/1 inherit}.demo-surface__body--cadence-empty{justify-content:center}.demo-surface--cadence .schedule-empty svg{color:var(--text-muted)}.demo-surface--cadence .schedule-empty__starter-face{background:0 0;border-radius:0;width:auto;height:auto}.demo-surface--cadence .demo-surface__body--cadence,.demo-surface--cadence .demo-surface__body--cadence-split{align-items:stretch;padding:0;display:grid}.demo-surface--cadence .demo-surface__body--cadence>*,.demo-surface--cadence .demo-surface__body--cadence-split>*{max-width:none}.demo-surface--cadence .demo-surface__body--cadence{grid-template-columns:minmax(0,1fr)}.demo-surface--cadence .demo-surface__body--cadence-split{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:0}.demo-cadence-face{letter-spacing:.02em;width:26px;height:26px;color:var(--face,var(--accent));background:color-mix(in srgb, var(--face,var(--accent)) 14%, transparent);border:1px solid color-mix(in srgb, var(--face,var(--accent)) 28%, transparent);border-radius:999px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:650;display:inline-flex}.demo-cadence-list{border-inline-end:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--bg) 72%, transparent);min-width:0;min-height:0;overflow:auto}.demo-cadence-list ul{margin:0;padding:0;list-style:none}.demo-cadence-row{border:0;border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 14px;display:flex}.demo-cadence-row:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.demo-cadence-row[aria-selected=true]{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.demo-cadence-row i{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.demo-cadence-row i.is-live{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.demo-cadence-row .demo-cadence-face{width:26px;height:26px}.demo-cadence-row span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-cadence-row b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.demo-cadence-row small,.demo-cadence-row em{color:var(--text-muted);font-size:11px;font-style:normal}.demo-cadence-row[data-state=running] em{color:var(--accent)}.demo-cadence-detail{background:color-mix(in srgb, var(--bg) 78%, transparent);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.demo-cadence-detail--composer{grid-template-rows:auto minmax(0,1fr) auto;width:100%}.demo-cadence-detail__head{border-bottom:1px solid color-mix(in srgb, var(--hairline,var(--border)) 70%, transparent);flex-direction:column;gap:6px;padding:14px 18px 12px;display:flex}.demo-cadence-detail__eyebrow{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:650;display:inline-flex}.demo-cadence-detail[data-mode=write] .demo-cadence-detail__eyebrow{color:#e0b44f;text-transform:none}.demo-cadence-detail__head h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650;line-height:1.35}.demo-cadence-detail__who{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.demo-cadence-detail__who .demo-cadence-face{width:22px;height:22px;font-size:9px}.demo-cadence-detail__actions{flex-wrap:wrap;gap:6px;display:flex}.demo-cadence-detail__actions button,.demo-cadence-detail__foot button,.demo-cadence-confirm footer button{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);height:28px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 10px;font:12px/1 inherit}.demo-cadence-detail__actions button:disabled,.demo-cadence-detail__foot button:disabled{opacity:.4;cursor:default}.demo-cadence-detail__actions .is-danger,.demo-cadence-confirm .is-danger{color:#f07178}.demo-cadence-detail__foot .is-primary{background:var(--accent);color:#fff;border:0}.demo-cadence-detail__body{flex-direction:column;gap:18px;padding:16px 18px 24px;display:flex;overflow:auto}.demo-cadence-composer{flex-direction:column;gap:16px;max-width:560px;display:flex}.demo-cadence-section{border:1px solid color-mix(in srgb, var(--border) 48%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 55%, transparent) 0%, color-mix(in srgb, var(--bg-secondary,var(--bg)) 72%, transparent) 100%);border-radius:12px;flex-direction:column;gap:12px;padding:14px 14px 16px;display:flex}.demo-cadence-section header{align-items:flex-start;gap:10px;display:flex}.demo-cadence-section__step{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 18%, transparent);width:22px;height:22px;color:var(--accent);letter-spacing:-.02em;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.demo-cadence-section header h4{letter-spacing:-.015em;margin:0;font-size:13px;font-weight:650;line-height:1.25}.demo-cadence-section header p,.demo-cadence-composer__hint{color:var(--text-muted);margin:3px 0 0;font-size:12px;line-height:1.45}.demo-cadence-section__body{flex-direction:column;gap:10px;min-width:0;display:flex}.demo-cadence-section textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 45%, transparent);background:var(--bg-secondary,var(--bg));width:100%;color:var(--text);resize:vertical;border-radius:8px;margin:0;padding:8px 10px;font:13px/1.4 inherit}.demo-cadence-section textarea::placeholder{color:var(--text-muted)}.demo-cadence-ack{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:8px;margin:0;font-size:12.5px;line-height:1.4;display:flex}.demo-cadence-detail__foot{border-top:1px solid color-mix(in srgb, var(--hairline,var(--border)) 70%, transparent);background:var(--bg);justify-content:flex-end;align-items:center;gap:8px;height:56px;padding:0 18px;display:flex}.demo-cadence-detail__empty{text-align:center;height:100%;color:var(--text-muted);place-items:center;display:grid}.demo-cadence-detail__empty h3{color:var(--text);margin:0 0 6px;font-size:15px}.demo-cadence-step{flex-direction:column;gap:8px;max-width:560px;margin-bottom:18px;display:flex}.demo-cadence-step h4{margin:0;font-size:13px;font-weight:650}.demo-cadence-step p,.demo-cadence-step label{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.demo-cadence-agents{flex-wrap:wrap;gap:8px;display:flex}.demo-cadence-chip{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 40%, transparent);background:color-mix(in srgb, var(--surface) 50%, transparent);min-height:36px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:inline-flex}.demo-cadence-chip span{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.demo-cadence-chip b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.demo-cadence-chip small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.demo-cadence-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.demo-cadence-presets{flex-wrap:wrap;gap:6px;display:flex}.demo-cadence-presets button{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 45%, transparent);background:var(--bg-secondary,var(--bg));height:26px;color:var(--text-muted);cursor:pointer;border-radius:999px;padding:0 10px;font:11.5px/1 inherit}.demo-cadence-presets button[aria-checked=true]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.demo-cadence-presets button:disabled{opacity:.4}.demo-cadence-modes{gap:8px;display:grid}.demo-cadence-modes button{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.demo-cadence-modes button[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.demo-cadence-modes button[aria-pressed=true][data-mode=write]{background:#e0b44f1f;border-color:#e0b44f73}.demo-cadence-modes strong{font-size:13px}.demo-cadence-modes span{color:var(--text-muted);font-size:12px}.demo-cadence-step label{cursor:pointer;gap:8px;display:flex}.demo-cadence-attach{flex-direction:column;gap:8px;margin-top:4px;display:flex}.demo-cadence-attach__head{flex-direction:column;gap:2px;display:flex}.demo-cadence-attach strong{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:650}.demo-cadence-attach__head p,.demo-cadence-attach .is-empty{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.45}.demo-cadence-attach .is-empty em{color:color-mix(in srgb, var(--text) 70%, var(--text-muted));font-style:normal}.demo-cadence-attach ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.demo-cadence-attach li{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:12px;display:inline-flex}.demo-cadence-attach li span{color:var(--text-muted)}.demo-cadence-attach li button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.demo-cadence-attach__add{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 45%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);height:26px;color:var(--text);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:0 10px;font:11.5px/1 inherit;display:inline-flex}.demo-cadence-picker{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:var(--surface);border-radius:10px;gap:4px;max-width:280px;padding:6px;display:grid}.demo-cadence-picker button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.demo-cadence-picker button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 10%, transparent)}.demo-cadence-picker button:disabled{opacity:.4}.demo-cadence-facts{gap:12px;margin:0 0 18px;display:grid}.demo-cadence-facts dt{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.demo-cadence-facts dd{align-items:center;gap:8px;margin:4px 0 0;font-size:14px;display:flex}.demo-cadence-verdict{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-muted);border-radius:999px;padding:2px 7px;font-size:11px}.demo-cadence-verdict.is-changed{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.demo-cadence-out{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.demo-cadence-out.is-empty{color:var(--text-muted)}.demo-cadence-out.is-live{color:var(--accent)}.demo-cadence-confirm{z-index:8;background:color-mix(in srgb, var(--bg) 55%, transparent);place-items:center;display:grid;position:absolute;inset:0}.demo-cadence-confirm>div{border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:var(--surface);border-radius:12px;width:min(420px,88%);padding:18px}.demo-cadence-confirm p{margin:0 0 8px;font-size:14px}.demo-cadence-confirm small{color:var(--text-muted);margin-bottom:14px;display:block}.demo-cadence-confirm footer{justify-content:flex-end;gap:8px;display:flex}@media (max-width:860px){.demo-surface__body--cadence-split{grid-template-columns:1fr}}
.demo-cx{--conf-agent:#3d9b7a;color:var(--text);grid-template-rows:52px minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.demo-cx__bar{justify-content:flex-end;align-items:center;gap:8px;padding:14px;display:flex}.demo-cx__bar span,.demo-cx__bar button{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 28%, transparent);background:var(--plane-glass-strong,var(--surface));height:26px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.demo-cx__bar span{letter-spacing:.12em;text-transform:uppercase;padding:0 10px;font-size:11px;font-weight:600}.demo-cx__bar button{cursor:pointer;width:26px;padding:0}.demo-cx__body{grid-template-columns:minmax(176px,208px) minmax(0,1fr) minmax(212px,248px);gap:clamp(18px,2cqw,32px);min-height:0;padding:0 14px 14px 44px;display:grid;overflow:hidden}.demo-cx-list{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:4px 0;display:flex}.demo-cx-list__search{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 35%, transparent);background:var(--plane-glass-strong,var(--surface));min-height:30px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.demo-cx-list__search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:0;font:12px inherit}.demo-cx-list__search:focus-within{border-color:var(--accent)}.demo-cx-list__search input:focus{outline:none}.demo-cx-list__create{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 5%, transparent);min-height:30px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;font:11px inherit;display:flex}.demo-cx-list__create:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.demo-cx-list__items{scrollbar-width:thin;flex:1 1 0;min-height:0;padding:8px 4px;overflow:auto}.demo-cx-list__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;column-gap:9px;margin-bottom:4px;padding:10px;font:12px inherit;display:grid}.demo-cx-list__item:hover,.demo-cx-list__item[aria-current]{background:var(--plane-glass-strong,var(--surface));border-color:color-mix(in srgb, var(--plane-border,var(--border)) 45%, transparent)}.demo-cx-list__item[aria-current]{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 7%, transparent), var(--plane-glass-strong,var(--surface)));border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.demo-cx-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-cx-list__flag{color:var(--text-muted);place-items:center;display:grid}.demo-cx-doc{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.demo-cx-editor{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 42%, transparent);background:0 0;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.demo-cx-editor__header{border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-direction:column;gap:8px;padding:16px 16px 8px;display:flex}.demo-cx-editor__identity{align-items:flex-start;gap:10px;min-width:0;display:flex}.demo-cx-editor__identity-text{flex:1;min-width:0}.demo-cx-editor__name-row{align-items:center;gap:8px;min-width:0;display:flex}.demo-cx-editor__name-row h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:600;line-height:22px;overflow:hidden}.demo-cx-editor__kind{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:var(--plane-glass-strong,var(--surface));color:var(--text-muted);border-radius:8px;flex-shrink:0;padding:0 6px;font-size:10px;line-height:18px}.demo-cx-editor__purpose{color:var(--text-muted);align-items:center;margin:2px 0 0;font-size:12px;line-height:16px;display:flex}.demo-cx-editor__sharing{align-items:center;gap:4px;margin-left:auto;display:flex}.demo-cx-editor__sharing button,.demo-cx-editor__find{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.demo-cx-editor__toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo-cx-editor__status,.demo-cx-editor__scope{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:var(--plane-glass-strong,var(--surface));color:var(--text-muted);border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;line-height:16px;display:inline-flex}.demo-cx-editor__status[data-status=saved] svg{color:var(--conf-agent)}.demo-cx-editor__actions{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:var(--plane-glass-strong,var(--surface));border-radius:8px;align-items:center;min-width:160px;padding:2px;display:inline-flex}.demo-cx-editor__actions button{height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:0 8px;font:11px inherit}.demo-cx-editor__actions button.is-on{background:var(--text);color:var(--bg)}.demo-cx-editor__editor,.demo-cx-editor__preview{width:100%;min-height:0;color:var(--text);resize:none;background:0 0;border:0;flex:1 1 0;padding:16px;font:14px/1.85 inherit;overflow:auto}.demo-cx-editor__editor:focus{outline:1px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:-1px}.demo-cx-editor__preview p{margin:0 0 12px}.demo-cx-pins{min-width:0}.demo-cx-pins__head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.demo-cx-pins__head h3,.demo-cx-updates header h3,.demo-cx-notes header h3{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.demo-cx-pins__head span,.demo-cx-pins__hint{color:var(--text-muted);margin:0 0 8px;font-size:10px}.demo-cx-pins ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.demo-cx-pins li{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);color:var(--text-muted);border-radius:999px;padding:4px 8px;font-size:11px}.demo-cx-pins li.is-on{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.demo-cx-inspector{flex-direction:column;gap:16px;min-width:0;min-height:0;padding:8px 0;display:flex;overflow:hidden}.demo-cx-updates,.demo-cx-notes{flex-direction:column;min-height:0;font-size:12px;display:flex}.demo-cx-updates{flex:3 1 0}.demo-cx-notes{flex:7 1 0}.demo-cx-updates ul,.demo-cx-notes>ul{flex:1;min-height:0;margin:0;padding:4px 0 0;list-style:none;overflow:auto}.demo-cx-updates li+li{margin-top:6px}.demo-cx-updates button{border:1px solid color-mix(in srgb, var(--plane-border,var(--border)) 35%, transparent);background:var(--plane-glass-strong,var(--surface));width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:9px;display:grid}.demo-cx-updates time,.demo-cx-updates span{color:var(--text-muted);font-size:11px}.demo-cx-updates span{grid-column:1/-1}.demo-cx-notes p{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.demo-cx-notes>ul li{border:1px solid color-mix(in srgb, var(--border) 35%, transparent);border-radius:8px;margin-bottom:8px;padding:8px}.demo-cx-notes label{margin-top:auto;display:block}.demo-cx-notes textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:var(--plane-glass-strong,var(--surface));width:100%;min-height:72px;color:var(--text);resize:none;border-radius:8px;margin-top:10px;padding:8px 10px;font:12px/1.45 inherit}.demo-cx-notes__post{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:var(--plane-glass-strong,var(--surface));height:28px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;gap:6px;margin-top:8px;padding:0 10px;font:11px inherit;display:inline-flex}.demo-cx-notes__post:disabled{opacity:.45;cursor:default}@media (max-width:980px){.demo-cx__body{grid-template-columns:168px minmax(0,1fr);padding-left:36px}.demo-cx-inspector{display:none}}
.demo-wiki{--wiki-node-concept:#7aa2f7;--wiki-node-decision:#e8b4d8;--wiki-node-flow:#a8e8f5;--wiki-node-reference:#b8d4fc;--wiki-workbench-panel:248px;--hairline:color-mix(in srgb, var(--border) 70%, transparent);--caution:#e8b86d;--plane-top-bar-inset:14px;--plane-top-bar-height:26px;--plane-top-bar-radius:8px;background:0 0;animation:.34s cubic-bezier(.16,1,.3,1) both demo-surface-in;position:absolute;inset:0;overflow:hidden}.demo-wiki__canvas{inset:0 var(--wiki-workbench-panel) 0 0;position:absolute}.demo-wiki__canvas canvas,.wiki-graph-view__canvas canvas{width:100%;height:100%;display:block}.wiki-graph-view__canvas--entering{transform-origin:50%;animation:.9s cubic-bezier(.22,.82,.18,1) both wiki-map-enter}@keyframes wiki-map-enter{0%{opacity:0;filter:blur(8px);transform:scale(1.35)}to{opacity:1;filter:blur();transform:scale(1)}}.wiki-graph-view__node-badges{inset:0 var(--wiki-workbench-panel) 0 0;z-index:300;pointer-events:none;position:absolute}.wiki-graph-view__node-badge{pointer-events:none;position:absolute;transform:translate(-10%,-130%)}.badge{border:1px solid var(--border);background:var(--surface);max-width:min(40vw,190px);color:var(--text-muted);white-space:nowrap;border-radius:6px;align-items:center;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--accent{color:color-mix(in srgb, var(--accent) 22%, var(--text-muted));border-color:color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.wiki-graph-view__bar{top:var(--plane-top-bar-inset);right:calc(var(--wiki-workbench-panel) + var(--plane-top-bar-inset));z-index:310;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.wiki-graph-view__bar>*{pointer-events:auto}.wiki-graph-view__title{height:var(--plane-top-bar-height);border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);border-radius:var(--plane-top-bar-radius);background:var(--plane-glass-strong);color:var(--text);letter-spacing:-.01em;align-items:center;margin:0;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.wiki-graph-view__index-pill{border:1px solid var(--hairline);background:color-mix(in srgb, var(--bg-secondary) 82%, transparent);max-width:min(360px,32vw);min-height:26px;color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:11px;line-height:1.35}.wiki-graph-view__viewswitch{height:var(--plane-top-bar-height);border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);border-radius:var(--plane-top-bar-radius);background:var(--plane-glass-strong);align-items:center;gap:3px;padding:2px;display:inline-flex}.wiki-graph-view__viewswitch button{height:20px;min-height:20px;color:var(--text-muted);cursor:default;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 7px;font-size:11px}.wiki-graph-view__viewswitch button[aria-selected=true]{border-color:var(--hairline);background:var(--surface);color:var(--text)}.wiki-graph-view__close{width:var(--plane-top-bar-height);height:var(--plane-top-bar-height);border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);border-radius:var(--plane-top-bar-radius);background:var(--plane-glass-strong);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.wiki-graph-view__close:hover{background:color-mix(in srgb, var(--plane-glass-strong) 55%, var(--surface));border-color:color-mix(in srgb, var(--plane-border) 50%, transparent)}.wiki-graph-view__tooltip{z-index:410;border:1px solid color-mix(in srgb, var(--plane-border) 40%, transparent);background:var(--plane-glass-strong);pointer-events:none;border-radius:8px;flex-direction:column;gap:2px;max-width:260px;padding:6px 9px;display:flex;position:fixed}.wiki-graph-view__tooltip-title{color:var(--text);font-size:12px;font-weight:600}.wiki-graph-view__tooltip-type{letter-spacing:.04em;text-transform:uppercase;font-size:10px}.wiki-graph-view__tooltip-type--concept{color:var(--wiki-node-concept)}.wiki-graph-view__tooltip-type--decision{color:var(--wiki-node-decision)}.wiki-graph-view__tooltip-type--flow{color:var(--wiki-node-flow)}.wiki-graph-view__tooltip-type--reference{color:var(--wiki-node-reference)}.wiki-graph-view__side{z-index:306;width:var(--wiki-workbench-panel);border-left:1px solid var(--hairline);background:var(--bg-secondary);flex-direction:column;min-width:0;display:flex;position:absolute;inset:0 0 0 auto}.wiki-write-doors{background:var(--bg-secondary);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.wiki-write-doors__state{border-bottom:1px solid var(--hairline);flex:none;padding:12px 14px 10px}.wiki-write-doors__state-line{align-items:baseline;gap:8px;display:flex}.wiki-write-doors__state-n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace;font-size:15px;font-weight:650}.wiki-write-doors__state-unit,.wiki-write-doors__state-sub{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:11px}.wiki-write-doors__state-sub{margin-top:3px}.wiki-write-doors__modes{border:1px solid var(--hairline);background:var(--bg);border-radius:9px;flex:none;gap:2px;margin:10px 12px 0;padding:2px;display:flex}.wiki-write-doors__mode{min-width:0;height:24px;color:var(--text-muted);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:default;background:0 0;border:0;border-radius:7px;flex:1 1 0;padding:0 4px;font-size:10px;overflow:hidden}.wiki-write-doors__mode[aria-selected=true]{color:var(--text);background:color-mix(in srgb, var(--text) 9%, transparent)}.wiki-write-doors__byline{align-items:center;gap:7px;padding:9px 14px 0;display:flex}.wiki-write-doors__what{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.wiki-write-doors__who{border:1px solid var(--hairline);height:16px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;margin:0;padding:0 6px;font-size:9px;font-weight:800;display:inline-flex}.wiki-write-doors__who--you{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--hairline));background:color-mix(in srgb, var(--accent) 10%, transparent)}.wiki-write-doors__stack{flex-direction:column;flex:auto;min-height:0;display:flex}.wiki-write-doors__body{flex:auto;min-height:0;padding:8px 12px 14px;overflow:auto}.wiki-write-doors__log h5{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:9.5px;font-weight:700}.wiki-write-doors__log ol{margin:0;padding:0;list-style:none}.wiki-write-doors__log li{padding:6px 0 0}.wiki-write-doors__log p{margin:0;font-size:11.5px}.wiki-write-doors__tag{border:1px solid var(--hairline);vertical-align:middle;border-radius:4px;align-items:center;height:15px;margin-right:5px;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.wiki-write-doors__tag--you{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--hairline))}.wiki-write-doors__tag--it{color:var(--caution);border-color:color-mix(in srgb, var(--caution) 42%, var(--hairline))}.wiki-write-doors__tag--ask{color:var(--theme-cyan);border-color:color-mix(in srgb, var(--theme-cyan) 42%, var(--hairline))}.wiki-write-doors__log-time{color:var(--text-muted);margin-top:2px;font-size:10.5px;display:block}@media (max-width:860px){.demo-wiki{--wiki-workbench-panel:0px}.wiki-graph-view__side,.wiki-graph-view__index-pill{display:none}}@media (prefers-reduced-motion:reduce){.demo-wiki,.wiki-graph-view__canvas--entering{animation:none}}
.demo-surface{--radius:8px;--accent-solid:var(--accent);--accent-solid-fg:#fff;--danger:#f07178;color:var(--text);background:0 0;grid-template-rows:52px minmax(0,1fr);animation:.34s cubic-bezier(.16,1,.3,1) both demo-surface-in;display:grid;position:absolute;inset:0}@keyframes demo-surface-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.demo-surface__bar{justify-content:flex-end;align-items:center;gap:8px;padding:14px;display:flex}.demo-surface--pulse .demo-surface__bar{padding:18px 48px 10px 64px}.demo-surface__title{border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);background:var(--plane-glass-strong);letter-spacing:.12em;text-transform:uppercase;height:26px;color:var(--text-muted);border-radius:8px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.demo-surface__close{border:1px solid color-mix(in srgb, var(--plane-border) 28%, transparent);background:var(--plane-glass-strong);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.demo-surface__close:hover{color:var(--text);background:var(--surface-hover)}.demo-surface__body{scrollbar-width:thin;flex-direction:column;align-items:center;padding:8px 24px 32px 44px;display:flex;overflow:auto}.demo-surface--pulse .demo-surface__body{padding:8px 56px 56px 64px}.demo-surface__body>*{width:100%;max-width:min(1180px,100%)}.demo-surface__ghost{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;margin-top:12px;padding:.45rem .9rem;font-size:12px}.pulse{flex-direction:column;gap:28px;padding-top:8px;display:flex}.pulse__scope{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.pulse__scope-key{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.pulse__select{border:1px solid var(--border);background:var(--bg-secondary);min-width:140px;color:var(--text);border-radius:7px;padding:5px 10px;font-size:12px}.pulse__scope-spacer{flex:auto}.pulse__section{flex-direction:column;gap:16px;display:flex}.pulse__section-head{align-items:stretch;gap:12px;display:flex}.pulse__rail{background:var(--accent);border-radius:2px;flex:0 0 3px}.pulse__rail--fleet{background:linear-gradient(var(--accent) 0%, color-mix(in srgb, var(--accent) 30%, var(--text-muted)) 100%)}.pulse__section-titles{flex-direction:column;gap:2px;display:flex}.pulse__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.pulse__section-title{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.pulse__section-sub{max-width:68ch;color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.pulse__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.pulse__stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;min-width:0;padding:16px 18px;display:flex}.pulse__stat--accent .pulse__value{color:var(--accent)}.pulse__value{letter-spacing:-.02em;font-size:clamp(18px,4.5vw,22px);font-weight:600;line-height:1}.pulse__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:10px;display:flex}.pulse__delta{letter-spacing:0;text-transform:none;color:var(--accent)}.pulse__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px 18px}.pulse__panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pulse__panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.pulse__toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.pulse__toggle-btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:11px}.pulse__toggle-btn:not(.pulse__toggle-btn--on):hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.pulse__toggle-btn--on{color:#fff;background:var(--accent)}.pulse__grid{gap:3px;display:flex}.pulse__col{flex-direction:column;gap:3px;display:flex}.pulse__cell{background:color-mix(in srgb, var(--text) 12%, transparent);border-radius:2px;width:11px;height:11px}.pulse__cell[data-level="1"]{background:color-mix(in srgb, var(--accent) 35%, transparent)}.pulse__cell[data-level="2"]{background:color-mix(in srgb, var(--accent) 55%, transparent)}.pulse__cell[data-level="3"]{background:color-mix(in srgb, var(--accent) 78%, transparent)}.pulse__cell[data-level="4"]{background:var(--accent)}.pulse__legend{color:var(--text-muted);align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.pulse__roster{flex-direction:column;gap:12px;display:flex}.pulse-agent{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pulse-agent--open{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.pulse-agent__row{flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.pulse-agent__id{flex-direction:column;flex:140px;gap:3px;min-width:0;display:flex}.pulse-agent__name{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.pulse-agent__chip{letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:1px 6px;font-size:10px}.pulse-agent__meta{color:var(--text-muted);font-size:11px}.pulse-agent__num{font-variant-numeric:tabular-nums;font-size:13px}.pulse-agent__num small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:9px;display:block}.pulse-agent__auto{flex:120px;min-width:0}.pulse-agent__bar{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:4px;height:7px;display:flex;overflow:hidden}.pulse-agent__bar-seg{height:100%}.pulse-agent__bar-seg--ask{background:color-mix(in srgb, var(--accent) 35%, transparent)}.pulse-agent__bar-seg--plan{background:var(--accent)}.pulse-agent__bar-seg--auto{background:color-mix(in oklab, #f07178 55%, var(--accent) 45%)}.pulse-agent__spark{flex:0 0 72px;width:72px;height:22px}.pulse-agent__spark-area{fill:color-mix(in srgb, var(--accent) 16%, transparent)}.pulse-agent__spark-line{fill:none;stroke:var(--accent);stroke-width:1.4px;vector-effect:non-scaling-stroke}.pulse-agent__spark-dot{fill:var(--accent)}.schedule-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:36px 16px;display:flex}.schedule-empty h3{color:var(--text);margin:0;font-size:15px;font-weight:650}.schedule-empty p{max-width:44ch;margin:0;font-size:12.5px;line-height:1.45}.schedule-empty__caveat{opacity:.85;font-size:11.5px}.schedule-empty__starters{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:640px;margin-top:8px;display:grid}.schedule-empty__starter{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);min-height:108px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr) auto;gap:6px 10px;padding:14px 16px;display:grid}.schedule-empty__starter.is-on,.schedule-empty__starter:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.schedule-empty__starter-face{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;grid-row:1/3;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.schedule-empty__starter-title{grid-column:2;font-size:14px;font-weight:650;line-height:1.3}.schedule-empty__starter-objective{color:var(--text-muted);grid-column:2/4;font-size:13px;line-height:1.45}.schedule-empty__starter-interval{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;grid-column:3;height:22px;padding:0 8px;font:650 10.5px/22px ui-monospace,monospace}.demo-empty-copy{text-align:center;min-height:18rem;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.demo-empty-copy__title{color:var(--text);margin:0;font-size:15px;font-weight:650}.demo-empty-copy p{max-width:46ch;margin:0;font-size:12.5px;line-height:1.45}.lienzo-empty{flex-direction:column;align-items:flex-start;gap:10px;max-width:640px;padding:28px 8px;display:flex}.lienzo-empty__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:10px}.lienzo-empty h3{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650}.lienzo-empty p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.lienzo-empty__starters{gap:8px;width:100%;margin-top:8px;display:grid}.lienzo-empty__starter{border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.lienzo-empty__starter.is-on,.lienzo-empty__starter:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.lienzo-empty__starter strong{font-size:13px}.lienzo-empty__starter span{color:var(--text-muted);font-size:12px}.board-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:8px;display:grid}.board-col{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:10px;flex-direction:column;gap:8px;min-height:16rem;padding:10px;display:flex}.board-col header{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.board-col header i{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;padding:0 6px;font-style:normal}.board-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.board-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px}.board-card strong{font-size:13px}.board-card p{color:var(--text-muted);margin:0;font-size:12px}.contexts-sub{color:var(--text-muted);margin:0 0 12px;font-size:12px}.contexts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.contexts-card{border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.contexts-card.is-on{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.contexts-card--new{cursor:pointer;border-style:dashed}.contexts-card strong{font-size:13px}.contexts-card span{color:var(--text-muted);font-size:11px}@media (max-width:860px){.schedule-empty__starters,.board-cols,.contexts-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.demo-surface{animation:none}}
.demo-music{flex-shrink:0;align-items:center;height:24px;display:inline-flex;position:relative}.demo-music__wave{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:24px;display:inline-flex;position:relative}.demo-music__btn{z-index:1;width:100%;height:100%;color:var(--text-muted);cursor:pointer;opacity:.72;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,opacity .15s;display:flex;position:absolute;inset:0}.demo-music__btn:hover{background:color-mix(in srgb, var(--surface-hover) 72%, transparent);color:var(--text);opacity:1}.demo-music__btn:focus{outline:none}.demo-music__btn:focus-visible{outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px;color:var(--text);opacity:1}.demo-music__spectrum{pointer-events:none;opacity:.85;flex-shrink:0;justify-content:center;align-items:flex-end;gap:1.5px;width:100%;height:14px;padding:0 4px;display:inline-flex}.demo-music__spectrum--idle{opacity:.5}.demo-music__bar{transform-origin:bottom;width:1.5px;height:12px;transform:scaleY(var(--bar-lv,.12));background:color-mix(in srgb, var(--accent) 50%, var(--text-muted));border-radius:.5px;display:block}.demo-music__yt{clip:rect(0 0 0 0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}
.demo-theme-picker{z-index:40;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.demo-theme-picker__backdrop{background:color-mix(in srgb, var(--bg) 82%, transparent);cursor:default;border:0;position:absolute;inset:0}.demo-theme-picker__panel{z-index:1;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-secondary) 88%, var(--surface));border-radius:12px;flex-direction:column;width:min(920px,100%);height:min(520px,100%);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 64px -24px #0000008c}.demo-theme-picker__head{justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.demo-theme-picker__head h3{letter-spacing:.02em;margin:0;font-size:13px;font-weight:650}.demo-theme-picker__close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.demo-theme-picker__close:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 80%, transparent)}.demo-theme-picker__layout{flex:1;min-height:0;display:flex}.demo-theme-picker__aside{border-right:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--bg) 18%, var(--bg-secondary));flex-direction:column;flex:0 0 228px;gap:8px;padding:8px 10px 10px 12px;display:flex}.demo-theme-picker__audio{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.demo-theme-picker__audio a{color:var(--accent);text-decoration:none}.demo-theme-picker__audio a:hover{text-decoration:underline}.demo-theme-picker__main{flex-direction:column;flex:1;gap:8px;min-width:0;padding:8px 12px 10px 10px;display:flex}.demo-theme-picker__filter{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 40%, var(--surface));width:100%;height:28px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-size:12px}.demo-theme-picker__filter:focus{outline:1px solid color-mix(in srgb, var(--accent) 50%, transparent)}.demo-theme-picker__grid{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:hidden auto}.demo-theme-picker__grid::-webkit-scrollbar{width:0;height:0}.demo-theme-picker__group{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px;display:grid}.demo-theme-picker__group-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);grid-column:1/-1;padding:4px 2px 3px;font-size:9px;font-weight:650}.demo-theme-chip{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--bg) 35%, var(--surface));min-width:0;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.demo-theme-chip:hover,.demo-theme-chip--focus{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.demo-theme-chip--active{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent)}.demo-theme-chip__palette{flex-shrink:0;display:flex}.demo-theme-chip__orb{border:1px solid color-mix(in srgb, var(--bg) 55%, transparent);border-radius:50%;width:12px;height:12px;margin-left:-5px}.demo-theme-chip__orb:first-child{margin-left:0}.demo-theme-chip__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:10.5px;overflow:hidden}.demo-theme-chip--active .demo-theme-chip__name,.demo-theme-chip--focus .demo-theme-chip__name{color:var(--text)}.demo-theme-picker__foot{color:var(--text-muted);padding:6px 12px 8px;font-size:11px}.demo-theme-preview{border:1px solid color-mix(in srgb, var(--tp-border) 70%, transparent);background:var(--tp-bg);border-radius:10px;overflow:hidden}.demo-theme-preview__chrome,.demo-theme-preview__tabs{background:color-mix(in srgb, var(--tp-bg) 88%, var(--tp-surface));align-items:center;gap:4px;height:16px;padding:0 8px;display:flex}.demo-theme-preview__dot{background:color-mix(in srgb, var(--tp-muted) 55%, transparent);border-radius:50%;width:5px;height:5px}.demo-theme-preview__dot:first-child{background:color-mix(in srgb, var(--tp-accent) 45%, var(--tp-muted))}.demo-theme-preview__mark{background:color-mix(in srgb, var(--tp-muted) 35%, transparent);border-radius:2px;width:28%;height:4px;margin-left:auto}.demo-theme-preview__tab{background:color-mix(in srgb, var(--tp-tab-inactive) 92%, var(--tp-surface));border-radius:4px;width:28px;height:10px}.demo-theme-preview__tab--active{background:color-mix(in srgb, var(--tp-tab-active) 92%, var(--tp-surface));width:36px;box-shadow:0 0 0 1px color-mix(in srgb, var(--tp-accent) 50%, transparent)}.demo-theme-preview__add{opacity:.45;background:linear-gradient(var(--tp-muted), var(--tp-muted)) center / 8px 1.5px no-repeat, linear-gradient(var(--tp-muted), var(--tp-muted)) center / 1.5px 8px no-repeat;width:10px;height:10px}.demo-theme-preview__body{min-height:72px;display:flex}.demo-theme-preview__workspace{flex:1;grid-template-columns:1.1fr .9fr;gap:6px;min-width:0;padding:7px 6px 7px 7px;display:grid}.demo-theme-preview__pane{background:color-mix(in srgb, var(--tp-surface) 88%, var(--tp-bg));border:1px solid color-mix(in srgb, var(--tp-border) 70%, transparent);border-radius:6px;flex-direction:column;gap:5px;padding:6px;display:flex}.demo-theme-preview__pane--split{gap:6px}.demo-theme-preview__pills{gap:4px;margin-top:auto;display:flex}.demo-theme-preview__pill{background:color-mix(in srgb, var(--tp-muted) 40%, transparent);border-radius:999px;width:18px;height:6px}.demo-theme-preview__pill--accent{background:color-mix(in srgb, var(--tp-accent) 70%, transparent);width:12px}.demo-theme-preview__shape{background:color-mix(in srgb, var(--tp-accent) 42%, var(--tp-surface));border-radius:4px;width:55%;height:14px}.demo-theme-preview__dock{border-left:1px solid color-mix(in srgb, var(--tp-border) 75%, transparent);background:color-mix(in srgb, var(--tp-surface) 92%, var(--tp-bg));flex-direction:column;flex-shrink:0;gap:5px;width:52px;padding:7px 6px;display:flex}.demo-theme-preview__dock-head{background:color-mix(in srgb, var(--tp-fg) 35%, var(--tp-muted));border-radius:2px;width:70%;height:6px}.demo-theme-preview__dock-block{background:color-mix(in srgb, var(--tp-muted) 25%, var(--tp-bg));border:1px solid color-mix(in srgb, var(--tp-border) 60%, transparent);border-radius:4px;height:16px}.demo-theme-preview__dock-block--accent{background:color-mix(in srgb, var(--tp-accent) 22%, var(--tp-surface));border-color:color-mix(in srgb, var(--tp-accent) 40%, var(--tp-border));height:22px}.demo-theme-preview__dock-input{background:color-mix(in srgb, var(--tp-bg) 70%, var(--tp-surface));border:1px solid color-mix(in srgb, var(--tp-border) 65%, transparent);border-radius:4px;height:8px;margin-top:auto}.demo-theme-preview__card{background:color-mix(in srgb, var(--tp-muted) 22%, var(--tp-surface));border-radius:4px;height:10px}.demo-theme-preview__card--primary{background:color-mix(in srgb, var(--tp-accent) 28%, var(--tp-surface));height:18px}.demo-theme-preview__canvas{background:linear-gradient(135deg, color-mix(in srgb, var(--tp-accent) 18%, transparent), transparent 55%);border-radius:5px;flex:1;min-height:28px}.demo-theme-preview__meta{border-top:1px solid var(--tp-border);background:var(--tp-surface);color:var(--tp-fg);align-items:center;gap:8px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.demo-theme-preview__active{border:1px solid color-mix(in srgb, var(--tp-accent) 45%, transparent);background:color-mix(in srgb, var(--tp-accent) 14%, transparent);color:var(--tp-accent);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:9px}
.demo-tb{height:var(--titlebar-height);background:var(--chrome-bg);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid}.demo-tb__actions{z-index:6;justify-content:flex-end;align-items:center;gap:4px;display:flex;position:relative}.demo-tb__extras{opacity:0;visibility:hidden;pointer-events:none;filter:blur(8px);align-items:center;gap:4px;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),filter .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;display:flex;transform:translate(10px)}.demo-tb.is-on .demo-tb__extras,.demo-tb__actions:focus-within .demo-tb__extras{opacity:1;visibility:visible;pointer-events:auto;filter:none;transition-delay:0s;transform:none}.demo-tb__icon,.demo-tb__settings{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.demo-tb__icon:hover:not(:disabled),.demo-tb__settings:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 72%, transparent)}.demo-tb__icon:disabled{opacity:.35;cursor:default}.demo-tb__settings{background:color-mix(in srgb, var(--surface) 88%, var(--bg));width:28px;height:28px;color:var(--text);border-radius:8px}.demo-tb.is-on .demo-tb__settings,.demo-tb__settings:hover{background:color-mix(in srgb, var(--accent-dim) 42%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.demo-tb__theme{max-width:140px;min-height:28px;color:var(--text-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:inline-flex}.demo-tb__theme:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.demo-tb__swatch{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);border-radius:3px;width:18px;height:12px;display:flex;overflow:hidden}.demo-tb__swatch i{flex:1}.demo-tb__time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;font-size:11px}.demo-tb__panel{z-index:8;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface);min-width:200px;color:var(--text);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000005c}.demo-tb__panel p{color:var(--text-muted);margin:0 0 6px;font-size:12px}.demo-tb__panel p:last-child{margin-bottom:0}.demo-tb__panel button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 8px;font-size:12px;display:block}.demo-tb__panel button:hover,.demo-tb__panel button.is-on{background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.demo-tb__panel--search{width:280px}.demo-tb__panel--search input{border:1px solid var(--border);background:var(--bg);width:100%;height:32px;color:var(--text);font:inherit;border-radius:8px;margin-bottom:8px;padding:0 10px;font-size:13px}.demo-tb__panel--search ul{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){.demo-tb__extras{filter:none;transition:none}}
.demo-tools-rail{--plane-top-bar-edge:color-mix(in srgb, var(--plane-border) 44%, transparent);box-sizing:border-box;border:1px solid var(--plane-top-bar-edge);background:var(--plane-glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.24);interpolate-size:allow-keywords;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:28px;max-height:min(70vh,520px);padding:4px;transition:width .18s ease-out;display:flex}.demo-tools-rail__tools{flex-flow:column;align-items:center;gap:2px;width:100%;display:flex}.demo-tools-rail__anchor{flex-direction:column;align-items:center;width:100%;display:flex}.demo-tools-rail__sep{background:var(--plane-top-bar-edge);border:none;border-radius:1px;width:16px;height:1px;margin:3px 0}.demo-tools-rail__btn{box-sizing:border-box;width:20px;min-width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0;font-family:inherit;display:inline-flex;position:relative}.demo-tools-rail__btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--plane-border) 40%, transparent);background:#1a1a28b3}.demo-tools-rail__btn:focus{outline:none}.demo-tools-rail__btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.demo-tools-rail__btn--pressed{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.demo-tools-rail__label{opacity:0;white-space:nowrap;letter-spacing:-.01em;width:0;font-size:11px;font-weight:550;line-height:1;transition:width .18s ease-out,opacity .18s ease-out;overflow:hidden}.demo-tools-rail--expanded,.demo-tools-rail--collapsing{width:max-content}.demo-tools-rail--expanded .demo-tools-rail__tools,.demo-tools-rail--collapsing .demo-tools-rail__tools,.demo-tools-rail--expanded .demo-tools-rail__anchor,.demo-tools-rail--collapsing .demo-tools-rail__anchor{align-items:stretch}.demo-tools-rail--expanded .demo-tools-rail__btn,.demo-tools-rail--collapsing .demo-tools-rail__btn{justify-content:flex-start;gap:5px;width:100%;min-width:20px;padding-inline:1px 6px}.demo-tools-rail--expanded .demo-tools-rail__label{opacity:1;width:max-content}.demo-tools-rail--collapsing .demo-tools-rail__label{opacity:0;width:0}.demo-tools-rail--expanded .demo-tools-rail__sep,.demo-tools-rail--collapsing .demo-tools-rail__sep{width:100%}@media (prefers-reduced-motion:reduce){.demo-tools-rail,.demo-tools-rail__label{transition:none}}
.demo-window{--bg:#0d0d14;--bg-secondary:#13131e;--surface:#1a1a28;--surface-hover:#22223a;--border:#2a2a42;--text:#e2e2f0;--text-muted:#7878a8;--accent:#e04fa9;--accent-dim:#8c2e6b;--tab-active-bg:#1a1a28;--tab-inactive-bg:#0d0d14;--chrome-bg:color-mix(in srgb, var(--bg) 88%, var(--surface));--titlebar-height:36px;--tabbar-height:34px;--plane-grid-size:42.5px;--theme-cyan:#4ccec9;--theme-blue:#7aa2f7;--theme-magenta:#e04fa9;--plane-border:#2a2a42;--plane-glass-strong:#161622;--plane-terminal-accent:#4ccec9;--plane-fab-size:48px;z-index:1;background-color:var(--bg);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:100%;max-width:1200px;color:var(--text);font-size:var(--demo-font-size,13px);font-family:var(--font-sansation), var(--font-sans), system-ui, sans-serif;border-radius:10px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -24px #000000b8,0 0 0 1px #ffffff08}.demo-window--app{max-width:none;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;margin:0;display:flex}.demo-window--app .demo-window__body-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.demo-window--app .demo-window__body{height:100%;min-height:0}.demo-window__titlebar{height:var(--titlebar-height);background:var(--chrome-bg);border-bottom:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:0 8px;display:grid}.demo-window__traffic-lights{align-items:center;gap:.5rem;display:flex}.demo-window__light{border-radius:50%;width:12px;height:12px}.demo-window__light--red{background-color:#ff5f57}.demo-window__light--amber{background-color:#febc2e}.demo-window__light--green{background-color:#28c840}.demo-window__wordmark{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 70%, transparent);text-align:center;white-space:nowrap;margin:0;font-size:12px;font-weight:700}.demo-window__titlebar-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.demo-window__titlebar-icon{width:22px;height:22px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-window__sparkline{opacity:.5;align-items:flex-end;gap:2px;height:16px;display:flex}.demo-window__sparkline-bar{background-color:var(--color-primary-400,#60a5fa);border-radius:1px;width:3px}.demo-window__sparkline-bar:first-child{height:6px}.demo-window__sparkline-bar:nth-child(2){height:10px}.demo-window__sparkline-bar:nth-child(3){height:8px}.demo-window__sparkline-bar:nth-child(4){height:14px}.demo-window__sparkline-bar:nth-child(5){height:9px}.demo-window__sparkline-bar:nth-child(6){height:12px}.demo-window__sparkline-bar:nth-child(7){height:7px}.demo-window__theme{max-width:160px;min-height:28px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 6px;font-family:inherit;font-size:12px;display:inline-flex}.demo-window__theme:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.demo-window__theme-palette{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);border-radius:3px;flex-shrink:0;width:18px;height:12px;display:flex;overflow:hidden}.demo-window__theme-palette span{flex:1}.demo-window__theme-swatch{background:linear-gradient(135deg,#7aa2f7 0%,#bb9af7 100%);border-radius:2px;flex-shrink:0;width:10px;height:10px}.demo-window__settings{background:color-mix(in srgb, var(--surface) 88%, var(--bg));width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-window__time{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;padding:0 4px;font-size:.6875rem}.demo-window__tabbar{height:var(--tabbar-height);background:0 0;border-bottom:none;align-items:stretch;gap:8px;padding:3px 8px;display:flex}.demo-window__tab{--tab-shape-radius:8px;isolation:isolate;min-width:128px;max-width:200px;color:var(--text-muted);border-radius:var(--tab-shape-radius);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;align-items:center;gap:6px;padding:0 3px 0 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.15;display:inline-flex;position:relative}.demo-window__tab:before{content:"";z-index:0;background-color:color-mix(in srgb, var(--tab-inactive-bg) 92%, var(--surface));border-radius:inherit;position:absolute;inset:0}.demo-window__tab:after{content:"";z-index:3;border:2px solid color-mix(in srgb, var(--border) 16%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.demo-window__tab>*{z-index:2;position:relative}.demo-window__tab--active{color:var(--text)}.demo-window__tab--active:before{background-color:color-mix(in srgb, var(--tab-active-bg) 92%, var(--surface))}.demo-window__tab--active:after{border-color:color-mix(in srgb, var(--accent) 44%, var(--border))}div.demo-window__tab{color:var(--text)}.demo-window__tab-icon{opacity:.5;flex-shrink:0;align-items:center;transition:color .22s,opacity .22s;display:flex}.demo-window__tab--active .demo-window__tab-icon{opacity:1;color:#df50a9}.demo-window__tab-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.demo-window__tab-number{font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:1;flex-shrink:0;margin-left:2px;margin-right:2px;font-size:11px;font-weight:600;line-height:1}.demo-window__tab--active .demo-window__tab-number{color:var(--text);opacity:.72}.demo-window__tab-close{opacity:0;color:#ffffff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .12s,background .12s,border-color .12s,color .12s;display:flex}.demo-window__tab:hover .demo-window__tab-close,.demo-window__tab--active .demo-window__tab-close{opacity:1}.demo-window__tab-close[aria-disabled=true]{opacity:.35;cursor:default;pointer-events:none}.demo-window__tab-add{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.demo-window__tab-add:hover:not(:disabled),.demo-window__tab-add:focus-visible:not(:disabled){color:var(--text);background-color:color-mix(in srgb, var(--surface) 72%, transparent)}.demo-window__tab-add:disabled{cursor:default;color:var(--text-muted);opacity:.7}.demo-window__tab-chevron{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-primary-400,#60a5fa);font-size:.6875rem}.demo-window__actions{border-bottom:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.demo-window__project-chip,.demo-window__org-chip{color:#ffffffb8;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.demo-window__org-caret{color:#ffffff73;font-size:10px}.demo-window__body-wrap{zoom:var(--demo-ui-zoom,1);position:relative;overflow:hidden}.demo-window__body{background-color:var(--bg);background-image:radial-gradient(ellipse 70% 50% at 50% 42%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%), linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px);background-size:auto, var(--plane-grid-size) var(--plane-grid-size), var(--plane-grid-size) var(--plane-grid-size);justify-content:center;align-items:center;height:46rem;display:flex;position:relative;overflow:hidden}.demo-window__body-content{z-index:1;box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:0;padding:.5rem 3rem 2.5rem;display:flex;position:relative;overflow:hidden}.demo-window__body-content--surface{padding:0}.demo-window__rail{z-index:2;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.demo-window__rail--left{z-index:5;pointer-events:auto;left:8px;overflow:visible}.demo-window__rail--right{pointer-events:auto;right:8px;overflow:visible}.demo-window--picker-open .demo-window__rail,.demo-window--picker-open .demo-fab-stack{visibility:hidden;pointer-events:none}.demo-window__rail-panel{border:1px solid color-mix(in srgb, var(--plane-border) 44%, transparent);background:var(--plane-glass-strong);width:28px;box-shadow:none;-webkit-backdrop-filter:blur(16px)saturate(1.24);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex}.demo-window__rail-item{color:#ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.demo-window__rail-item--active{color:#df50a9;background:#ffffff0f}.demo-window__context-chip{border-radius:2px;width:8px;height:8px;display:block}.demo-window__context-chip--1{background:#df50a9}.demo-window__context-chip--2{background:#9a8bb8}.demo-window__context-chip--3{background:#7ca5bf}.demo-window__context-chip--4{background:#68b5c2}.demo-window__rail-separator{background:#ffffff14;width:100%;height:1px;margin-block:2px;display:block}.demo-window__fab{--fab-tint:var(--accent);z-index:3;width:var(--plane-fab-size);height:var(--plane-fab-size);border:1px solid color-mix(in srgb, var(--fab-tint) 26%, var(--plane-border));background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--fab-tint) 16%, transparent), transparent 62%), color-mix(in srgb, var(--fab-tint) 9%, var(--plane-glass-strong));color:color-mix(in srgb, var(--fab-tint) 72%, var(--text));border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:20px;box-shadow:0 8px 22px -10px #000000b8,inset 0 1px #ffffff17}.demo-window__fab--left{--fab-tint:var(--plane-terminal-accent);cursor:pointer;pointer-events:auto;left:20px}.demo-window__fab:hover:not(:disabled){border-color:color-mix(in srgb, var(--fab-tint) 55%, transparent);background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--fab-tint) 30%, transparent), transparent 64%), color-mix(in srgb, var(--fab-tint) 18%, var(--plane-glass-strong));color:color-mix(in srgb, var(--fab-tint) 92%, var(--text));transform:translateY(-2px)scale(1.09)}.demo-window__fab:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--fab-tint) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--fab-tint) 34%, transparent);outline:none}.demo-window__fab:disabled{--fab-tint:#8a8a94;cursor:default;opacity:.4}.demo-window__fab-terminal{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;font-size:.8125rem;font-weight:600}.demo-window__footer{z-index:4;pointer-events:auto;position:absolute;bottom:.4rem;left:6.5rem;right:6.5rem}@media (max-width:1100px){.demo-window__body{height:auto;min-height:34rem}}@media (max-width:767px){.demo-window__body{min-height:22rem}.demo-window__rail,.demo-window__sparkline,.demo-music{display:none}}.demo-window--light{color:#334155;background-color:#fff;border-color:#0f172a1a;box-shadow:0 24px 60px -20px #0f172a47,0 0 0 1px #0f172a0a}.demo-window--light .demo-window__titlebar,.demo-window--light .demo-window__tabbar,.demo-window--light .demo-window__actions{background-color:#f8fafc;border-color:#0f172a14}.demo-window--light .demo-window__wordmark,.demo-window--light .demo-window__titlebar-icon,.demo-window--light .demo-window__theme,.demo-window--light .demo-window__time,.demo-window--light .demo-window__tab,.demo-window--light .demo-window__tab-number,.demo-window--light .demo-window__tab-add,.demo-window--light .demo-window__org-caret{color:#64748b}.demo-window--light .demo-window__theme-swatch{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #0f172a1f}.demo-window--light .demo-window__tab,.demo-window--light .demo-window__tab-add{border-color:#0f172a14}.demo-window--light .demo-window__tab--active,.demo-window--light div.demo-window__tab{color:#0f172a;background-color:#fff}.demo-window--light .demo-window__tab-close,.demo-window--light .demo-window__project-chip,.demo-window--light .demo-window__org-chip,.demo-window--light .demo-window__fab,.demo-window--light .demo-window__rail-panel{color:#475569;background:#ffffffe0;border-color:#0f172a1f}.demo-window--light .demo-window__tab-close:hover,.demo-window--light .demo-window__tab-add:hover:not(:disabled),.demo-window--light .demo-window__tab-add:focus-visible:not(:disabled),.demo-window--light .demo-window__fab--left:hover:not(:disabled){color:#0f172a;background-color:#0f172a0f}.demo-window--light .demo-window__body{background-color:#f8fafc;background-image:radial-gradient(60% 40% at 50% 100%,#df50a91a,#0000 70%),linear-gradient(#0f172a0d 1px,#0000 1px),linear-gradient(90deg,#0f172a0d 1px,#0000 1px)}.demo-window--light .demo-window__rail-item,.demo-window--light .demo-window__tab-close,.demo-window--light .demo-window__fab{color:#64748b}.demo-window--light .demo-window__rail-item--active{color:#df50a9;background:#df50a914}.demo-window--light .demo-window__rail-separator{background:#0f172a1a}.demo-window--light .demo-window__fab,.demo-window--light .demo-mini-card{box-shadow:0 12px 30px #0f172a24}.demo-window--light .demo-panel,.demo-window--light .demo-room,.demo-window--light .demo-room-setup,.demo-window--light .demo-terminal,.demo-window--light .demo-roster{color:#334155}.demo-window--light .demo-panel__lead,.demo-window--light .demo-panel__subtitle,.demo-window--light .demo-role-option__hint,.demo-window--light .demo-role-card__footer,.demo-window--light .demo-plane-empty,.demo-window--light .demo-terminal__cwd,.demo-window--light .demo-terminal__line--output,.demo-window--light .demo-wave__sub,.demo-window--light .demo-wave__role,.demo-window--light .demo-wave__count,.demo-window--light .demo-room-setup__hint,.demo-window--light .demo-room-setup__ceremony-goal,.demo-window--light .demo-room__chip,.demo-window--light .demo-room__round-sep,.demo-window--light .demo-room__role,.demo-window--light .demo-room__pip-label,.demo-window--light .demo-suggestions-label,.demo-window--light .demo-suggestion-chip{color:#64748b}.demo-window--light .demo-panel__title,.demo-window--light .demo-role-option__label,.demo-window--light .demo-agent-card__name,.demo-window--light .demo-provider-card,.demo-window--light .demo-room-setup__title,.demo-window--light .demo-room-setup__label,.demo-window--light .demo-room-setup__goal-text,.demo-window--light .demo-room-setup__gate-label,.demo-window--light .demo-room-setup__gate-value,.demo-window--light .demo-room__goal,.demo-window--light .demo-room__speaker,.demo-window--light .demo-room__text,.demo-window--light .demo-wave__prompt,.demo-window--light .demo-wave__title,.demo-window--light .demo-wave__specialist,.demo-window--light .demo-terminal__line--command{color:#0f172a}.demo-window--light .demo-role-card,.demo-window--light .demo-provider-card,.demo-window--light .demo-agent-card,.demo-window--light .demo-roster-card,.demo-window--light .demo-mini-card,.demo-window--light .demo-room-setup__goal-text,.demo-window--light .demo-room-setup__participant,.demo-window--light .demo-room__row,.demo-window--light .demo-composer-input-shell,.demo-window--light .demo-terminal,.demo-window--light .demo-target-pill{background:#ffffffd1;border-color:#0f172a1a}.demo-window--light .demo-role-option,.demo-window--light .demo-role-card__footer,.demo-window--light .demo-plane-composer,.demo-window--light .demo-room__head,.demo-window--light .demo-room__timeline-wrap,.demo-window--light .demo-terminal__header{border-color:#0f172a14}.demo-window--light .demo-role-option:hover,.demo-window--light .demo-role-option:focus-visible,.demo-window--light .demo-provider-card:hover:not(:disabled),.demo-window--light .demo-room__row,.demo-window--light .demo-terminal__header{background:#f8fafceb}.demo-window--light .demo-agent-card,.demo-window--light .demo-roster-card,.demo-window--light .demo-mini-card{background:radial-gradient(90% 70% at 12% -10%,#df50a917 0%,#0000 58%),linear-gradient(165deg,#fffffff5 0%,#f1f5f9eb 100%)}.demo-window--light .demo-agent-card__monogram,.demo-window--light .demo-agent-card__role,.demo-window--light .demo-roster-card__monogram,.demo-window--light .demo-roster-card__meta-icon,.demo-window--light .demo-roster-card__engine,.demo-window--light .demo-roster-card__status,.demo-window--light .demo-roster-card__line,.demo-window--light .demo-roster-card__context,.demo-window--light .demo-roster-card__results,.demo-window--light .demo-mini-card__badge,.demo-window--light .demo-mini-card__status,.demo-window--light .demo-mini-card__line,.demo-window--light .demo-mini-card__close{color:#64748b}.demo-window--light .demo-agent-card__remove,.demo-window--light .demo-roster-card__engine,.demo-window--light .demo-roster-card__context,.demo-window--light .demo-mini-card__badge,.demo-window--light .demo-room__role,.demo-window--light .demo-room__avatar,.demo-window--light .demo-room__chip,.demo-window--light .demo-room__close{background:#f1f5f9e0;border-color:#0f172a1a}.demo-window--light .demo-roster-card__name,.demo-window--light .demo-roster-card__status,.demo-window--light .demo-roster-card__line,.demo-window--light .demo-room__avatar{color:#334155}.demo-window--light .demo-room__row--speaking,.demo-window--light .demo-target-pill--active{color:#0f172a;background:#fceef6;border-color:#df50a9}.demo-window--light .demo-composer-input{color:#0f172a}.demo-window--light .demo-composer-input::placeholder{color:#94a3b8}.demo-window--light .demo-suggestion-chip:hover{color:#334155}.demo-window--light .demo-terminal__body{background:#fff}.demo-window--light .demo-terminal__title{color:#64748b}.demo-window--light .demo-terminal__cursor{background:#0f172a}.demo-window--light .demo-wave__bar,.demo-window--light .demo-wave__group,.demo-window--light .demo-room__round-sep:before,.demo-window--light .demo-room__round-sep:after{background:#0f172a14;border-color:#0f172a1a}.demo-window--light .demo-wave__text{color:#475569}.demo-window--light .demo-wave__dot{background:#0f172a38}.demo-window--light .demo-room__lane::-webkit-scrollbar-thumb{background:#0f172a2e}.demo-window--light .demo-room__timeline::-webkit-scrollbar-thumb{background:#0f172a2e}.demo-window--light .demo-roster::-webkit-scrollbar-thumb{background:#0f172a2e}
.demo-roster{scrollbar-width:thin;color:#ffffffe0;width:200px;min-height:0;max-height:100%;font-family:var(--font-sans), system-ui, sans-serif;flex-direction:column;flex-shrink:0;justify-content:flex-start;gap:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.demo-roster::-webkit-scrollbar{width:6px}.demo-roster::-webkit-scrollbar-track{background:0 0}.demo-roster::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.demo-roster-card{box-sizing:border-box;width:100%;min-height:82px;color:inherit;text-align:left;cursor:pointer;isolation:isolate;background:radial-gradient(90% 70% at 12% -10%,#df50a914 0%,#0000 58%),linear-gradient(165deg,#ffffff0a 0%,#0a0c12eb 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex:none;padding:8px 10px 24px;transition:border-color .16s,background .16s,opacity .16s;display:flex;position:relative;overflow:visible}.demo-roster-card__glow{pointer-events:none;z-index:0;opacity:.22;border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff0a 42%,#0000 70%);position:absolute;inset:0}.demo-roster-card:hover{border-color:#ffffff29}.demo-roster-card:focus{outline:none}.demo-roster-card:focus-visible{outline-offset:2px;outline:2px solid #df50a9b3}.demo-roster-card--idle{opacity:.78}.demo-roster-card--working{border-color:#df50a973}.demo-roster-card--done{border-color:#68b5c266}.demo-roster-card--target{border-color:#df50a9}.demo-roster-card__main{z-index:1;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.demo-roster-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.demo-roster-card__identity{align-items:center;gap:6px;min-width:0;display:flex}.demo-roster-card__monogram{color:#ffffffb8;flex:none;font-size:11px;font-weight:650;line-height:1.15}.demo-roster-card__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;color:#fffffff2;flex:0 auto;min-width:0;font-size:12px;font-weight:650;line-height:1.15;overflow:hidden}.demo-roster-card__meta{flex-shrink:0;justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.demo-roster-card__meta-icon{color:#ffffff73;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.demo-roster-card__meta-icon--accent{color:#df50a9}.demo-roster-card__meta-icon svg{display:block}.demo-roster-card__engine{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;flex-shrink:0;align-items:center;min-width:0;max-width:3.25rem;padding:1px 4px;font-size:9px;font-weight:650;line-height:1.2;display:inline-flex;overflow:hidden}.demo-roster-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-roster-card__status{-webkit-line-clamp:1;line-clamp:1;color:#ffffffb8;-webkit-box-orient:vertical;min-width:0;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.demo-roster-card__line{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;line-height:1.25;overflow:hidden}.demo-roster-card__contexts{flex-wrap:wrap;gap:.25rem;padding-right:16px;display:flex}.demo-roster-card__context{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;max-width:100%;padding:1px 5px;font-size:9px;font-weight:500;line-height:1.25;display:inline-flex;overflow:hidden}.demo-roster-card__results{z-index:2;color:#fff9;pointer-events:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:absolute;bottom:10px;right:10px}.demo-roster-card__results svg{display:block}@media (max-width:639px){.demo-roster{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:row;width:100%;padding-bottom:.25rem;overflow-x:auto}.demo-roster-card{flex-shrink:0;min-width:12rem}}@media (prefers-reduced-motion:reduce){.demo-roster-card{transition:none}}