.oct-list{position:relative;display:flex;width:var(--oct-list);min-width:280px;flex:none;flex-direction:column;margin-left:12px;padding-right:4px;transition:width .4s ease-in-out,min-width .4s ease-in-out,margin .4s ease-in-out,padding .4s ease-in-out,opacity .25s ease}[data-list=hidden] .oct-list.oct-list{overflow:hidden;width:0;min-width:0;margin-left:0;padding-right:0;opacity:0;pointer-events:none}[data-list=hidden] .oct-list+.oct-detail,[data-list=hidden] .oct-list+.oct-split-main :is(.oct-detail,[data-style="page.card"]){margin-left:6px}.oct-list-toggle[aria-pressed=false]{color:var(--oct-ink);background:var(--oct-fill)}@media(prefers-reduced-motion:reduce){.oct-list{transition:none}}.oct-list:before{content:"";position:absolute;top:8px;bottom:8px;left:-10px;width:1px;background:var(--oct-line)}.oct-list-head{padding:28px 12px 8px 8px}.oct-list-title{display:flex;min-height:32px;align-items:baseline;margin-bottom:12px}.oct-list-title>:not(h1,span){align-self:center;margin-right:6px}.oct-list-title h1{margin:0;font:600 22px/28px var(--oct-font);letter-spacing:normal;color:var(--oct-ink)}.oct-list-title span{margin-left:8px;font:400 13px/20px var(--oct-font);color:var(--oct-text)}.oct-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding-bottom:2px}.oct-list-body{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;padding-top:12px;scrollbar-width:none}.oct-list-body::-webkit-scrollbar{display:none}.oct-list-group{padding:14px 20px 6px;font:600 12px/16px var(--oct-font);color:var(--oct-text)}.oct-list-card{display:flex;min-height:136px;width:100%;flex:none;gap:16px;border:1px solid transparent;border-bottom-color:var(--oct-line-soft);padding:20px;font:400 13px/20px var(--oct-font);text-align:left;color:var(--oct-text);background:transparent;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,border-radius .15s ease-out}.oct-list-card:hover{background:var(--oct-paper)}.oct-list-card[aria-pressed=true]{border-color:var(--oct-primary-edge);border-radius:var(--oct-radius-lg);background:var(--oct-paper)}.oct-list-card-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.oct-list-card-title{display:flex;min-width:0;align-items:center;gap:8px;font-weight:600;color:var(--oct-ink-strong)}.oct-list-card-title>span:not([class]){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oct-list-card-detail{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.oct-list-card-meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;line-height:16px}.oct-list-card-meta>span:last-child:not(.oct-chip){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oct-list-card-meta>.oct-chip{flex:none}.oct-list-card-thumb{display:grid;width:88px;height:88px;flex:none;overflow:hidden;place-items:center;border-radius:var(--oct-radius-xs);background:var(--oct-wash)}.oct-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px;font:400 13px/20px var(--oct-font);text-align:center;color:var(--oct-text)}.oct-empty>div{display:flex;flex-direction:column;gap:4px}.oct-empty strong{font-weight:600;color:var(--oct-ink-strong)}.oct-empty-art{width:120px}.oct-detail{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;overflow:hidden;margin:6px 6px 6px 4px;border-radius:var(--oct-radius);font-family:var(--oct-font);color:var(--oct-ink);background:var(--oct-paper);box-shadow:var(--oct-shadow-card)}.oct-list[data-kind=nav]{width:288px;min-width:240px}.oct-list[data-kind] .oct-list-title{align-items:center;gap:4px}.oct-list[data-kind] .oct-list-title h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oct-agent-edit{padding:0 12px 16px 8px}.oct-agent-nav,.oct-list-nav{padding:0 8px 12px 4px}.oct-agent-nav,.oct-agent-nav *,.oct-list-nav,.oct-list-nav *{font:400 13px/1.5 var(--oct-font)}.oct-detail-head{display:flex;min-height:56px;flex:none;align-items:center;gap:12px;padding:12px 16px 16px;font:400 13px/20px var(--oct-font);color:var(--oct-text)}.oct-detail-head nav{display:flex;min-width:0;flex:1;align-items:center;gap:4px}.oct-detail-head nav>svg{flex:none;color:var(--oct-faint)}.oct-detail-head h1{margin:0;font:inherit}.oct-detail-body{min-height:0;flex:1;overflow-y:auto;padding:8px 48px 32px}.oct-detail-foot{display:flex;height:40px;flex:none;align-items:center;gap:8px;border-top:1px solid var(--oct-line);padding:6px 16px 6px 12px;font:400 13px/20px var(--oct-font);color:var(--oct-text)}.oct-doc h2{margin:0;font:600 28px/36px var(--oct-font);color:var(--oct-ink-strong)}.oct-doc h3{margin:28px 0 8px;font:600 15px/24px var(--oct-font);color:var(--oct-ink-strong)}.oct-doc p,.oct-doc li{font:400 14px/22px var(--oct-font);color:var(--oct-ink-soft)}.oct-doc ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.oct-doc li{display:flex;gap:8px}.oct-doc li>svg{flex:none;margin-top:3px;color:var(--oct-leaf-text)}@media(max-width:860px){.oct-list-toggle{display:none}.oct-split:has(>.oct-list[data-kind=nav]){flex-direction:column}.oct-split>.oct-list.oct-list[data-kind=nav]{display:flex;overflow:visible;width:auto;min-width:0;flex:none;margin:0;padding:8px 12px 0;opacity:1;pointer-events:auto}.oct-list[data-kind=nav]:before,.oct-list[data-kind=nav] .oct-list-head{display:none}.oct-list[data-kind=nav] .oct-list-nav{overflow-x:auto;flex-direction:row;padding:0}.oct-list[data-kind=nav] .oct-list-nav :is(.rail-group,.rail-list){flex-direction:row;gap:6px;padding:0}.oct-list[data-kind=nav] .oct-list-nav .rail-row{width:auto;border-radius:var(--oct-radius-pill);padding-inline:12px;background:var(--oct-fill)}.oct-list[data-kind=nav] .oct-list-nav .rail-row[aria-current=page]{color:var(--oct-paper);background:var(--oct-ink-strong)}.oct-list[data-kind=nav] .oct-list-nav .rail-row[aria-current=page] :is(.rail-mark,svg){color:inherit}.oct-list{width:auto;flex:1}.oct-list+.oct-detail{display:none}[data-open]>.oct-list{display:none}[data-open]>.oct-list+.oct-detail{display:flex}}