:root{--background-light:#fff;--text-light:#1a1a1a;--table-header-bg-light:#f8f9fa;--table-border-light:#ddd;--hover-bg-light:#f0f0f0;--pre-bg-light:#f5f5f5;--button-bg-light:#0070f3;--button-text-light:#fff;--button-hover-bg-light:#005bb5;--link-color-light:#0070f3;--background-dark:#121212;--text-dark:#e0e0e0;--table-header-bg-dark:#1a1a1a;--table-border-dark:#444;--hover-bg-dark:#2a2a2a;--pre-bg-dark:#222;--button-bg-dark:#0070f3;--button-text-dark:#fff;--button-hover-bg-dark:#005bb5;--link-color-dark:#66b0ff}body,html{margin:0;padding:0;height:100%}body{font-family:Arial,sans-serif;padding:20px;transition:background-color .3s,color .3s;min-height:100vh;display:flex;flex-direction:column}.layout-container{flex:1}.light{background-color:var(--background-light);color:var(--text-light)}.dark{background-color:var(--background-dark);color:var(--text-dark)}h1,h2,h3{margin-bottom:15px}.light h1,.light h2,.light h3{color:var(--text-light)}.dark h1,.dark h2,.dark h3{color:var(--text-dark)}button{padding:6px 12px;margin:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.light button{background-color:var(--button-bg-light);color:var(--button-text-light)}.light button:hover{background-color:var(--button-hover-bg-light)}.dark button{background-color:var(--button-bg-dark);color:var(--button-text-dark)}.dark button:hover{background-color:var(--button-hover-bg-dark)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}main{flex:1}.button-group{display:flex;gap:10px;margin-bottom:15px}.error{color:#e74c3c;margin:10px 0;font-weight:700}.dark .error{color:#ff6b6b}.file-table{width:100%;border-collapse:collapse;margin-top:20px}.file-table td,.file-table th{padding:8px 12px;text-align:left}.light .file-table th{background-color:var(--table-header-bg-light);color:var(--text-light)}.light .file-table td,.light .file-table th{border-bottom:1px solid var(--table-border-light)}.dark .file-table th{background-color:var(--table-header-bg-dark);color:var(--text-dark)}.dark .file-table td,.dark .file-table th{border-bottom:1px solid var(--table-border-dark)}.light .file-row:hover{background-color:var(--hover-bg-light)}.dark .file-row:hover{background-color:var(--hover-bg-dark)}.folder-icon:before{content:var(--folder-icon,"📁 ")}.file-icon:before{content:var(--file-icon,"📄 ")}.clickable{cursor:pointer;text-decoration:none;transition:color .2s}.light .clickable{color:var(--link-color-light)}.light .clickable:hover{text-decoration:underline;color:var(--button-hover-bg-light)}.dark .clickable{color:var(--link-color-dark)}.dark .clickable:hover{text-decoration:underline;color:var(--button-hover-bg-dark)}footer{margin-top:20px;text-align:center;font-size:14px}.copyright{opacity:.7}@media (max-width:768px){header{align-items:flex-start;gap:10px}.button-group,header{flex-direction:column}.file-table td,.file-table th{padding:6px 8px;font-size:14px}button{width:100%;margin:5px 0}}