*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#222632;--border:#2a2e3a;--text:#e4e6eb;--text-muted:#8b8fa3;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--mono:"SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.header{max-width:1600px;margin:0 auto;padding:2rem 1.5rem 1rem}.header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.header p{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;max-width:1600px;margin:0 auto;padding:1rem 1.5rem 3rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent)}.card-preview{aspect-ratio:16/10;background:#12141c;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-preview img,.card-preview video{object-fit:contain;width:100%;height:100%}.card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#000000b3;border-radius:4px;padding:.2rem .5rem;font-size:.675rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:.875rem 1rem 1rem;display:flex}.card-filename{word-break:break-all;font-size:.875rem;font-weight:600;line-height:1.3}.card-meta{grid-template-columns:1fr 1fr;gap:.25rem .75rem;font-size:.75rem;display:grid}.card-meta dt{color:var(--text-muted)}.card-meta dd{color:var(--text);word-break:break-all}.card-meta .full{grid-column:1/-1}.copy-field{border:1px solid var(--border);border-radius:6px;align-items:stretch;margin-top:.125rem;font-size:.75rem;display:flex;overflow:hidden}.copy-field input{color:var(--text-muted);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.35rem .5rem;font-size:.7rem}.copy-field button{background:var(--border);color:var(--text);cursor:pointer;font-size:.7rem;font-family:var(--font);white-space:nowrap;border:none;padding:.35rem .6rem;transition:background .15s}.copy-field button:hover{background:var(--accent)}.card-actions{gap:.5rem;margin-top:.25rem;display:flex}.card-actions a{border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.btn-open{background:var(--accent);color:#fff}.btn-open:hover{background:var(--accent-hover)}.btn-download{background:var(--border);color:var(--text)}.btn-download:hover{background:var(--surface-hover)}.error-container{text-align:center;max-width:600px;margin:4rem auto;padding:2rem}.error-container h2{color:#ef4444;margin-bottom:.5rem}.error-container p{color:var(--text-muted);font-size:.875rem}.empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:4rem 1rem}@media (max-width:480px){.grid{grid-template-columns:1fr;padding:.75rem}.header{padding:1.25rem .75rem .5rem}}