:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263244;background:#f5f7fa;--blue:#1765d1;--bg:#f5f7fa;--card:#fff;--line:#e3e8ef;--text:#263244;--muted:#657286;--shadow:0 12px 48px #1b30521a}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:10px;background:var(--blue);color:#fff;cursor:pointer;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}:focus-visible{outline:3px solid #7bb5ff;outline-offset:3px}a{color:var(--blue)}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--card);color:var(--text);min-width:0}input,textarea{width:100%}input[type=checkbox],input[type=radio]{width:auto}label{display:block;color:var(--muted)}label input{margin-top:6px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:0}h2{font-size:18px;font-weight:600}h3{font-size:15px}hr,.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.svg-icon{width:21px;height:21px;flex-shrink:0}.icon{width:44px;height:44px;min-width:44px;padding:10px;background:transparent;color:var(--muted);border-radius:12px}.ghost{background:var(--bg);color:var(--text);border-color:var(--line)}.selected{background:#e5efff!important;color:#165bb7!important;border-color:#c9dcfa!important}.hidden,[hidden]{display:none!important}.muted,.small,.status{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spaced{margin-top:8px}.grow{flex:1;min-width:0}.header{height:80px;display:flex;align-items:center;gap:12px;padding:12px 28px;position:sticky;top:0;z-index:20;background:var(--bg);padding-top:max(12px,env(safe-area-inset-top))}.brand{width:210px;justify-content:flex-start;background:none;color:var(--text);font-size:22px;font-weight:600;padding:0}.brand-mark{display:inline-grid;place-items:center;width:34px;height:36px;background:#2369d8;color:#fff;border-radius:10px 10px 15px;font-size:20px}.nav-toggle{display:none}.searchbox{position:relative;max-width:760px;margin-right:auto}.searchbox>.svg-icon{position:absolute;left:16px;top:14px;color:var(--muted)}.searchbox input{height:48px;background:#eaf0f7;border-color:transparent;border-radius:24px;padding-left:46px}.account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.sidebar{position:fixed;top:80px;left:16px;bottom:16px;width:220px;padding:16px 8px;overflow:auto;z-index:21}.nav-caption{font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:0 14px;margin:8px 0 14px}.nav-item{display:flex;justify-content:flex-start;width:100%;gap:13px;background:transparent;color:var(--text);border-radius:24px;margin:4px 0}.nav-item.active{background:#dfeaff;color:#1559b4;font-weight:600}.main{margin:0 24px 24px 256px;min-height:calc(100dvh - 104px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0}.content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:5px}.crumbs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-bottom:18px;color:var(--muted)}.crumb{background:transparent;color:var(--muted);padding:4px 7px;min-height:32px;font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.view-controls{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:12px;overflow:hidden}.view-controls .icon{border-radius:0}.filterbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{min-height:36px;padding:7px 13px;background:#fff;border-color:var(--line);color:var(--muted);border-radius:20px;font-size:12px}.filterbar select{font-size:12px;min-height:40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding-top:12px}.tile{position:relative;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--card)}.tile:hover{background:#f8faff;border-color:#cbdaf0}.file-open{display:flex;width:100%;border:0;background:transparent;color:var(--text);border-radius:14px;justify-content:flex-start;text-align:left;padding:14px 52px 14px 16px;min-width:0}.file-info{display:flex;flex-direction:column;min-width:0;gap:2px}.nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sz{font-size:12px;color:var(--muted)}.thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;background:#edf3fd;color:#3375d6;margin-right:10px}.folder-art{color:#cd9324;background:#fff6dc}.thumb .svg-icon{width:25px;height:25px}.file-menu-button{position:absolute;right:5px;top:12px}.file-list{display:flex;flex-direction:column}.file-list .tile{border:0;border-bottom:1px solid var(--line);border-radius:0}.grid .file-open{display:block;padding:18px 14px}.grid .thumb{width:100%;height:115px;margin:0 0 12px;background:#f4f7fc}.grid .thumb .svg-icon{width:48px;height:48px}.grid .file-info{padding-right:12px}.grid .file-menu-button{top:4px;right:4px;background:#ffffffdf}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty>.svg-icon{width:52px;height:52px;margin-bottom:16px;color:#93add2}.empty h2{color:var(--text)}.loadmore{margin-top:20px}.status{padding:12px;background:#f1f6ff;border-radius:10px;overflow-wrap:anywhere}.err{color:#b42318;font-size:13px;overflow-wrap:anywhere}.ok{color:#187446;font-size:13px}.drop{position:fixed;inset:16px;border:2px dashed var(--blue);border-radius:20px;background:#f6faffed;display:grid;place-items:center;z-index:100;font-size:22px;color:var(--blue)}.app-dialog{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--text);padding:24px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:var(--shadow)}.app-dialog::backdrop{background:#16263c66}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-heading h2{margin:0;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.action-list{display:flex;flex-direction:column;gap:8px}.action-list button{justify-content:flex-start}.modal,.viewer{position:fixed;inset:0;background:#16263c66;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:var(--shadow)}.panel{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);background:#fff;border-left:1px solid var(--line);z-index:40;box-shadow:var(--shadow);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.bar>span{min-width:0;overflow-wrap:anywhere}.notelist{overflow:auto;padding:16px}.notelist .n{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer}.notelist b{display:block}.notelist small{color:var(--muted)}.noteeditor{padding:16px;display:flex;flex-direction:column;flex:1;gap:12px;min-height:0}.notebody{flex:1;min-height:150px;resize:vertical}.viewer-body{background:#fff;width:min(1100px,100%);height:min(86dvh,850px);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.preview-content{flex:1;overflow:auto;min-height:0}.viewer-body iframe,.viewer-body img{width:100%;height:100%;border:0;object-fit:contain}.viewer-body video{width:100%;max-height:100%}.preview-message{padding:30px}.audio-preview{width:calc(100% - 40px);margin:20px}.login{display:grid;place-items:center;min-height:100dvh;padding:20px}.login .card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:24px;background:#fff;padding:32px;box-shadow:var(--shadow)}.login h1{text-align:center;color:var(--blue);margin-bottom:12px}.login p{margin-bottom:0}.mono{font:12px ui-monospace,monospace;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px}.link{background:none;color:var(--blue);padding:6px;min-height:44px}.searchres ul{list-style:none;padding:0}.searchres li{padding:16px;border-bottom:1px solid var(--line);cursor:pointer}.userlist{padding:0;list-style:none}.userlist li{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:8px}.newuser{display:flex;flex-direction:column;gap:8px}.drawer-backdrop{display:none}@media(min-width:1600px){.main{max-width:1450px;margin-right:auto}.header{max-width:1740px}}@media(max-width:1000px){.header{padding-left:16px;padding-right:16px;gap:8px}.brand{width:auto;margin-right:10px}.sidebar{width:190px;left:8px}.main{margin-left:210px;padding:22px}.account-name{display:none}}@media(max-width:760px){.header{height:auto;min-height:116px;flex-wrap:wrap;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));gap:4px}.nav-toggle{display:inline-flex}.brand{flex:1;font-size:20px}.searchbox{order:2;flex-basis:100%;max-width:none;margin:6px 0 0}.searchbox input{font-size:16px;height:44px}.searchbox>.svg-icon{top:12px}.header>.icon{width:40px;min-width:40px;padding:9px}.sidebar{top:0;bottom:0;left:0;width:min(290px,82vw);padding:calc(24px + env(safe-area-inset-top)) 16px 24px;background:#fff;transform:translate(-110%);transition:transform .18s ease;z-index:31}.drawer-open .sidebar{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#17243966;z-index:30;border:0;border-radius:0;width:100%;height:100%}.main{margin:8px 10px calc(12px + env(safe-area-inset-bottom));padding:20px 14px;min-height:calc(100dvh - 140px);border-radius:16px}h1{font-size:25px}.toolbar{gap:8px;margin-bottom:16px}.toolbar>button{padding:9px 12px}.view-controls .icon{min-width:38px;width:38px}.filters{flex-wrap:nowrap;overflow:auto;max-width:100%;padding:3px 0 6px}.chip{flex-shrink:0;min-height:40px}.filterbar{gap:8px}.filterbar select{margin-left:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .thumb{height:100px}.grid .file-open{padding:12px}.file-open{padding-left:8px}.thumb{width:36px;margin-right:4px}.nm{font-size:13px}.eyebrow{font-size:9px}.modal .card,.app-dialog{padding:20px}input,select,textarea,.filterbar select{font-size:16px}.viewer-body{height:90dvh}.bar{padding:12px}.panel{padding-top:env(safe-area-inset-top)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.account-button{border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;background:#dce8ff;color:#2158a4;font-weight:600}.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}@media(max-width:760px){.sidebar{visibility:hidden}.drawer-open .sidebar{visibility:visible}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar>button{white-space:nowrap}.view-controls{grid-column:2;justify-self:end}.header .brand{min-width:0}.filterbar{margin-top:4px}}.thumb img{max-width:100%;max-height:100%;object-fit:cover;border-radius:8px}.star-badge{display:inline-flex;margin-left:8px;vertical-align:middle;color:#b78115}.star-badge .svg-icon{width:14px;height:14px;fill:#fff0b3}.toolbar{gap:8px;margin-bottom:12px}.toolbar>button{min-height:40px;padding:8px 13px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.photo-grid .tile{border:0;border-radius:5px;overflow:hidden}.photo-grid .file-open{display:block;padding:0;border-radius:0}.photo-grid .thumb{aspect-ratio:1;width:100%;height:auto;margin:0;border-radius:0;background:#edf1f7}.photo-grid .thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}.photo-grid .file-info{padding:8px 10px}.photo-grid .file-menu-button{top:5px;background:#fffffff0}.lightbox{border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#090b10;color:#fff;overflow:hidden}.lightbox::backdrop{background:#090b10}.lightbox-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top)) 20px 32px;background:linear-gradient(#0009,transparent);pointer-events:none}.lightbox-top>*{pointer-events:auto}.lightbox-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#e4e8ef}.lightbox .icon{color:#fff;background:#ffffff16;border-radius:50%}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-count{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:5px 12px;background:#0008;border-radius:20px;font-size:12px}.lightbox-error{padding:30px;text-align:center}.lightbox-error a{color:#99c6ff}@media(max-width:760px){.toolbar{display:flex;flex-wrap:wrap}.toolbar>button{flex:none}.toolbar .view-controls{margin-left:auto}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.photo-grid .file-info{display:none}.photo-grid .file-menu-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}.lightbox-top{padding-left:12px;padding-right:12px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}.new-button{margin:0 0 22px 8px;background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 2px 5px #26324420;border-radius:16px;min-height:56px;padding:12px 22px}.document-content{min-height:180px;resize:vertical}.toolbar{justify-content:flex-end;margin:0 0 10px}.content-heading{margin-bottom:8px}.eyebrow{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.grid .tile{background:#f0f4fa;border:0;padding:8px}.grid .file-open{display:flex;flex-direction:column-reverse;gap:10px;padding:0}.grid .file-info{width:100%;padding:4px 38px 0 8px}.grid .thumb{height:190px;margin:0;background:#fff}.grid .thumb img{width:100%;height:100%;object-fit:cover}.grid .sz{display:none}.grid .file-menu-button{background:transparent;top:7px;right:7px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.photo-grid .tile{padding:8px;background:#f0f4fa;border-radius:12px}.photo-grid .file-open{display:flex;flex-direction:column-reverse;gap:8px}.photo-grid .file-info{display:block;width:100%;padding:4px 38px 4px 6px}.photo-grid .sz{display:none}.photo-grid .thumb{border-radius:6px}.photo-grid .file-menu-button,.lightbox{background:transparent}.lightbox::backdrop{background:#080a0dd9}.lightbox-stage{inset:76px 64px 48px;touch-action:none;overflow:hidden}.lightbox-stage img{transform:translate(var(--photo-x,0px),var(--photo-y,0px)) scale(var(--photo-scale,1));transform-origin:center;user-select:none;-webkit-user-select:none}.lightbox-top{background:#111c;padding:10px 16px;justify-content:flex-start}.lightbox-caption{flex:1}.photo-zoom{display:flex;align-items:center;gap:4px}.zoom-reset{background:transparent;color:#fff;padding:4px 8px;min-width:64px}.lightbox .icon{border:1px solid #ffffff30}.lightbox-nav{font-size:26px}.lightbox:focus-visible{outline:none}@media(max-width:760px){.grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid .thumb{height:145px}.photo-grid .file-info{display:block}.photo-grid .nm{font-size:12px}.lightbox-stage{inset:68px 0 42px}.lightbox-top{padding-top:max(10px,env(safe-area-inset-top));gap:5px}.photo-zoom{gap:0}.photo-zoom .icon{width:36px;min-width:36px;padding:6px}.zoom-reset{min-width:52px;font-size:12px;padding:3px}.lightbox-caption{font-size:11px}.toolbar{display:flex}.new-button{margin-top:4px}.main{padding-top:16px}}.anchored-menu{position:fixed;inset:auto;margin:0;left:var(--menu-x);top:var(--menu-y);width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:6px 0;border:1px solid #dadce0;border-radius:8px;background:#f3f6fa;color:#202124;box-shadow:0 4px 14px #0003}.anchored-menu::backdrop{background:transparent}.anchored-menu .action-list{display:flex;flex-direction:column;gap:0;padding:0}.anchored-menu .action-list>button{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:44px;margin:0;padding:10px 16px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font-size:14px;box-shadow:none}.anchored-menu .action-list>button:hover,.anchored-menu .action-list>button:focus-visible{background:#e2e7ef;outline:0}.anchored-menu .action-list>button svg{width:20px;height:20px;flex:none}.anchored-menu[aria-label=New] .action-list>button:last-child{border-top:1px solid #dce1e8;margin-top:5px;padding-top:13px}.nm{display:flex;align-items:center;gap:7px}.nm>.svg-icon{width:18px;height:18px;flex:none}.type-image{color:#d74736}.type-pdf{color:#c62828}.type-document{color:#2869cc}.type-sheet{color:#178047}.type-slides{color:#b77c00}.type-video{color:#9b39ba}.type-audio{color:#b83c87}.type-archive{color:#795548}.tile{content-visibility:auto;contain-intrinsic-size:auto 74px}.grid .tile,.photo-grid .tile{contain-intrinsic-size:auto 250px}.virtual-files{display:grid;grid-template-columns:repeat(var(--virtual-cols,1),minmax(0,1fr));grid-auto-rows:var(--virtual-row,82px);gap:0 16px;padding-top:var(--virtual-top,0);padding-bottom:var(--virtual-bottom,0)}.virtual-files>.tile{height:calc(var(--virtual-row,82px) - 12px);content-visibility:visible;contain-intrinsic-size:none;overflow:hidden}.virtual-files.photo-grid .thumb{height:190px;aspect-ratio:auto}.virtual-files .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.virtual-files{column-gap:8px}.virtual-files.photo-grid .thumb,.virtual-files.grid .thumb{height:145px}}.pdf-preview{height:100%;display:flex;flex-direction:column;min-height:0}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:6px;flex-shrink:0}.pdf-controls button{min-width:44px;min-height:44px}.pdf-pages{overflow:auto;flex:1;min-height:0;padding:12px 0;background:#e5e7eb;overscroll-behavior:contain}.pdf-pages canvas{display:block;margin:0 auto;background:#fff}.pdf-status{margin:4px 12px}.viewer-body>.bar{flex-shrink:0}.viewer-body>.bar button{flex-shrink:0;min-width:60px;min-height:44px}.viewer-body>.preview-content:has(.pdf-preview){overflow:hidden}@media(max-width:600px){.viewer:has(.pdf-preview){padding:0}.viewer:has(.pdf-preview) .viewer-body{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.viewer-actions{position:relative}.viewer-actions .viewer-menu{position:absolute;right:0;top:48px;z-index:10;min-width:210px;padding:6px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0004}.viewer-menu button{display:flex;width:100%;justify-content:flex-start;background:transparent;color:var(--text);border-radius:6px}.viewer-menu p{padding:8px;margin:0;font-size:12px}.lightbox .icon{background:transparent;border:0;border-radius:8px}.viewer-actions button,.lightbox button{-webkit-tap-highlight-color:transparent}.viewer button:focus:not(:focus-visible),.lightbox button:focus:not(:focus-visible){outline:none;box-shadow:none}@media(hover:none){.lightbox button:hover,.viewer button:hover{filter:none}}.virtual-files{overflow-anchor:none}.video-viewer{background:#080a0de8;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.video-viewer .viewer-body{height:auto;max-height:calc(100dvh - 24px);width:fit-content;max-width:min(1100px,100%);background:#111;color:#eee;border-radius:12px}.video-viewer .bar{border:0;padding:8px 12px;justify-content:flex-end}.video-viewer .bar>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-viewer .bar .icon{color:#fff;min-width:44px;background:transparent}.video-viewer .preview-content{flex:none;overflow:auto}.video-viewer video{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 100px);margin:auto;background:#000}.video-viewer .preview-message a{color:#9dc8ff}.viewer{background:#080a0de8}.viewer-body{background:#111;color:#eee;border-radius:12px}.viewer-body>.bar{padding:8px 12px;border:0;gap:8px}.viewer-body>.bar>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-body>.bar button{min-width:44px}.viewer-body>.bar .icon{background:transparent;color:#eee}.pdf-pages{touch-action:none;overscroll-behavior:contain;background:#17191d;padding:0}.pdf-pages canvas{transform-origin:center center}.pdf-controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:2;padding:0 6px;background:#222d;border-radius:24px;color:#fff}.pdf-controls .icon{color:#fff}.pdf-preview{position:relative}.pdf-status{position:absolute;top:6px;left:8px;z-index:1;background:#222b;border-radius:8px;padding:4px 8px;font-size:12px}.viewer .viewer-menu{color:var(--text)}.folder-browser{position:relative}.folder-tools{display:flex;justify-content:flex-end;align-items:center;gap:6px;position:relative;margin:4px 0 12px}.folder-options{position:absolute;right:0;top:48px;z-index:12;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow);width:min(300px,85vw);display:grid;gap:10px}.folder-options select{display:block;width:100%}.folder-browser .content-heading{margin-bottom:0}.folder-browser .crumbs{margin:0;white-space:nowrap;overflow:auto;flex-wrap:nowrap}.folder-browser>.small{font-size:11px;margin:0;float:left;line-height:44px}.pdf-controls{position:relative;bottom:auto;left:auto;transform:none;align-self:center;flex-shrink:0;border-radius:0;background:transparent;padding:0;gap:0}.pdf-controls form{display:flex;align-items:center;gap:4px}.pdf-controls input{width:48px;padding:4px;text-align:center;background:transparent;color:inherit;border:1px solid #555;min-height:32px}.pdf-thumbnails{position:absolute;z-index:4;left:0;top:44px;bottom:0;width:140px;padding:10px;overflow:auto;background:#202226;box-shadow:4px 0 14px #0005}.page-thumb{display:flex;flex-direction:column;background:transparent;border:2px solid transparent;border-radius:8px;padding:6px;width:100%;margin-bottom:8px;color:#fff}.page-thumb.current{border-color:#8cbcff}.page-thumb canvas{width:100px!important;height:auto!important;min-height:100px;background:#fff}.page-thumb span{font-size:12px}.pdf-status{top:48px;pointer-events:none}@media(max-width:760px){.header{position:sticky;top:0;z-index:30;min-height:0;padding:6px 12px}.header .searchbox{margin:2px 0;flex-basis:100%}.header{transition:transform .18s ease}.compact-header .header>.nav-toggle,.compact-header .header>.brand,.compact-header .header>.account-button{visibility:hidden;pointer-events:none}.compact-header .header{transform:translateY(-48px)}.main{padding:10px}.folder-browser h1{font-size:20px}.folder-browser .content-heading{gap:6px}.folder-browser .crumbs{font-size:12px}.folder-tools{margin-bottom:8px}.folder-tools button{min-height:40px;padding:6px 10px}.folder-browser .eyebrow{display:none}}.floating-create{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(32px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .2s,transform .2s}.floating-create.is-hidden{opacity:0;transform:translateY(18px);pointer-events:none}.new-fab,.scan-fab{padding:0;border-radius:50%;box-shadow:0 4px 18px #0003;border:1px solid #ffffff30}.new-fab{width:60px;height:60px;background:#dce9ff;color:#215bab}.new-fab .svg-icon{width:29px;height:29px}.scan-fab{width:46px;height:46px;background:var(--card);color:var(--text)}.scan-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;max-height:45dvh;overflow:auto}.scan-pages article{min-width:0;padding:8px;background:var(--bg);border-radius:10px;overflow:hidden}.scan-pages img{width:100%;height:150px;object-fit:contain}.scan-pages span{display:block;text-align:center}.scan-pages button{font-size:12px;padding:6px;flex:1}.main{padding-bottom:150px}@media(prefers-reduced-motion:reduce){.floating-create{transition:none}}@media(max-width:760px){.sidebar .new-button{display:none}.floating-create{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(32px + env(safe-area-inset-bottom,0px))}}.tile .file-open{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.tile .file-open img{-webkit-touch-callout:none;pointer-events:none}.tile.selected{background:#d3e7ff;outline:2px solid #4689d9;outline-offset:-2px}.tile{position:relative}.selection-check{position:absolute;right:12px;top:12px;width:24px;height:24px;border:2px solid #7991ab;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:var(--surface,#fff);color:#fff}.tile.selected .selection-check{background:#176bce;border-color:#176bce}.tile.selecting .file-menu-button{visibility:hidden}.selection-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.folder-picker{display:flex;flex-direction:column;max-height:45dvh;overflow:auto;gap:6px}.folder-picker button{text-align:left;min-height:44px}.move-path{overflow-wrap:anywhere}.live-badge{display:inline-flex;padding:3px 7px;border-radius:6px;background:#202124b8;color:#fff;font-size:11px;letter-spacing:.06em;pointer-events:none}.tile>.live-badge{position:absolute;top:10px;left:10px}.live-motion{position:absolute;display:block;overflow:hidden;pointer-events:none;visibility:hidden}.live-motion.playing{visibility:visible}.live-motion video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.live-motion.ready{background:#090b10}.live-motion>p{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:10px;background:#090b10cc;color:#fff;border-radius:8px}.live-play-control{z-index:2}.viewer{position:fixed!important;inset:0!important;z-index:1000!important;padding:0!important;background:#202124!important;display:flex!important}.viewer .viewer-body{width:100%!important;height:100dvh!important;max-height:none!important;max-width:none!important;border-radius:0!important;background:#202124;color:#eee;display:flex;flex-direction:column}.viewer .bar{flex:none;background:#202124;color:#eee;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;gap:12px}.viewer .bar>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer .preview-content{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.video-viewer video{width:100%;height:100%;max-height:calc(100dvh - 85px);object-fit:contain}.document-editor{display:flex;flex-direction:column;min-height:45dvh;flex:1;background:var(--surface,#fff);color:#202124}.editor-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;position:sticky;top:0;background:#f1f3f5;z-index:2}.editor-toolbar button{min-width:40px;min-height:40px;background:transparent;color:#202124}.editor-toolbar select{width:auto;max-width:110px}.editor-toolbar input[type=color]{width:40px;padding:2px}.editor-body{width:100%;flex:1;min-height:45dvh;padding:20px;border:0;resize:vertical;overflow:auto;font-size:16px;line-height:1.6;white-space:pre-wrap;outline:none}.text-preview{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px}.text-preview>button{align-self:center;margin:12px}.noteeditor .document-editor{height:65dvh}.editor-body img{max-width:100%}.viewer .bar{transition:opacity .15s}.viewer .bar,.viewer .source-tools,.viewer .pdf-controls{transition:opacity .2s ease,transform .2s ease;transform:translateY(0);opacity:1}.viewer.chrome-hidden .bar,.viewer.chrome-hidden .source-tools,.viewer.chrome-hidden .pdf-controls{opacity:0;transform:translateY(-10px);pointer-events:none}.pdf-status{height:2px!important;font-size:0!important;padding:0!important;background:linear-gradient(90deg,transparent,#79aaff,transparent);background-size:200% 100%;animation:preview-loading 1s linear infinite}@keyframes preview-loading{to{background-position:-200% 0}}.attachment-button{padding:8px;cursor:pointer;border-radius:8px;background:#e4e9ef}.tile .thumb{position:relative}.tile .thumb .live-indicator{position:absolute;right:5px;bottom:5px;width:20px;height:20px;min-width:20px;padding:2px;display:grid;place-items:center;background:#16191db3;color:#fff;border-radius:50%;pointer-events:none;line-height:1;box-sizing:border-box}.tile .thumb .live-indicator svg{width:16px;height:16px;display:block}.file-list .tile .thumb .live-indicator{right:2px;bottom:2px;width:16px;height:16px;min-width:16px;padding:1px}.file-list .tile .thumb .live-indicator svg{width:14px;height:14px}.tile,.tile *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tile img,.lightbox-stage img{-webkit-user-drag:none}.selection-bar{position:fixed;z-index:45;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(32px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));display:flex;flex-wrap:nowrap;gap:5px;margin:0;padding:7px;border-radius:18px;background:var(--card,#fff);box-shadow:0 5px 24px #0003;border:1px solid var(--line,#dce2eb)}.selection-bar>span{font-size:13px;white-space:nowrap;padding:0 4px}.selection-bar>button{min-height:44px;white-space:nowrap}.selection-bar>.icon{width:44px;min-width:44px;padding:10px}.selection-bar>.ghost{padding:8px 10px;font-size:13px}.file-selection-active .floating-create{visibility:hidden;pointer-events:none}.lightbox-stage img{-webkit-touch-callout:default}.live-play-control{position:absolute;z-index:8;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:0;background:transparent;color:#bebebecc;display:grid;place-items:center;-webkit-touch-callout:none;box-shadow:none}.live-play-control:hover,.live-play-control:active{background:transparent}.live-play-control:focus-visible{outline:2px solid #a8c7fa;outline-offset:-4px}.editor-screen{position:fixed!important;left:0!important;right:0!important;bottom:auto!important;margin:0!important;padding:0!important;width:100vw!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background:#fff;color:#202124;overflow:hidden;box-sizing:border-box}.editor-screen[open]{display:flex;flex-direction:column}.editor-screen::backdrop{background:#fff}.editor-screen>header{display:flex;align-items:center;gap:12px;flex:none;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;border-bottom:1px solid #edf0f3}.editor-screen>header>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:16px}.editor-screen .editor-save{border-radius:24px;min-height:44px;padding:8px 20px}.editor-screen .document-editor{min-height:0;flex:1;overflow:hidden;background:#fff}.editor-screen .editor-body{min-height:0;flex:1;overflow:auto;padding:20px 22px;resize:none;background:#fff;color:#202124;font:17px/1.6 system-ui;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.editor-body:empty:before{content:attr(data-placeholder);color:#8b9199;pointer-events:none}.editor-body b,.editor-body strong{font-weight:700}.editor-body i,.editor-body em{font-style:italic}.editor-body u{text-decoration:underline}.editor-body ul{list-style:disc;padding-left:26px}.editor-body ol{list-style:decimal;padding-left:26px}.editor-screen .editor-toolbar{position:relative;top:auto;flex:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:3px;padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px));background:#f5f6f8;border-top:1px solid #e7e9ed;scrollbar-width:none;touch-action:pan-x}.editor-toolbar::-webkit-scrollbar{display:none}.editor-screen .editor-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:#34383e;font-size:21px}.editor-screen .editor-icon:focus-visible{outline:2px solid #1769d2;outline-offset:-2px}.editor-color-input{position:absolute;opacity:0;width:1px!important;height:1px;padding:0!important;pointer-events:none}.editor-screen .err{margin:0;padding:8px 18px}.editor-screen .document-editor{position:relative}.editor-body img{height:auto;max-width:100%;margin:8px;vertical-align:middle;cursor:pointer}.document-editor{position:relative}.note-image-overlay{position:absolute;overflow:hidden;pointer-events:none;z-index:1}.note-image-outline{position:absolute;border:2px solid #1467d8;pointer-events:none;box-sizing:border-box}.note-image-handle{position:absolute;right:0;bottom:0;width:32px;height:32px;min-height:32px;padding:0;border-radius:6px;background:#1467d8;color:#fff;pointer-events:auto;touch-action:none}.note-image-actions{position:absolute;display:flex;width:44px;height:44px;pointer-events:auto;background:#fffffff2;box-shadow:0 2px 12px #0003;border:1px solid #dce2ea;border-radius:14px;padding:0}.note-image-actions button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;background:transparent;color:#414956;border:0;border-radius:14px}.note-image-selected{touch-action:none;cursor:grab}.editor-screen .editor-toolbar{z-index:5}.note-upload-status{margin:0;padding:8px 20px;font-size:14px;background:#eef4fc}.viewer-menu>button,.action-list>button{display:flex;align-items:center;gap:12px;min-height:44px}.viewer-menu .svg-icon,.action-list .svg-icon{width:20px;height:20px;flex:none}.action-label{white-space:nowrap}@media(max-width:340px){.viewer-menu>button .action-label,.action-list>button .action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.viewer-menu,.action-list{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr))}.viewer-menu>p{grid-column:1/-1}}.source-preview{display:flex;flex-direction:column;min-height:0;flex:1;background:#202124;color:#e8eaed}.source-tools{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:center;gap:6px;padding:8px 12px;background:#292a2d;flex:none}.source-tools button{flex:none;min-height:40px;padding:6px 12px;border-radius:8px;background:#383a40;color:#eee}.source-tools button[aria-pressed=true]{background:#315c83}.source-tools input{min-width:100px;width:150px;flex:1;color:#eee;background:#202124;border:1px solid #65676c;border-radius:8px;padding:8px}.source-content{overflow:auto;flex:1;min-height:0;-webkit-user-select:text;user-select:text}.source-code{margin:0;padding:14px 0;font:14px/1.65 ui-monospace,Consolas,monospace;tab-size:4;white-space:pre}.source-line{display:flex;min-height:1.65em;padding-right:20px}.source-number{display:inline-block;flex:0 0 4.5em;text-align:right;padding-right:1.2em;color:#989da7;user-select:none}.source-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.source-wrap .source-line>span:last-child{min-width:0}.source-match{background:#55491d}.source-preview>p{padding:8px 16px;margin:0}.source-code .hljs-string,.source-code .hljs-attr{color:#a8d59b}.source-code .hljs-keyword,.source-code .hljs-selector-tag{color:#c5a6f3}.source-code .hljs-number,.source-code .hljs-literal{color:#f5bd81}.source-code .hljs-comment{color:#929aa8}.source-code .hljs-title,.source-code .hljs-built_in{color:#8ac9f3}.markdown-preview{max-width:900px;margin:auto;padding:24px;font:17px/1.7 system-ui;overflow-wrap:anywhere}.markdown-preview pre{overflow:auto;padding:14px;background:#141518}.markdown-preview table{border-collapse:collapse}.markdown-preview td,.markdown-preview th{border:1px solid #666;padding:8px}.markdown-preview a{color:#8ab4f8}.markdown-preview ul,.markdown-preview ol{padding-left:28px}.markdown-preview ul{list-style:disc}.markdown-preview ol{list-style:decimal}.source-html-preview{width:100%;height:100%;min-height:70vh;border:0;background:#fff}.search-memory{position:relative;overflow:visible!important}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--surface,#fff);color:#202124;border:1px solid #e3e7ed;border-radius:14px;box-shadow:0 6px 18px #00000014;overflow:hidden}.search-history-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;font-size:12px;color:#747b86}.search-history-heading button{background:none;color:#526b8a;padding:8px;font-size:12px;min-height:36px}.search-suggestions ul{list-style:none;margin:0;padding:0 0 6px;max-height:280px;overflow:auto}.search-suggestions li>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:44px;padding:10px 16px;background:transparent;color:inherit;border:0;border-radius:0}.search-suggestions li>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestions .svg-icon{width:18px;height:18px;flex:none;color:#87909d}.search-suggestions [aria-selected=true]{background:#edf3fa}.search-memory>input{display:block;width:100%;padding-right:52px}.search-memory>button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;padding:0;margin:0;display:grid;place-items:center;background:transparent;color:inherit;z-index:1}.source-content{touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.source-code{font-size:calc(14px * var(--source-scale,1))}.markdown-preview{font-size:calc(17px * var(--source-scale,1))}.source-code:not(.source-wrap){width:max-content;min-width:100%}.source-wrap{width:100%;box-sizing:border-box}.source-wrap .source-line>span:last-child{flex:1;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.viewer .bar,.viewer .source-tools,.viewer .pdf-controls{transition:none}}.viewer.source-viewer .viewer-body{position:relative}.viewer.source-viewer .bar{position:absolute;top:0;left:0;right:0;z-index:5}.viewer.source-viewer .preview-content{height:100%;overflow:hidden}.viewer.source-viewer .source-preview{position:relative;height:100%}.viewer.source-viewer .source-tools{position:absolute;top:var(--viewer-header-height,64px);left:0;right:0;z-index:4;height:56px;box-sizing:border-box}.viewer.source-viewer .source-content{height:100%;scroll-padding-top:calc(var(--viewer-header-height,64px) + 56px)}.viewer.source-viewer .source-code,.viewer.source-viewer .markdown-preview{padding-top:calc(var(--viewer-header-height,64px) + 70px)}.viewer.source-viewer.chrome-hidden .source-content{scroll-padding-top:0}.viewer.source-viewer .source-html-preview{padding-top:calc(var(--viewer-header-height,64px) + 56px);box-sizing:border-box}.viewer.document-viewer .viewer-body{position:relative}.viewer.document-viewer .bar{position:absolute;inset:0 0 auto;z-index:5}.viewer.document-viewer .preview-content{height:100%;overflow:hidden}.viewer.document-viewer .pdf-preview{position:relative}.viewer.document-viewer .pdf-controls{position:absolute;top:var(--viewer-header-height,64px);left:0;right:0;z-index:4}.viewer.document-viewer .pdf-pages{height:100%;padding-top:0;box-sizing:border-box}.viewer.document-viewer .pdf-thumbnails{z-index:6}.viewer.source-viewer .source-html-preview{padding-top:0}.viewer.document-viewer .pdf-pages canvas{margin-top:calc(var(--viewer-header-height,64px) + 60px)}.viewer .bar{position:relative;z-index:20;overflow:visible}.viewer .preview-content{position:relative;z-index:0}.app-dialog.compact-confirm{width:min(320px,calc(100vw - 32px));padding:18px;border-radius:16px}.compact-confirm .dialog-heading{margin-bottom:8px}.compact-confirm .dialog-heading h2{font-size:18px;line-height:1.3;outline:none}.compact-confirm p{font-size:14px;line-height:1.45;margin:8px 0;overflow-wrap:anywhere}.compact-confirm .dialog-actions{margin-top:16px;gap:8px}.compact-confirm .dialog-actions button{min-height:44px;padding:8px 16px}.live-sound-toggle{position:absolute;left:12px;bottom:12px;z-index:2;pointer-events:auto;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:#15181bb3;color:#eee;display:grid;place-items:center}.live-sound-toggle svg{width:22px;height:22px}.thumb{position:relative}.thumbnail-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.gallery-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;font-size:12px;color:var(--muted,#687078)}.gallery-loading-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gallery-spin .8s linear infinite}@keyframes gallery-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gallery-loading-spinner{animation:none}}.live-play-control.live-sound-toggle{bottom:auto;border-radius:0;background:transparent;padding:10px;color:#bebebecc}.live-play-retry{position:absolute;bottom:60px;left:50%;transform:translate(-50%);pointer-events:auto;z-index:3;white-space:nowrap;font-size:12px}.file-details{max-width:36rem}.file-details h3,.file-details dd{overflow-wrap:anywhere}.file-details dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem 1rem}.file-details dd{margin:0}.file-details dt{color:var(--muted,#64748b)}.file-details label{display:grid;gap:.5rem;margin:1rem 0}.share-result{display:flex;gap:.5rem;margin-top:1rem}.share-result input{min-width:0;flex:1}.share-link-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0}.file-details button{display:inline-flex;align-items:center;gap:.5rem}.storage-usage{margin:24px 12px 12px;padding-top:16px;border-top:1px solid var(--border,#dce1e7);font-size:12px;color:var(--muted)}.storage-heading{font-size:14px;color:var(--text);font-weight:500}.storage-usage progress{display:block;width:100%;height:6px;margin:12px 0 9px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#dce1e7}.storage-usage progress::-webkit-progress-bar{background:#dce1e7;border-radius:4px}.storage-usage progress::-webkit-progress-value{background:#2369d8;border-radius:4px}.storage-usage progress::-moz-progress-bar{background:#2369d8;border-radius:4px}.storage-usage p{margin:5px 0;line-height:1.4}.storage-free{color:var(--text)}