:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#000;background:#e8e8ed;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue:#0088ff;--secondary:#8e8e93;--separator:rgba(60,60,67,.18);--top:59px;--bottom:34px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;padding:0}button:disabled{opacity:.26;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:active:not(:disabled){opacity:.55}img{max-width:100%;-webkit-user-drag:none}button img{pointer-events:none}[hidden]{display:none!important}.icon{display:inline-block;flex:none;width:24px;height:24px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle;pointer-events:none}
.phone-stage{height:100dvh;min-height:0;display:grid;place-items:center;overflow:hidden}.phone-device{position:relative;width:511px;height:968px;flex:none;zoom:min(1,calc((100dvh - 16px)/968px));filter:drop-shadow(0 22px 27px #00000018)}.phone-bezel{position:absolute;inset:0;width:511px;height:968px;z-index:2;pointer-events:none}.phone-screen{position:absolute;left:59px;top:58px;width:393px;height:852px;overflow:hidden;border-radius:42px;background:white;isolation:isolate}.device-status{position:absolute;z-index:30;top:0;left:0;right:0;height:var(--top);display:flex;align-items:flex-start;justify-content:space-between;padding:19px 27px 0 34px;pointer-events:none;background:#ffffffef}.device-status time{width:53px;text-align:center;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.device-status img{width:73px;height:15px;margin-top:3px}.dynamic-island{position:absolute;width:120px;height:35px;top:11px;left:calc(50% - 60px);background:#000;border-radius:30px;z-index:31;pointer-events:none}.home-indicator{position:absolute;z-index:40;bottom:8px;left:calc(50% - 67px);width:134px;height:5px;background:#000;border-radius:4px;pointer-events:none}
.files-app{height:100%;padding-top:var(--top);display:flex;flex-direction:column}.navigation-bar{height:54px;flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:2;background:#ffffffdd;backdrop-filter:blur(24px)}.back-button{display:flex;align-items:center;gap:3px;font-size:17px;height:44px;max-width:160px;color:var(--blue);white-space:nowrap}.back-button .icon{width:20px;height:22px}.back-button > span:last-child{overflow:hidden;text-overflow:ellipsis}.back-button.invisible{visibility:hidden}.glass-button{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffbc;border:1px solid #fff9;box-shadow:0 4px 24px #0000000c,inset 0 0 0 .5px #fff9;backdrop-filter:blur(20px);flex:none}.glass-button .icon{width:23px;height:23px}#compact-title{position:absolute;left:90px;right:70px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;opacity:0;transition:opacity .15s}.scrolled #compact-title{opacity:1}.scroll-content{overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:none;padding:0 16px 114px;-webkit-overflow-scrolling:touch}.scroll-content::-webkit-scrollbar{display:none}.large-header{padding:6px 0 0}h1{font-size:34px;line-height:41px;font-weight:700;letter-spacing:.2px;margin:0 0 10px}.search-field{height:42px;background:#efeff1;border-radius:24px;display:flex;align-items:center;gap:7px;padding:0 13px}.search-field>.icon{width:19px;height:19px;color:#3c3c43}.search-field input{width:100%;min-width:0;border:0;outline:0;color:#000;background:transparent;font-size:17px;height:42px;padding:0;letter-spacing:-.3px}.search-field input::placeholder{color:#8e8e93}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field button{display:flex;align-items:center;justify-content:center;width:25px;height:30px;flex:none;color:#8e8e93}.search-field button .icon{width:15px;height:15px}
.file-grid{padding:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.file-card{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:9px;padding:0 2px 5px;touch-action:manipulation}.file-thumb{height:110px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:9px;overflow:hidden;pointer-events:none}.folder-card .file-thumb{height:85px;margin-bottom:6px}.folder-card .file-thumb .icon{color:#42b6ef;width:95px;height:85px}.file-thumb>img{object-fit:contain;max-height:104px;max-width:96px;border-radius:2px;box-shadow:0 0 1px #0003,0 2px 5px #0000000c}.file-name{font-size:13px;line-height:17px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;letter-spacing:-.1px}.file-subtitle{font-size:11px;color:var(--secondary);margin-top:3px;line-height:14px}.file-row-size{display:none}.paper{width:77px;height:104px;border:.5px solid #d3d3d5;border-radius:2px;background:#fff;padding:9px 7px;box-shadow:0 2px 5px #00000009;overflow:hidden;text-align:left;color:#242426}.paper-title{font-size:5px;line-height:1.4;font-weight:700;display:block;margin-bottom:5px}.paper-content{font-size:3.8px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.file-list{padding:15px 0 0}.file-list .file-card{width:100%;flex-direction:row;align-items:center;text-align:left;position:relative;padding:10px 0;gap:13px;border-radius:0}.file-list .file-card:after{content:"";height:.5px;background:var(--separator);position:absolute;bottom:0;right:0;left:57px}.file-list .file-thumb{height:51px;width:44px;flex:none;margin:0}.file-list .file-thumb>.icon{width:42px;height:39px}.file-list .file-thumb>img{max-width:42px;max-height:49px}.file-list .paper{width:34px;height:46px;padding:4px 3px}.file-list .paper-title{font-size:2px;margin-bottom:2px}.file-list .paper-content{font-size:1.7px}.file-list .file-label{flex:1;min-width:0}.file-list .file-name{font-size:16px;line-height:21px;-webkit-line-clamp:1}.file-list .file-subtitle{font-size:12px;line-height:17px;margin-top:3px}.file-list .file-row-size{display:block;font-size:12px;color:#8e8e93;white-space:nowrap}.item-count{text-align:center;font-size:12px;line-height:18px;color:#8e8e93;margin:24px 0 0}.locations{padding-top:28px}.locations h2{font-size:21px;line-height:25px;margin:0 0 12px;font-weight:700}.location-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 12px;background:#f2f2f7;border-radius:12px;font-size:17px}.location-row>.icon:first-child{color:var(--blue);width:26px;height:26px}.location-row>span:nth-child(2){flex:1}.location-row>.icon:last-child{color:#b8b8be;width:12px;height:16px}.location-caption{font-size:13px;line-height:19px;color:#8e8e93;margin:12px 12px}.empty-state{padding:25px 15px;min-height:340px;height:calc(100% - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#8e8e93}.empty-state>.icon{width:48px;height:48px;margin-bottom:10px}.empty-state strong{font-size:21px;color:#000;line-height:26px}.empty-state p{margin:0;font-size:14px;line-height:20px}.empty-state button{font-size:17px;color:var(--blue);padding:12px}.tabbar-wrap{position:absolute;z-index:3;bottom:var(--bottom);left:0;right:0;display:flex;justify-content:center;pointer-events:none}.tabbar{height:62px;display:flex;gap:2px;align-items:center;padding:4px;background:#ffffffc7;border:1px solid #ffffffd9;border-radius:38px;box-shadow:0 7px 35px #0000000b,0 0 2px #ffffff,inset 0 0 0 .5px #ffffffcc;backdrop-filter:blur(24px) saturate(180%);pointer-events:auto}.tab{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:84px;height:52px;border-radius:30px;font-size:10px;line-height:12px;font-weight:600}.tab>.icon{width:26px;height:26px}.tab.active{color:var(--blue);background:#ededee}.tab.active:active{opacity:1}
.overlay{position:absolute;inset:var(--top) 0 0;z-index:10}.scrim{position:absolute;inset:0;width:100%;height:100%;background:#00000012;border-radius:0}.menu-overlay{z-index:20}.context-menu{position:absolute;top:50px;right:16px;width:254px;background:#f8f8fae8;border:1px solid #ffffff9c;border-radius:25px;overflow:hidden;box-shadow:0 14px 45px #0003;backdrop-filter:blur(40px) saturate(160%);animation:menu-in .16s ease-out}.view-options{display:flex;padding:12px;gap:8px}.view-options button{height:68px;flex:1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:13px}.view-options button .icon{width:24px;height:24px}.view-options button[aria-pressed=true]{background:#d9d9df87}.menu-group{border-top:5px solid #d9d9df55}.menu-group button{width:100%;min-height:45px;text-align:left;display:flex;align-items:center;padding:0 16px;font-size:16px;gap:10px;border-bottom:.5px solid #c8c8cd66}.menu-group button:last-child{border-bottom:0}.menu-group button>.icon:last-child:not(.check){margin-left:auto;width:21px;height:21px}.menu-group .check{width:17px;height:17px;visibility:hidden}.menu-group button[aria-pressed=true] .check{visibility:visible}.sort-direction{font-size:13px;color:#8e8e93;margin-left:auto}.quick-look{background:#f2f2f7;display:flex;flex-direction:column;animation:preview-in .26s cubic-bezier(.2,.8,.2,1);z-index:12}.preview-toolbar{height:58px;display:flex;align-items:center;padding:0 15px;gap:10px;background:#f9f9fbd9;backdrop-filter:blur(24px);flex:none}.text-button{font-size:17px;color:var(--blue);height:44px;min-width:40px;text-align:left}.preview-toolbar h2{font-size:15px;font-weight:600;line-height:20px;margin:0;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.preview-toolbar .glass-button{width:36px;height:36px;box-shadow:none}.preview-toolbar .glass-button .icon{width:23px;height:23px}.preview-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:14px 10px 26px}.document{background:white;min-height:100%;padding:27px 23px 42px;box-shadow:0 1px 3px #00000012;color:#202023;font-size:15px;line-height:1.8;overflow-wrap:anywhere;word-break:normal}.document h1{font-size:24px;line-height:1.4;margin:0 0 22px;letter-spacing:-.5px}.document h2{font-size:20px;line-height:1.5;margin:24px 0 12px}.document h3{font-size:17px;margin:20px 0 10px}.document p{margin:0 0 18px;white-space:pre-wrap}.document blockquote{margin:16px 0;padding:0 0 0 14px;border-left:3px solid #c7c7cc;color:#636366}.document pre{white-space:pre-wrap;font:12px/1.6 ui-monospace,monospace;padding:12px;background:#f2f2f7;border-radius:5px}.image-content{display:flex;align-items:center;justify-content:center;background:#f2f2f7;padding:0}.image-content img{width:100%;height:100%;object-fit:contain;min-height:0}.preview-content.zoomed .document{font-size:19px}.preview-content.zoomed .document h1{font-size:30px}.preview-content.image-content.zoomed{display:block}.preview-content.image-content.zoomed img{max-width:none;width:150%;height:auto;object-fit:initial}.preview-footer{height:calc(67px + var(--bottom));padding:8px 20px calc(8px + var(--bottom));display:flex;align-items:center;justify-content:space-between;background:#f9f9fbeb;backdrop-filter:blur(24px);flex:none}.preview-pagination{display:flex;align-items:center;gap:10px;background:#fff9;border-radius:30px;padding:0 4px;box-shadow:0 2px 14px #00000005}.preview-pagination button{width:36px;height:44px;display:grid;place-items:center}.preview-pagination .icon{width:16px;height:20px}#preview-position{font-size:13px;color:#6d6d72;min-width:39px;text-align:center;letter-spacing:.2px}.zoom-button{font-size:11px;font-weight:600}.sheet-overlay{z-index:25}.sheet-overlay .scrim{background:#0005}.info-sheet{position:absolute;bottom:0;left:0;right:0;max-height:90%;overflow:auto;background:#f2f2f7;border-radius:28px 28px 0 0;padding:18px 20px calc(var(--bottom) + 20px);animation:preview-in .25s ease-out}.info-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.info-sheet h2{font-size:20px;margin:0;font-weight:700}.info-sheet header .glass-button{height:32px;width:32px;box-shadow:none;background:#e3e3e9}.info-sheet header .icon{width:13px;height:13px;color:#6c6c70}.info-sheet p{font-size:16px;line-height:1.65;white-space:pre-line;margin:12px 0}.info-sheet .about-note{font-size:13px;color:#8e8e93;margin-top:24px}.info-sheet h3{font-size:19px;overflow-wrap:anywhere}.metadata{background:white;border-radius:12px;padding:4px 14px;margin:16px 0 0}.metadata-row{padding:11px 0;border-bottom:.5px solid var(--separator);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:14px;line-height:20px}.metadata-row:last-child{border:0}.metadata-row dt{flex:none}.metadata-row dd{margin:0;color:#8e8e93;text-align:right;overflow-wrap:anywhere}.toast{position:absolute;left:24px;right:24px;bottom:125px;padding:13px 18px;background:#262628e8;color:white;font-size:14px;line-height:20px;text-align:center;border-radius:18px;z-index:45;backdrop-filter:blur(20px)}
@keyframes preview-in{from{transform:translateY(40px);opacity:.35}to{transform:translateY(0);opacity:1}}@keyframes menu-in{from{transform:scale(.94);transform-origin:top right;opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:600px),(max-height:500px) and (pointer:coarse){:root{background:white;--top:0px;--bottom:max(20px,env(safe-area-inset-bottom))}body{height:100dvh;overflow:hidden}.phone-stage{height:100dvh;min-height:0;display:block;overflow:hidden}.phone-device{width:100%;height:100%;zoom:1;filter:none}.phone-bezel,.device-status,.dynamic-island,.home-indicator{display:none}.phone-screen{inset:0;width:100%;height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}.files-app{padding-top:0}.overlay{top:env(safe-area-inset-top)}.navigation-bar{margin-top:0}.tabbar-wrap{bottom:var(--bottom)}.scroll-content{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.icon-arrow_clockwise{--icon:url("assets/icons/arrow_clockwise.svg")}
.icon-arrow_down_to_line{--icon:url("assets/icons/arrow_down_to_line.svg")}
.icon-checkmark{--icon:url("assets/icons/checkmark.svg")}
.icon-chevron_left{--icon:url("assets/icons/chevron_left.svg")}
.icon-chevron_right{--icon:url("assets/icons/chevron_right.svg")}
.icon-clock_fill{--icon:url("assets/icons/clock_fill.svg")}
.icon-ellipsis{--icon:url("assets/icons/ellipsis.svg")}
.icon-folder{--icon:url("assets/icons/folder.svg")}
.icon-folder_fill{--icon:url("assets/icons/folder_fill.svg")}
.icon-info_circle{--icon:url("assets/icons/info_circle.svg")}
.icon-list_bullet{--icon:url("assets/icons/list_bullet.svg")}
.icon-search{--icon:url("assets/icons/search.svg")}
.icon-square_grid_2x2{--icon:url("assets/icons/square_grid_2x2.svg")}
.icon-xmark{--icon:url("assets/icons/xmark.svg")}

.inside-folder #compact-title{opacity:1;left:70px;right:70px}
.inside-folder h1{display:none}
.inside-folder .large-header{padding-top:8px}
.inside-folder .back-button{width:44px;min-width:44px;border-radius:50%;justify-content:center;background:#ffffffbc;border:1px solid #fff9;box-shadow:0 4px 24px #0000000c;backdrop-filter:blur(20px);color:#1c1c1e}
.inside-folder .back-button > span:last-child{display:none}
.at-locations{background:#f2f2f7}
.at-locations .navigation-bar{background:#f2f2f7dd}
.at-locations .search-field{background:#e3e3e9}
.at-locations .location-row{background:white;border-radius:22px}
.at-locations .locations h2{margin-left:14px;font-size:20px}

.icon-folder_fill_badge_person_crop{--icon:url("assets/icons/folder_fill_badge_person_crop.svg")}

.device-status{background:transparent}
.phone-screen:has(.at-locations){background:#f2f2f7}
.phone-screen:has(.quick-look:not([hidden])){background:#f9f9fb}
.navigation-bar{height:52px}
h1{margin-bottom:8px}
.locations{padding-top:25px}
.at-locations .locations h2{margin-bottom:9px}
.tabbar-wrap{bottom:20px}
.menu-group button > [data-icon]:last-child:not(.check){margin-left:auto}
.menu-group button > [data-icon]:last-child:not(.check) .icon{width:21px;height:21px}
.menu-group .check .icon{width:17px;height:17px}
@media(max-width:600px),(max-height:500px) and (pointer:coarse){.tabbar-wrap{bottom:var(--bottom)}}