.storage-page{overflow:hidden}.storage-page .shell{height:100dvh;min-height:0}.storage-page .workspace{display:flex;flex-direction:column;min-height:0;height:100%}.storage-page .topbar{flex-shrink:0}.storage-page #content{max-width:none;width:100%;padding:0;margin:0;flex:1;min-height:0}.storage-page #storage-view{height:100%;min-height:0;display:flex;flex-direction:column}.storage-page #storage-transfer:not(:empty){padding:0 20px}.storage-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;padding:15px}.storage-sort:hover{background:var(--ui-surface-ffffff14,#ffffff14)}.storage-sort:focus-visible{outline:2px solid var(--ui-line-accent-d4ef97,#d4ef97);outline-offset:-4px}.storage-sort [data-storage-sort-arrow]{font-size:15px;opacity:.7}.storage-table th[data-storage-sort-heading]{padding:0}.storage-table th[aria-sort=ascending] [data-storage-sort-arrow],.storage-table th[aria-sort=descending] [data-storage-sort-arrow]{opacity:1;color:var(--ui-text-accent-d4ef97,#d4ef97)}.storage-size-pending{font-size:11px;color:var(--ui-text-768279,#768279)}.storage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0;padding:20px 20px 10px;flex-shrink:0}.storage-toolbar h1{font-size:26px;margin:0 0 7px}.storage-toolbar>div>span{font-size:12px;color:var(--ui-text-6b7b73,#6b7b73)}.storage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.storage-pathbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 20px;flex-shrink:0}.storage-pathbar nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.storage-pathbar nav button{border:0;background:none;font:inherit;font-size:13px;color:var(--ui-text-accent-285b47,#285b47);padding:7px 3px;cursor:pointer;overflow-wrap:anywhere}.storage-search{width:240px;max-width:100%}.storage-search input{width:100%;min-width:0;border:1px solid var(--ui-line-accent-dce4da,#dce4da);border-radius:10px;background:var(--ui-surface-ffffff,white);padding:12px;font:inherit;font-size:13px}.storage-scroll{border-top:1px solid var(--ui-line-accent-e0e6de,#e0e6de);border-bottom:1px solid var(--ui-line-accent-e0e6de,#e0e6de);background:var(--ui-surface-ffffff,white);overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}.storage-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.storage-table th{text-align:left;background:var(--ui-surface-accent-203c34,#203c34);color:var(--ui-text-ffffff,white);font-size:11px;font-weight:500;padding:15px;position:sticky;top:0;z-index:1}.storage-table th:first-child{width:60%}.storage-table th:nth-child(2){width:22%}.storage-table th:nth-child(3){width:12%}.storage-table th:last-child{width:52px}.storage-table td{padding:8px 15px;border-bottom:1px solid var(--ui-line-accent-e8ece5,#e8ece5)}.storage-table tr:hover td{background:var(--ui-surface-accent-f5f8f0,#f5f8f0)}.storage-file{border:0;background:none;color:inherit;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;width:100%;padding:7px 0;cursor:pointer;min-width:0}.storage-file>span:last-child{overflow-wrap:anywhere;min-width:0}.storage-file small{display:block;font-size:10px;color:var(--ui-text-768279,#768279);margin-top:5px}.storage-file-icon{flex-shrink:0;display:grid;place-items:center;width:37px;height:42px;border-radius:9px;background:var(--ui-surface-accent-edf1e7,#edf1e7);color:var(--ui-text-accent-37644b,#37644b)}.storage-file-icon.folder{background:var(--ui-surface-accent-e8efd7,#e8efd7);color:var(--ui-text-accent-6b8138,#6b8138)}.storage-file-icon svg{width:21px;height:21px}.storage-empty{padding:32px!important;color:var(--ui-text-68786e,#68786e);line-height:1.8;text-align:center;overflow-wrap:anywhere}.storage-foot{font-size:11px;color:var(--ui-text-7c887e,#7c887e);padding:10px 20px;flex-shrink:0}.storage-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.storage-menu .btn{justify-content:flex-start;min-height:44px}.storage-danger{color:var(--ui-text-9a4646,#9a4646)}.storage-history>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ui-line-accent-e3e8df,#e3e8df);overflow-wrap:anywhere}.storage-history small{display:block;color:var(--ui-text-798578,#798578);font-size:11px;margin-top:6px}.storage-history .btn{flex-shrink:0}#storage-transfer>div{display:flex;align-items:center;gap:12px;font-size:12px}#storage-transfer span{flex:1;overflow-wrap:anywhere}#storage-transfer progress{width:100%;height:7px;accent-color:var(--ui-control-accent-275c47,#275c47);margin:9px 0 15px}.storage-drop{outline:3px dashed var(--ui-line-accent-74965e,#74965e);outline-offset:4px}#storage-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--ui-surface-accent-f1f4ef,#f1f4ef);color:var(--ui-text-accent-243c30,#243c30)}#storage-viewer[open]{display:flex;flex-direction:column}#storage-viewer::backdrop{background:var(--ui-surface-accent-203c34,#203c34)}#storage-viewer>header{display:flex;align-items:center;gap:12px;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));background:var(--ui-surface-ffffff,white);border-bottom:1px solid var(--ui-line-accent-dfe5db,#dfe5db);flex-shrink:0}#storage-viewer>header>div{flex:1;min-width:0}#storage-viewer strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#storage-viewer small{display:block;font-size:11px;color:var(--ui-text-6d7d71,#6d7d71);margin-top:4px}#storage-document{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}#storage-document iframe,#storage-office-editor{border:0;width:100%;height:100%}#storage-document>img,#storage-document>video{max-width:100%;max-height:100%;object-fit:contain}.storage-loading{color:var(--ui-text-758372,#758372);font-size:14px}#storage-viewer .icon-btn{flex-shrink:0}#storage-viewer .icon-btn svg{width:22px;height:22px}
@media(max-width:900px){.storage-table th:first-child{width:48%}.storage-table th:nth-child(2){width:27%}.storage-table th:nth-child(3){width:18%}}
@media(max-width:600px){.nav{grid-template-columns:repeat(6,minmax(0,1fr))}.nav .nav-btn{min-width:0;padding:9px 2px;gap:5px}.nav .nav-btn span{font-size:8px;white-space:normal;line-height:1.2}.storage-page .shell{padding-bottom:70px}.storage-page #content{padding:0}.storage-toolbar{padding:14px 10px 6px}.storage-pathbar{padding:8px 10px}.storage-foot{padding:8px 10px}.storage-page #storage-transfer:not(:empty){padding:0 10px}.storage-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:3px}.storage-toolbar h1{font-size:23px}.storage-actions{width:100%;gap:6px}.storage-actions .btn{padding:10px 11px;font-size:12px}.storage-actions .icon-btn{margin-left:auto}.storage-pathbar{flex-wrap:wrap;gap:5px}.storage-search{width:100%}.storage-table{min-width:550px}.storage-table th:first-child{width:auto}.storage-table th:nth-child(2){width:150px}.storage-table th:nth-child(3){width:100px}.storage-table th:last-child{width:43px}.storage-table th,.storage-table td{padding:9px}.storage-file{gap:8px;font-size:12px}.storage-file-icon{width:29px;height:35px}.storage-sort{padding:12px 9px}.storage-foot{line-height:1.6}.storage-menu{grid-template-columns:1fr}#storage-viewer>header{padding:10px;gap:5px}#storage-viewer>header .btn span{display:none}#storage-viewer small{font-size:10px}.storage-history>div{align-items:flex-start}.storage-history .btn{font-size:11px;padding:8px}}

.storage-pdf{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.storage-pdf-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;background:var(--ui-surface-accent-e2e8dd,#e2e8dd);flex-shrink:0;font-size:12px}.storage-pdf-scroll{overflow:auto;flex:1;min-height:0;padding:12px;display:block;text-align:center}.storage-pdf-scroll canvas{background:var(--ui-surface-ffffff,white);box-shadow:0 2px 12px var(--ui-shadow-accent-203c3420,#203c3420);max-width:none;display:block;margin:0 auto}
.storage-acl{overflow:auto;max-height:52vh;margin:18px 0;border:1px solid var(--ui-line-accent-e0e6de,#e0e6de);border-radius:10px}.storage-acl table{border-collapse:collapse;width:100%;min-width:440px;font-size:13px}.storage-acl th{background:var(--ui-surface-accent-203c34,#203c34);color:var(--ui-text-ffffff,white);text-align:left;padding:12px;position:sticky;top:0}.storage-acl td{padding:12px;border-bottom:1px solid var(--ui-line-accent-e0e6de,#e0e6de)}.storage-acl small{display:block;font-size:11px;color:var(--ui-text-6b7b73,#6b7b73);margin-top:5px}.storage-acl select{padding:9px 6px;border:1px solid var(--ui-line-accent-dce4da,#dce4da);border-radius:7px;background:var(--ui-surface-ffffff,white);font:inherit;width:100%}

.storage-upload-results{max-height:65vh;overflow:auto;overflow-wrap:anywhere}#storage-transfer strong{flex-shrink:0;font-weight:500;font-variant-numeric:tabular-nums}.storage-drop{outline-offset:-4px}@media(max-width:600px){#storage-transfer>div{flex-wrap:wrap;gap:6px}#storage-transfer span{flex-basis:calc(100% - 40px)}#storage-transfer strong{order:2;flex-basis:100%;font-size:11px}}

.storage-scroll{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y pinch-zoom}.storage-table .storage-selected td{background:var(--ui-surface-accent-e7efde,#e7efde)}.storage-table .storage-cut .storage-file{opacity:.45}#storage-clipboard{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--ui-surface-accent-eaf0df,#eaf0df);border-block:1px solid var(--ui-line-accent-dce5ce,#dce5ce);font-size:12px;flex-shrink:0}#storage-clipboard>span{flex:1;min-width:0;overflow-wrap:anywhere}#storage-clipboard strong{font-weight:500}#storage-clipboard small{display:block;color:var(--ui-text-accent-64785d,#64785d);font-size:11px;margin-top:4px}#storage-clipboard>.btn,#storage-clipboard>.icon-btn{flex-shrink:0}#storage-context-layer{position:fixed;inset:0;z-index:1000;pointer-events:none}.storage-context-backdrop{position:absolute;inset:0}#storage-context-menu{pointer-events:auto;position:absolute;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--ui-surface-fffefb,#fffefb);border:1px solid var(--ui-line-accent-d7e0d0,#d7e0d0);border-radius:13px;box-shadow:0 12px 42px var(--ui-shadow-accent-1a30292e,#1a30292e);color:var(--ui-text-accent-243c30,#243c30)}.storage-context-title{font-size:12px;font-weight:600;overflow-wrap:anywhere;padding:9px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--ui-line-accent-e3e9de,#e3e9de)}#storage-context-menu [role=menuitem]{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 10px;min-height:38px;border:0;border-radius:7px;background:transparent;text-align:left;color:inherit;font:inherit;font-size:13px;cursor:pointer}#storage-context-menu [role=menuitem]:hover:not(:disabled),#storage-context-menu [role=menuitem]:focus-visible{background:var(--ui-surface-accent-eaf1e0,#eaf1e0);outline:none}#storage-context-menu [role=menuitem]:disabled{opacity:.38;cursor:default}#storage-context-menu .storage-danger{color:var(--ui-text-a0443e,#a0443e)}#storage-context-menu .storage-danger:hover:not(:disabled){background:var(--ui-surface-faece7,#faece7)}#storage-context-menu kbd{font:inherit;font-size:11px;color:var(--ui-text-7b8677,#7b8677);flex-shrink:0}#storage-context-menu .storage-context-close{display:none}
@media(max-width:600px),(pointer:coarse){.storage-context-backdrop{background:var(--ui-surface-accent-13291f59,#13291f59);pointer-events:auto}#storage-context-menu{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:80dvh;padding:8px;border-radius:18px}.storage-context-title{font-size:14px;padding:12px}#storage-context-menu [role=menuitem]{min-height:46px;padding:12px;font-size:15px}#storage-context-menu kbd{display:none}#storage-context-menu .storage-context-close{display:flex;justify-content:center;border-top:1px solid var(--ui-line-accent-e3e9de,#e3e9de);margin-top:6px;border-radius:0;font-weight:500}#storage-clipboard{padding:10px;gap:6px}#storage-clipboard small{font-size:10px}}

.storage-can-drag .storage-file{cursor:grab}.storage-can-drag .storage-file:active{cursor:grabbing}.storage-can-drag{user-select:none}.storage-dragging{opacity:.55}.storage-drag-out .storage-foot{color:var(--accent-text);font-weight:600}