:root{--color-bg: #111827;--color-surface: #1f2937;--color-border: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #9ca3af;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: .5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3{line-height:1.1;margin-bottom:1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.breadcrumb-item{cursor:pointer;transition:color .2s}.breadcrumb-item:hover{color:var(--color-text-primary)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.file-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:transform .2s,border-color .2s;text-align:center;aspect-ratio:1}.file-item:hover{border-color:var(--color-primary);background-color:#273549}.file-icon{font-size:3rem;margin-bottom:.5rem}.file-name{font-size:.9rem;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--color-surface);padding:2rem;border-radius:var(--radius);width:90%;max-width:500px;border:1px solid var(--color-border)}