.file-view-shell{max-width:1200px;margin:auto;padding:38px 20px 70px}.file-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:20px 0}.file-head h1{font:clamp(28px,4vw,44px) Georgia,serif;color:#102838}.file-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.file-preview,.file-comments{background:#fff;border:1px solid #e1d7c7;border-radius:14px;overflow:hidden}.file-preview{min-height:520px;display:grid;place-items:center}.file-preview iframe{width:100%;height:75vh;border:0}.file-preview img,.file-preview video{max-width:100%;max-height:75vh}.file-preview audio{width:90%}.file-preview pre{width:100%;max-height:75vh;overflow:auto;white-space:pre-wrap;padding:25px}.file-comments{padding:20px}.file-comments article{padding:14px 0;border-bottom:1px solid #eee4d3}.file-comments textarea{width:100%;box-sizing:border-box;margin:14px 0;padding:12px}.file-button,.file-comments button{padding:11px 16px;border:0;border-radius:8px;background:#102838;color:#fff;text-decoration:none}.file-comments .danger{background:#7c2424;margin-top:22px}.retention-warning{padding:15px;border:1px solid #dfc078;border-radius:10px;background:#fff8e6;color:#624b18}@media(max-width:800px){.file-grid{grid-template-columns:1fr}.file-head{align-items:flex-start;flex-direction:column}}