.files-shell{max-width:1440px;margin:auto;padding:22px 28px 100px;color:var(--ink,#253b40)}
.files-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.files-header>div{display:flex;align-items:baseline;gap:16px}.files-header h1{font-size:26px;margin:0}.files-count{font-size:14px;color:#617477}
.files-shell button,.files-dialog button,.files-dialog select,.files-dialog input,.files-search input{font:inherit}.files-shell button,.files-dialog button{border:1px solid #d2dddd;background:#fff;border-radius:9px;min-height:40px;padding:8px 13px;color:inherit;cursor:pointer}.files-shell .primary-button,.files-dialog .primary-button{background:#1a6064;color:white;border:0;text-decoration:none;border-radius:9px;padding:10px 15px;display:inline-block}.files-shell button:disabled{opacity:.5;cursor:default}.files-shell button:focus-visible,.files-dialog button:focus-visible,.files-open:focus-visible{outline:3px solid #ba902b;outline-offset:2px}
.files-search{display:flex;gap:8px;max-width:850px}.files-search input{min-width:0;flex:1;border:1px solid #c9d7d7;border-radius:9px;padding:9px 12px;background:#fff;font-size:16px}.files-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.files-toolbar>button:first-child{display:none}.files-status:empty,.files-suggestions:empty{display:none}.files-status{font-size:14px;color:#51676a}.files-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.files-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:24px}.files-main{min-width:0}.files-places{display:flex;flex-direction:column;gap:3px}.files-places button{text-align:left;border-color:transparent;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere}.files-places [aria-current=page]{background:#dcecea;color:#195d60;font-weight:700}.files-places h3{font-size:13px;color:#607679;margin:24px 12px 8px}
.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.files-item{min-width:0;border:1px solid #d8e2e1;border-radius:12px;background:#fff;overflow:hidden;position:relative;box-shadow:0 2px 5px #15353605}.files-shell .files-open{display:flex;flex-direction:column;width:100%;height:100%;text-align:left;padding:0;border:0;background:none;border-radius:0;min-width:0}.files-thumb{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;aspect-ratio:1.6;background:#edf2f2;overflow:hidden}.files-thumb img{width:100%;height:100%;object-fit:contain}.files-type{font-size:19px;font-weight:700;letter-spacing:.05em;color:#4f787c;border:2px solid #b5cccd;border-radius:8px;padding:15px 10px;background:#fff}.files-thumb small{font-size:11px;color:#708486}.files-labels{display:flex;flex-direction:column;gap:6px;padding:12px 12px 43px;width:100%;box-sizing:border-box}.files-labels strong{font-size:14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.files-labels small{font-size:11px;color:#637b7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.files-labels .files-archived{color:#8b6428}.files-item-tools{position:absolute;bottom:3px;right:4px;left:9px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.files-item-tools>*{pointer-events:auto}.files-item-tools input{width:20px;height:20px;accent-color:#1a6064}.files-shell .files-star{border:0;background:transparent;padding:3px 9px;font-size:22px;min-height:36px;color:#99752d}
.files-grid.is-list{display:flex;flex-direction:column;gap:6px}.is-list .files-open{flex-direction:row;align-items:center;padding-right:75px}.is-list .files-thumb{width:74px;height:64px;aspect-ratio:auto;flex-shrink:0}.is-list .files-type{font-size:11px;padding:7px}.is-list .files-thumb small{display:none}.is-list .files-labels{padding:9px 12px}.is-list .files-item-tools{left:auto;top:0;bottom:0;gap:4px}.files-empty{padding:45px 25px;text-align:center;color:#6a8082;background:#edf2f2;border-radius:12px;grid-column:1/-1;font-size:14px}.files-selection{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px;margin-bottom:14px;background:#dcecea;border-radius:9px}.files-selection[hidden]{display:none}.files-more{margin-top:20px}.files-shell.is-dragging{outline:3px dashed #1a6064;outline-offset:-8px;background:#ecf7f4}
.files-dialog{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d0dddd;border-radius:16px;color:#253b40;box-shadow:0 20px 90px #082f3940;box-sizing:border-box}.files-dialog::backdrop{background:#102f3b78}.files-dialog>header{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #dce4e4;z-index:1}.files-dialog h2{font-size:18px;margin:0;overflow-wrap:anywhere}.files-dialog-body{padding:20px}.files-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#eef2f2;min-height:150px;margin-bottom:18px}.files-preview img,.files-preview video{max-width:100%;max-height:52dvh;object-fit:contain}.files-preview iframe{width:100%;height:52dvh;min-height:300px;border:0;background:#fff}.files-preview audio{width:90%}.files-preview pre{align-self:stretch;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:0;max-height:45dvh;overflow:auto;font-size:13px}.files-preview p{padding:0 20px;font-size:14px}.files-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.files-actions a{color:#1a6064;font-size:14px}.files-info{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;font-size:13px;margin:22px 0}.files-info dt{color:#637b7e}.files-info dd{margin:0;overflow-wrap:anywhere}.files-field{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:15px}.files-field input,.files-field select{border:1px solid #c8d6d6;border-radius:9px;background:#fff;padding:10px;font-size:16px;min-width:0}.files-dialog form>small{display:block;font-size:12px;color:#647c7f;margin:0 0 12px}.files-dialog [role=alert]:empty{display:none}.files-dialog [role=alert]{font-size:14px;color:#8c432d}.files-dialog .files-places{max-width:100%}
@media(max-width:700px){.files-shell{padding:14px 12px 92px}.files-header{margin-bottom:12px}.files-header h1{font-size:22px}.files-header>div{gap:9px}.files-layout{display:block}.files-sidebar{display:none}.files-toolbar{gap:6px;margin:10px 0 14px}.files-toolbar>button:first-child{display:block}.files-toolbar button{font-size:12px;padding:7px 9px;min-height:36px}.files-search{gap:5px}.files-search button{font-size:12px;padding:8px}.files-search input{padding:9px;max-width:100%}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.files-labels{padding:10px 9px 40px}.files-labels strong{font-size:13px}.files-labels small{font-size:10px}.files-dialog-body{padding:14px}.files-dialog>header{padding:10px 14px}.files-dialog h2{font-size:16px}.files-info{grid-template-columns:95px minmax(0,1fr);font-size:12px}.files-selection button{font-size:12px;padding:7px}.files-preview iframe{height:42dvh;min-height:240px}}