body{font-family:Arial,sans-serif;padding:24px 24px 5px;margin:0;display:flex;justify-content:space-evenly;background-color:#f5f5f5;font-size:13px}div.wrap{max-width:1100px;width:100%}h1{font-size:18px;color:#333;display:inline-block;margin:0}a{text-decoration:none}a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse;background-color:#f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:5px}tr>td:first-child{width:100%}tr>td:nth-child(n+2){white-space:nowrap;width:auto}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#eaeaea;color:#333;cursor:pointer;position:relative}tr{background-color:#f9f9f9}th:hover{background-color:#ddd}tr:hover{background-color:#f0f0f0}.directory{font-weight:700;color:#2c3e50}.file{color:#34495e}footer{margin-top:20px;padding-top:10px;border-top:1px solid #ddd;text-align:center;color:#666;font-size:12px}.sort-indicator::after{content:"";display:inline-block;margin-left:5px;width:0;height:0;vertical-align:middle}.sort-asc::after{content:"▲"}.sort-desc::after{content:"▼"}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.header-controls{display:flex;align-items:center;gap:10px}.filter-box input{padding:4px 6px;font-size:13px;width:120px;border:1px solid #ddd;border-radius:4px}.toggle label{font-size:14px;color:#333}.toggle input[type=checkbox]{vertical-align:middle;margin-left:0}@media(max-width:768px){.header-container{flex-direction:column;align-items:flex-start;gap:8px}.header-controls{width:100%;justify-content:space-between}.filter-box input{width:100px;font-size:12px}.toggle label{font-size:13px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:6px 8px;font-size:13px}}@media(max-width:480px){h1{font-size:20px}.filter-box input{width:80px;font-size:11px}.toggle label{font-size:12px}th,td{padding:5px 6px;font-size:12px}}