.file-explorer-backdrop{z-index:2000;background:#062d3bbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.file-explorer{color:#17394a;background:#f7fbfc;border:1px solid #9fc3ce;border-radius:18px;grid-template-rows:auto auto auto minmax(240px,1fr) auto;width:min(1120px,96vw);height:min(780px,94vh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00182270}.file-explorer>header{color:#fff;background:#073b4c;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.file-explorer h1{margin:2px 0 0;font-size:1.45rem}.file-explorer header span{color:#bfe6e8;font-size:.75rem}.file-explorer button{font:inherit}.file-explorer header button,.file-toolbar button{color:#16475b;cursor:pointer;background:#fff;border:1px solid #a9c8d1;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.file-explorer header button{color:#fff;background:#ffffff18;border:0}.file-explorer button:disabled{opacity:.45;cursor:not-allowed}.file-toolbar{background:#eaf4f6;border-bottom:1px solid #c6dce3;flex-wrap:wrap;gap:8px;padding:11px 14px;display:flex}.file-toolbar svg{width:17px}.file-breadcrumb{background:#fff;gap:4px;padding:9px 16px;display:flex}.file-breadcrumb button{color:#176879;cursor:pointer;background:0 0;border:0;font-weight:750}.file-breadcrumb button+button:before{content:"›";color:#78929d;margin-right:8px}.file-area{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:10px;padding:16px;display:grid;position:relative;overflow:auto}.file-tile{color:#17394a;text-align:left;cursor:default;background:#fff;border:1px solid #c4d9df;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px;display:grid}.file-tile.selected{background:#eaf8f8;outline:3px solid #1c8c98}.file-tile>svg{color:#15828c;width:30px}.file-tile span{min-width:0;display:grid}.file-tile b{overflow-wrap:anywhere}.file-tile small{color:#667f89}.file-tile i{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.file-empty{text-align:center;color:#647c87;grid-column:1/-1;padding:40px}.file-message{color:#16654f;background:#fff;border-top:1px solid #bdd7dd;margin:0;padding:9px 15px;font-weight:750}.file-context-menu{z-index:2100;background:#fff;border:1px solid #abc7d0;border-radius:11px;min-width:210px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 36px #082e3d42}.file-context-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px;display:flex}.file-context-menu button:hover,.file-context-menu button:focus{background:#eaf5f7}.file-context-menu .danger{color:#a12e2b}.file-context-menu svg{width:16px}@media (max-width:650px){.file-explorer-backdrop{padding:0}.file-explorer{border:0;border-radius:0;width:100vw;height:100vh}.file-area{grid-template-columns:1fr}.file-toolbar button{font-size:.78rem}}.file-dialog-backdrop{z-index:2200;background:#062d3b9e;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.file-dialog{background:#fff;border:1px solid #9fc3ce;border-radius:15px;gap:16px;width:min(430px,100%);padding:22px;display:grid;box-shadow:0 20px 55px #0018225c}.file-dialog h2,.file-dialog p{margin:0}.file-dialog label{gap:7px;font-weight:800;display:grid}.file-dialog input{width:100%;font:inherit;border:1px solid #89acb8;border-radius:9px;padding:10px 12px}.file-dialog>div{justify-content:flex-end;gap:9px;display:flex}.file-dialog button{color:#174e70;cursor:pointer;background:#fff;border:1px solid #7fa6b3;border-radius:9px;padding:9px 13px;font-weight:800}.file-dialog button[type=submit]{color:#fff;background:#087c82;border-color:#087c82}.file-dialog button.danger{color:#fff;background:#b93838;border-color:#b93838}.file-explorer:has(.file-save-form){grid-template-rows:auto auto auto minmax(140px,1fr) auto auto}.file-save-form{background:#eaf4f6;border-top:1px solid #bdd7dd;gap:10px;padding:15px 18px;display:grid}.file-save-form label{grid-template-columns:145px 1fr;align-items:center;gap:10px;font-weight:700;display:grid}.file-save-form input,.file-save-form select{color:#17394a;font:inherit;background:#fff;border:1px solid #89acb8;border-radius:8px;width:100%;padding:10px}.file-save-form>div{justify-content:flex-end;gap:10px;display:flex}.file-save-form button{cursor:pointer;color:#17394a;background:#fff;border:1px solid #89acb8;border-radius:8px;padding:10px 22px;font-weight:700}.file-save-form .file-save-submit{color:#fff;background:#087c82;border-color:#087c82}:is(.file-explorer,.file-explorer:has(.file-save-form)){flex-direction:column;display:flex}.file-area{flex:1;min-height:100px}.file-destination{align-items:center;gap:12px;padding:10px 16px;font-weight:700;display:flex}.file-destination select{background:#fff;border:1px solid #89acb8;border-radius:8px;flex:1;min-width:0;padding:8px}.file-path{gap:8px;padding:0 16px 10px;display:flex}.file-path label{flex:1;align-items:center;gap:10px;display:flex}.file-path input{border:1px solid #89acb8;border-radius:6px;width:100%;min-width:0;padding:7px}.file-path button{background:#fff;border:1px solid #89acb8;border-radius:6px;padding:7px 14px}.file-breadcrumb{flex-wrap:wrap}.file-toolbar,.file-save-form,.file-message,.file-path,.file-destination,.file-breadcrumb,.file-explorer>header{flex-shrink:0}@media (max-width:650px){.file-destination{gap:5px;display:grid}.file-save-form label{grid-template-columns:1fr}.file-toolbar{gap:4px;padding:7px}.file-save-form{padding:10px}}.file-root-note{color:#466773;flex-shrink:0;margin:0;padding:3px 16px 8px;font-size:.78rem}