.project-files-workspace{background:var(--cd-surface);flex:1;grid-template-columns:310px minmax(0,1fr);min-width:0;min-height:0;display:grid}.project-files-sidebar{border-right:1px solid var(--cd-border);background:var(--cd-sidebar);flex-direction:column;min-width:0;min-height:0;display:flex}.project-files-sidebar-header{box-sizing:border-box;border-bottom:1px solid var(--cd-border);flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 14px 0 20px;display:flex}.project-files-sidebar-header h2{margin:0;font-size:17px}.project-files-sidebar-header button{width:30px;height:30px;color:var(--cd-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.project-files-sidebar-header button:hover{background:var(--cd-hover);color:inherit}.project-files-source-tabs{border-bottom:1px solid var(--cd-border);flex:none;gap:4px;padding:5px 12px 0;display:flex}.project-files-source-tabs button{min-height:36px;color:var(--cd-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:12px;font-weight:600}.project-files-source-tabs button:hover{color:inherit}.project-files-source-tabs button.active{border-bottom-color:var(--cd-accent);color:var(--cd-accent)}.project-files-tree{flex:1;min-height:0;padding:10px 0 14px;overflow:auto}.project-files-source{align-items:center;gap:8px;min-width:0;padding:7px 14px;font-size:13px;display:flex}.project-files-source svg{width:16px;height:16px;color:var(--cd-accent);flex:none}.project-files-source strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-tree-entry{width:100%;min-width:0;min-height:27px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:4px 12px;font-size:12px;display:flex}.project-tree-entry:hover,.project-tree-entry.selected{background:var(--cd-hover)}.project-tree-entry.selected{color:var(--cd-accent);font-weight:600}.project-tree-entry svg,.project-tree-spacer{flex:none;width:14px;height:14px}.project-tree-entry svg:nth-child(2){color:var(--cd-muted)}.project-tree-entry span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-tree-note{color:var(--cd-muted);padding-top:5px;padding-bottom:5px;font-size:11px;display:block}.project-files-task-list{flex:1;min-height:0;padding:7px 0 16px;overflow:auto}.project-files-task-list h3{margin:0 20px 10px;font-size:13px}.project-files-task-list h4{color:var(--cd-muted);margin:12px 20px 4px;font-size:11px;font-weight:600}.project-files-task-list h4 span{font-weight:400}.project-files-task-list>p{margin:0 20px;font-size:12px}.project-files-task-list button{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 20px;font-size:12px;display:flex}.project-files-task-list button:hover,.project-files-task-list button.selected{background:var(--cd-hover)}.project-files-task-list button.selected{color:var(--cd-accent)}.project-files-task-list button svg{width:14px;height:14px;color:var(--cd-muted);flex:none}.project-files-task-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-files-task-empty{color:var(--cd-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:50px 20px 0;font-size:12px;line-height:1.45;display:flex}.project-files-task-empty svg{width:30px;height:30px;color:var(--cd-accent)}.project-files-task-empty strong{color:inherit;font-size:13px}.project-files-main{flex-direction:column;min-width:0;min-height:0;display:flex}.project-files-header{box-sizing:border-box;border-bottom:1px solid var(--cd-border);flex:none;align-items:center;height:64px;padding:0 24px;display:flex}.project-files-title{align-items:center;gap:6px;min-width:0;display:flex}.project-files-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:18px;overflow:hidden}.project-files-header button{flex:none}.project-files-content{flex:1;min-height:0;padding:20px 24px;overflow:auto}.project-files-content>.work-items-error{margin-bottom:14px}.project-files-empty{max-width:500px;min-height:280px;color:var(--cd-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.project-files-empty>svg{width:38px;height:38px;color:var(--cd-accent)}.project-files-empty h2{color:inherit;margin:15px 0 7px;font-size:17px}.project-files-empty p{margin:0;line-height:1.5}.project-file-image{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.project-file-image img{object-fit:contain;border:1px solid var(--cd-border);background:var(--cd-sidebar);border-radius:8px;max-width:100%;max-height:calc(100vh - 220px)}.project-file-image p{margin:0;font-size:12px}.project-file-code{border:1px solid var(--cd-border);border-radius:9px;min-width:0;overflow:hidden}.project-file-code-meta{border-bottom:1px solid var(--cd-border);background:var(--cd-sidebar);color:var(--cd-muted);padding:8px 14px;font-size:11px}.project-file-code pre{color:inherit;tab-size:2;margin:0;padding:15px 17px;font-size:12px;line-height:1.55;overflow:auto}.project-file-code .hljs{color:inherit;background:0 0;display:block}.project-file-code .hljs-keyword,.project-file-code .hljs-selector-tag,.project-file-code .hljs-literal{color:#a635a0}.project-file-code .hljs-string,.project-file-code .hljs-regexp,.project-file-code .hljs-attr{color:#167d52}.project-file-code .hljs-number,.project-file-code .hljs-symbol,.project-file-code .hljs-built_in{color:#a65c16}.project-file-code .hljs-title,.project-file-code .hljs-function,.project-file-code .hljs-type{color:#1259ba}.project-file-code .hljs-comment,.project-file-code .hljs-quote{color:#697d98}:root[data-theme=dark] .project-file-code .hljs-keyword,:root[data-theme=dark] .project-file-code .hljs-selector-tag,:root[data-theme=dark] .project-file-code .hljs-literal{color:#d9a0ee}:root[data-theme=dark] .project-file-code .hljs-string,:root[data-theme=dark] .project-file-code .hljs-regexp,:root[data-theme=dark] .project-file-code .hljs-attr{color:#83d8ad}:root[data-theme=dark] .project-file-code .hljs-number,:root[data-theme=dark] .project-file-code .hljs-symbol,:root[data-theme=dark] .project-file-code .hljs-built_in{color:#f0bb79}:root[data-theme=dark] .project-file-code .hljs-title,:root[data-theme=dark] .project-file-code .hljs-function,:root[data-theme=dark] .project-file-code .hljs-type{color:#83b8ff}:root[data-theme=dark] .project-file-code .hljs-comment,:root[data-theme=dark] .project-file-code .hljs-quote{color:#8da5be}@media (width<=800px){.project-files-workspace{grid-template-columns:250px minmax(0,1fr)}}
