@tailwind base;@tailwind components;@tailwind utilities;body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:#333}.material-icons{font-size:20px;line-height:1;vertical-align:middle}button{outline:none!important}.app-container{min-height:100vh;background:#fff}.top-nav{height:48px;border-bottom:1px solid #e5e7eb;padding:0 16px;display:flex;align-items:center}.nav-title{font-size:16px;font-weight:500}.nav-buttons{margin-left:auto;display:flex;gap:8px}.nav-button{display:flex;align-items:center;padding:6px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#374151;background:#fff;transition:background-color .2s}.nav-button .material-icons{margin-right:4px;font-size:18px}.nav-button:hover{background-color:#f3f4f6}.toolbar{padding:8px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.file-list-container{border:1px solid #e5e7eb;border-radius:4px;margin:16px auto;background:#fff;overflow-x:auto;width:calc(100% - 32px);max-width:1200px}.file-list-nav{padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.nav-icon-button{padding:6px;border-radius:4px;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-icon-button:hover{background-color:#e5e7eb;color:#374151}.nav-icon-button .material-icons{font-size:20px}.file-list-header,.file-list-row{display:flex;align-items:center;min-width:max-content}.file-list-row{transition:background-color .2s}.file-icon{color:#9ca3af;margin-right:8px;font-size:20px;flex-shrink:0}.file-icon.text-\[\#ffd700\]{color:gold}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.file-name:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ccc}.file-col-name{width:50%;padding:0 16px;flex-shrink:0;min-width:200px;display:flex;align-items:center}.file-col-size{width:10%;min-width:80px}.file-col-size,.file-col-time{padding:0 16px;flex-shrink:0;text-align:right;white-space:nowrap;color:#6b7280;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.file-col-time{width:15%;min-width:150px}.file-list-header,.file-list-row{display:flex;align-items:center;width:100%}.file-list-header{padding:8px 0;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#374151}.file-list-row{padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.file-list-row:last-child{border-bottom:none}.file-list-row:hover{background-color:#f9fafb}.grid-view-container{padding:16px}.grid-item{transition:all .2s}.grid-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.grid-item-image{background-color:#f5f5f5;border-radius:8px;overflow:hidden}.grid-item-name{margin-top:8px;font-size:.875rem;color:#374151;text-align:center}