.oc-projpage{height:100%;padding:24px clamp(16px,5vw,48px);overflow-y:auto}.oc-projpage__body{flex-direction:column;gap:20px;max-width:860px;margin:0 auto;display:flex}.oc-projpage__hint{color:var(--muted-foreground);font-size:.85rem}.oc-projpage__notfound{flex-direction:column;align-items:flex-start;gap:10px;max-width:860px;margin:48px auto;display:flex}.oc-projpage__crumbs{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:2px;font-size:.8rem;display:flex}.oc-projpage__crumb{align-items:center;gap:2px;display:inline-flex}.oc-projpage__crumblink{color:inherit;border-radius:6px;padding:2px 4px;text-decoration:none}.oc-projpage__crumblink:hover{color:var(--foreground);background:color-mix(in oklab, var(--proj-hue) 14%, transparent)}.oc-projpage__crumbsep{opacity:.6;padding:0 2px}.oc-projpage__crumbcur{color:var(--foreground);padding:2px 4px;font-weight:500}.oc-projpage__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.oc-projpage__dot{background:var(--proj-hue);border-radius:4px;flex:none;width:12px;height:12px}.oc-projpage__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:600;overflow:hidden}.oc-projpage__actions{flex:none;align-items:center;gap:6px;display:flex}.oc-projpage__section{flex-direction:column;gap:10px;display:flex}.oc-projpage__subtitle{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin:0;font-size:.78rem;font-weight:600}.oc-projpage__cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.oc-projpage__card{border:1px solid var(--border);border-left:3px solid color-mix(in oklab, var(--proj-hue) 55%, transparent);border-radius:var(--radius);background:var(--card);color:var(--foreground);flex-direction:column;gap:6px;padding:12px 14px;text-decoration:none;transition:background .14s,border-color .14s,transform .14s;display:flex}.oc-projpage__card:hover{background:color-mix(in oklab, var(--proj-hue) 8%, var(--card));border-color:color-mix(in oklab, var(--proj-hue) 35%, var(--border));transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.oc-projpage__card{transition:none}.oc-projpage__card:hover{transform:none}}.oc-projpage__cardhead{align-items:center;gap:7px;min-width:0;display:flex}.oc-projpage__cardico{color:var(--proj-hue);flex:none}.oc-projpage__cardname{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.oc-projpage__cardmeta{color:var(--muted-foreground);font-size:.75rem}.oc-projpage__cardage{color:var(--muted-foreground);opacity:.8;font-size:.72rem}.oc-projpage__convhead{justify-content:space-between;align-items:center;gap:12px;display:flex}.oc-projpage__filter{max-width:240px;height:30px}.oc-projpage__chats{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.oc-projpage__chatrow{border-radius:8px;align-items:center;gap:4px;display:flex}.oc-projpage__chatrow:hover{background:color-mix(in oklab, var(--proj-hue) 8%, transparent)}.oc-projpage__chatbtn{text-align:left;cursor:pointer;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.oc-projpage__chattitle{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oc-projpage__chatpin{color:var(--muted-foreground);flex:none}.oc-projpage__chatage{color:var(--muted-foreground);flex:none;font-size:.72rem}.oc-projpage__chatmenu{opacity:0;flex:none}.oc-projpage__chatrow:hover .oc-projpage__chatmenu,.oc-projpage__chatrow:focus-within .oc-projpage__chatmenu{opacity:1}.oc-projpage__viewtoggle{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);gap:2px;padding:2px;display:inline-flex}.oc-projpage__card.is-over,.oc-projpage__colentry.is-over,.oc-projpage__col.is-over{outline:2px solid color-mix(in oklab, var(--proj-hue,var(--highlight)) 60%, transparent);outline-offset:-2px;background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 10%, transparent)}.oc-projpage__card.is-dragging,.oc-projpage__chatrow.is-dragging,.oc-projpage__colentry.is-dragging{opacity:.35}.oc-projpage__cdrop.is-over .oc-projpage__crumblink{background:color-mix(in oklab, var(--proj-hue) 22%, transparent);color:var(--foreground)}.oc-projpage__dragghost{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;display:inline-flex;box-shadow:0 4px 14px #0000002e}.oc-projpage__barbtn{opacity:.45;color:var(--muted-foreground);flex:none}.oc-projpage__barbtn.is-on{opacity:1;color:color-mix(in srgb, var(--proj-hue,var(--highlight)) 70%, var(--foreground))}.oc-projpage__chatrow:hover .oc-projpage__barbtn,.oc-projpage__chatrow:focus-within .oc-projpage__barbtn,.oc-projpage__colentry--chat:hover .oc-projpage__barbtn,.oc-projpage__colentry--chat:focus-within .oc-projpage__barbtn{opacity:1}.oc-projpage__cols{border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted-foreground) 45%, transparent) transparent;background:linear-gradient(to right, var(--background) 30%, transparent) left center, linear-gradient(to left, var(--background) 30%, transparent) right center, linear-gradient(to right, color-mix(in srgb, var(--foreground) 16%, transparent), transparent) left center, linear-gradient(to left, color-mix(in srgb, var(--foreground) 16%, transparent), transparent) right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll;align-items:stretch;gap:0;min-height:320px;display:flex;overflow-x:auto}.oc-projpage__cols::-webkit-scrollbar{height:8px}.oc-projpage__cols::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted-foreground) 45%, transparent);border-radius:4px}.oc-projpage__cols::-webkit-scrollbar-track{background:0 0}.oc-projpage__col{border-right:1px solid var(--border);flex-direction:column;flex:0 0 220px;gap:1px;min-width:200px;padding:6px;display:flex;overflow-y:auto}.oc-projpage__col.is-last{border-right:none;flex:1 0 240px}.oc-projpage__colempty{color:var(--muted-foreground);margin:0;padding:8px;font-size:.78rem}.oc-projpage__colentry{cursor:pointer;color:var(--foreground);font:inherit;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;min-width:0;padding:6px 8px;font-size:.84rem;display:flex;position:relative}.oc-projpage__colentry--folder:hover,.oc-projpage__colentry--folder:focus-visible{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 10%, transparent)}.oc-projpage__colentry--folder.is-selected{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 18%, transparent)}.oc-projpage__colentry--chat{padding:0;position:relative}.oc-projpage__colentry--chat .oc-projpage__barbtn{position:absolute;top:50%;right:3px;transform:translateY(-50%)}.oc-projpage__colchatbtn{cursor:pointer;min-width:0;color:var(--foreground);font:inherit;text-align:left;background:0 0;border:none;border-radius:7px;flex:1 1 0;align-items:center;gap:7px;padding:6px 8px;font-size:.84rem;display:flex;position:relative;overflow:hidden}.oc-projpage__colchatbtn:hover,.oc-projpage__colchatbtn:focus-visible{background:color-mix(in oklab, var(--highlight) 8%, transparent)}.oc-projpage__colico{color:var(--proj-hue,var(--muted-foreground));flex:none}.oc-projpage__colname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oc-projpage__colchev{color:var(--muted-foreground);opacity:.7;flex:none}.oc-projpage__cardmenu{opacity:0;flex:none;margin-left:auto}.oc-projpage__card:hover .oc-projpage__cardmenu,.oc-projpage__card:focus-within .oc-projpage__cardmenu,.oc-projpage__cardmenu[aria-expanded=true]{opacity:1}.oc-projpage__colmenu{opacity:0;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.oc-projpage__colmenu--chat{right:26px}.oc-projpage__colentry:hover .oc-projpage__colmenu,.oc-projpage__colentry:focus-within .oc-projpage__colmenu,.oc-projpage__colmenu[aria-expanded=true]{opacity:1}.oc-projpage__colentry--folder:hover .oc-projpage__colchev,.oc-projpage__colentry--folder:focus-within .oc-projpage__colchev{opacity:0}.oc-projpage__colentry--chat .oc-projpage__colchatbtn{padding-right:52px}.oc-projpage__treemenu{opacity:0;flex:none}.oc-projpage__treerow:hover .oc-projpage__treemenu,.oc-projpage__treerow:focus-within .oc-projpage__treemenu,.oc-projpage__treemenu[aria-expanded=true]{opacity:1}.oc-projpage__tree{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:1px;min-height:320px;padding:6px;display:flex}.oc-projpage__treegroup{flex-direction:column;gap:1px;display:flex}.oc-projpage__treerow{padding:5px 8px;padding-left:calc(8px + var(--tree-depth,0) * 18px);cursor:pointer;border-radius:7px;align-items:center;gap:7px;min-width:0;font-size:.84rem;display:flex;position:relative}.oc-projpage__treerow--folder:hover,.oc-projpage__treerow--folder:focus-visible{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 10%, transparent)}.oc-projpage__treerow--chat{padding-top:0;padding-bottom:0}.oc-projpage__treerow--chat .oc-projpage__colchatbtn{padding-left:0}.oc-projpage__treechev{cursor:pointer;color:color-mix(in srgb, var(--proj-hue,var(--muted-foreground)) 80%, var(--muted-foreground));background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;margin:0;padding:1px;display:inline-flex}.oc-projpage__treechev:hover,.oc-projpage__treechev:focus-visible{background:color-mix(in srgb, var(--proj-hue,var(--muted-foreground)) 18%, transparent)}.oc-projpage__chatrow.is-locate,.oc-projpage__colentry.is-locate,.oc-projpage__treerow.is-locate{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 10%, transparent);animation:1.6s ease-out 2 oc-locate-flash}@keyframes oc-locate-flash{0%{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 38%, transparent)}to{background:color-mix(in oklab, var(--proj-hue,var(--highlight)) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.oc-projpage__chatrow.is-locate,.oc-projpage__colentry.is-locate,.oc-projpage__treerow.is-locate{animation:none}}.oc-projpage__hitico{color:var(--muted-foreground);flex:none;align-self:flex-start;margin-top:2px}.oc-projpage__hitbody{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.oc-projpage__hitpath{color:var(--muted-foreground);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.oc-projpage__hitsnippet{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}