.files-page{background:var(--cream);min-height:100svh;font-family:var(--font-mono);color:var(--ink);flex-direction:column;display:flex}.files-main{z-index:var(--z-base);width:100%;max-width:1200px;padding:calc(var(--nav-h) + 4rem) var(--gutter) 6rem;flex:1 0 auto;margin:0 auto;position:relative}.files-header{border-bottom:1px solid var(--pink-mid);margin-bottom:1.5rem;padding-bottom:1.5rem}.files-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.75rem;font-size:.75rem}.files-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1}.files-sub{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.06em;margin:.75rem 0 0;font-size:.82rem}.breadcrumb{margin-bottom:1.5rem}.breadcrumb ol{font-family:var(--font-mono);background:var(--cream-dark);border:1px solid var(--pink-mid);flex-wrap:wrap;align-items:center;gap:0;width:fit-content;padding:.5rem .8rem;font-size:.78rem;list-style:none;display:flex}.breadcrumb ol li{align-items:center;display:flex}.breadcrumb ol li+li:before{content:"/";color:var(--pink-mid);pointer-events:none;padding:0 .5rem}.crumb-btn{font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .35rem;font-size:.78rem;transition:background .15s,color .15s;display:inline-block}.crumb-btn:hover:not(:disabled),.crumb-btn:focus-visible:not(:disabled){background:var(--pink);color:var(--ink)}.crumb-btn:disabled{color:var(--ink);cursor:default;font-weight:500}.file-grid{background:var(--pink-mid);border:1px solid var(--pink-mid);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;min-height:200px;display:grid}.file-grid-empty{background:var(--cream);text-align:center;font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.06em;grid-column:1/-1;padding:3rem;font-size:.8rem;line-height:2}.file-item{background:var(--cream);cursor:pointer;text-align:center;width:100%;font-family:var(--font-mono);border:none;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;transition:background .15s;display:flex}@media (hover:hover){.file-item:hover{background:var(--pink)}}.file-item:focus-visible{outline:2px solid var(--pink-dark);outline-offset:-2px;background:var(--pink)}.file-icon{user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.file-icon svg{stroke-width:1.5px;width:100%;height:100%}.file-icon[data-type=folder]{color:var(--gold)}.file-icon[data-type=image]{color:var(--pink-dark)}.file-icon[data-type=video]{color:var(--file-video)}.file-icon[data-type=audio]{color:var(--file-audio)}.file-icon[data-type=text]{color:var(--ink-muted)}.file-icon[data-type=pdf]{color:var(--file-pdf)}.file-icon[data-type=unknown]{color:var(--ink-muted)}.file-name{font-family:var(--font-mono);color:var(--ink);word-break:break-all;font-size:.7rem;line-height:1.4}.file-size{font-family:var(--font-mono);color:var(--ink-muted);font-size:.65rem}.viewer{z-index:var(--z-modal);background:var(--cream);flex-direction:column;display:flex;position:fixed;inset:0}.viewer[hidden]{display:none}.viewer-topbar{border-bottom:1px solid var(--pink-mid);background:var(--cream);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem 1.5rem;padding:.9rem 1.5rem;display:flex}.viewer-close-btn{font-family:var(--font-mono);color:var(--ink);background:var(--cream-dark);border:1px solid var(--pink-mid);cursor:pointer;white-space:nowrap;padding:.4rem .9rem;font-size:.78rem;transition:background .2s,border-color .2s}.viewer-close-btn:hover,.viewer-close-btn:focus-visible{background:var(--pink);border-color:var(--pink-dark)}.viewer-filename{font-family:var(--font-mono);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;flex:8rem;min-width:0;font-size:.8rem;overflow:hidden}.viewer-dl-btn{font-family:var(--font-mono);letter-spacing:.06em;color:var(--cream);background:var(--pink-dark);border:1px solid var(--pink-dark);white-space:nowrap;align-items:center;gap:.4rem;margin-left:auto;padding:.4rem .9rem;font-size:.78rem;text-decoration:none;transition:background .2s;display:inline-flex}.viewer-dl-btn:hover,.viewer-dl-btn:focus-visible{background:var(--pink-mid);border-color:var(--pink-mid)}.viewer-dl-btn svg{flex-shrink:0;width:.9rem;height:.9rem}.viewer-body{background:var(--cream-dark);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:auto}.viewer-body img{object-fit:contain;max-width:100%;max-height:100%}.viewer-body video{max-width:100%;max-height:100%}.viewer-body audio{width:100%;max-width:600px}.viewer-body .txt-wrap{background:var(--white);border:1px solid var(--pink-mid);width:100%;max-width:800px;max-height:80vh;font-family:var(--font-mono);color:var(--ink);white-space:pre-wrap;word-break:break-word;text-align:left;align-self:flex-start;margin:auto;padding:2rem;font-size:.85rem;line-height:1.8;overflow-y:auto}.viewer-body iframe{border:none;width:100%;height:100%;min-height:70vh}.viewer-body .no-preview{text-align:center;font-family:var(--font-mono);color:var(--ink-muted);font-size:.85rem;line-height:2.5}.viewer-body .no-preview a{color:var(--pink-dark);text-decoration:underline}.readme-panel{border:1px solid var(--pink-mid);background:var(--cream);margin-top:2rem}.readme-panel[hidden]{display:none}.readme-header{background:var(--cream-dark);border-bottom:1px solid var(--pink-mid);font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;padding:.7rem 1.2rem;font-size:.75rem;display:flex}.readme-header svg{width:1rem;height:1rem;color:var(--ink-muted);flex-shrink:0}.readme-body{padding:1.5rem 2rem}@media (width<=768px){.files-main{padding:calc(var(--nav-h) + 2rem) 1.25rem 4rem}.file-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.files-title{font-size:1.6rem}.readme-body{padding:1.25rem}}