/* My Family v2.5.0 — Google Drive-inspired responsive document workspace. */
:root{--drive-blue:#1a73e8;--drive-blue-soft:#e8f0fe;--drive-border:#dfe3eb;--drive-text:#1f1f1f;--drive-muted:#5f6368;--drive-surface:#fff;--drive-canvas:#f8fafd;--drive-danger:#b3261e;--drive-shadow:0 1px 2px rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.08)}
.drive-app-v250{min-width:0;color:var(--drive-text);font-family:inherit;background:var(--drive-canvas);border-radius:22px;overflow:hidden;min-height:calc(100dvh - 120px);position:relative}
.drive-app-v250 *{box-sizing:border-box;min-width:0}
.drive-app-v250 button,.drive-app-v250 input,.drive-app-v250 select{font:inherit}
.drive-appbar-v250{display:grid;grid-template-columns:minmax(180px,260px) minmax(320px,720px) auto;align-items:center;gap:18px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--drive-border);position:sticky;top:0;z-index:15}
.drive-page-title-v250{display:flex;align-items:center;gap:11px}.drive-page-title-v250>span{font-size:30px}.drive-page-title-v250 h1{font-size:22px;line-height:1.1;margin:0}.drive-page-title-v250 small{display:block;color:var(--drive-muted);margin-top:3px}
.drive-search-wrap-v250{display:flex;flex-direction:column;gap:8px}.drive-search-v250{height:48px;border-radius:24px;background:#edf2fa;display:grid;grid-template-columns:30px 1fr 34px;align-items:center;padding:0 12px;border:1px solid transparent}.drive-search-v250:focus-within{background:#fff;border-color:#b9c9e6;box-shadow:0 1px 3px rgba(60,64,67,.22)}.drive-search-v250 input{height:100%;border:0!important;background:transparent!important;padding:0!important;outline:none!important;font-size:16px}.drive-search-v250 button{border:0;background:transparent;font-size:22px}.drive-search-v250 button.hidden{visibility:hidden}
.drive-filter-chips-v250{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.drive-filter-chips-v250::-webkit-scrollbar{display:none}.drive-filter-chips-v250 select,.drive-chip-clear-v250{height:32px!important;min-height:32px!important;border:1px solid #c7ced9!important;border-radius:16px!important;background:#fff!important;padding:0 28px 0 12px!important;white-space:nowrap;font-size:13px}.drive-chip-clear-v250{padding:0 12px!important;color:var(--drive-blue)}
.drive-header-actions-v250{display:flex;justify-content:flex-end;align-items:center;gap:6px}.drive-header-actions-v250 button{height:40px;min-width:40px;border:0;border-radius:20px;background:transparent;padding:0 12px;font-weight:700}.drive-header-actions-v250 button:hover{background:#eef2f7}.drive-mobile-new-v250{display:none!important}
.drive-mobile-views-v250{display:none}.drive-selection-bar-v250{display:flex;align-items:center;gap:7px;padding:9px 18px;background:#e8f0fe;border-bottom:1px solid #c6dafc;overflow-x:auto;position:sticky;top:76px;z-index:14}.drive-selection-bar-v250 b{margin-right:auto;white-space:nowrap}.drive-selection-bar-v250 button{height:36px;border:0;border-radius:18px;background:#fff;padding:0 13px;white-space:nowrap}.drive-selection-bar-v250 .danger{color:var(--drive-danger)}
.drive-shell-v250{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 202px)}.drive-shell-v250:has(.drive-details-v250){grid-template-columns:220px minmax(0,1fr) 330px}
.drive-nav-v250{padding:16px 10px;background:#f8fafd;border-right:1px solid var(--drive-border);position:sticky;top:77px;height:calc(100dvh - 150px);display:flex;flex-direction:column;gap:4px}.drive-new-v250{display:flex;align-items:center;gap:10px;width:112px;height:54px;border:0;border-radius:16px;background:#fff;box-shadow:var(--drive-shadow);padding:0 17px;font-weight:700;margin:0 0 12px 6px}.drive-new-v250 span{font-size:26px;font-weight:400}.drive-nav-item-v250{height:40px;border:0;background:transparent;border-radius:0 20px 20px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;padding:0 14px;font-size:14px}.drive-nav-item-v250.active{background:#c2e7ff;color:#001d35}.drive-nav-item-v250 small{font-weight:500}.drive-storage-v250{margin-top:auto;padding:14px}.drive-storage-v250 div{display:flex;flex-direction:column;gap:4px;font-size:12px}.drive-storage-v250 progress{width:100%;height:7px;margin-top:8px;accent-color:var(--drive-blue)}
.drive-main-v250{position:relative;padding:12px 18px 42px;overflow:hidden}.drive-main-toolbar-v250{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px}.drive-main-toolbar-v250>div{display:flex;flex-direction:column;text-align:right}.drive-main-toolbar-v250 small{color:var(--drive-muted)}.drive-breadcrumbs-v250{display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.drive-breadcrumbs-v250 button{height:38px;border:0;background:transparent;border-radius:19px;padding:0 12px;font-size:18px;white-space:nowrap}.drive-breadcrumbs-v250 button:hover{background:#eceff3}.drive-breadcrumbs-v250 .current{font-weight:700}.drive-breadcrumbs-v250 span{color:#7c838d}
.drive-drop-overlay-v250{display:none;position:absolute;inset:10px;z-index:30;border:3px dashed var(--drive-blue);border-radius:20px;background:rgba(232,240,254,.96);align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.drive-drop-overlay-v250 div{font-size:50px}.drive-drop-overlay-v250 h2{margin:8px 0 3px}.drive-main-v250.dragging-external .drive-drop-overlay-v250{display:flex}
.drive-home-v250{padding:5px 0 16px}.drive-section-title-v250{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.drive-section-title-v250 h3{margin:0;font-size:16px}.drive-section-title-v250 button{border:0;background:transparent;color:var(--drive-blue)}.drive-suggested-folders-v250{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.drive-recent-strip-v250{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,280px);gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.drive-recent-strip-v250>*{scroll-snap-align:start}
.drive-items-v250{margin-top:8px}.drive-grid-v250{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.drive-item-v250{position:relative;background:#fff;border:1px solid var(--drive-border);border-radius:14px;min-height:110px;padding:14px;box-shadow:0 1px 1px rgba(60,64,67,.04);user-select:none;touch-action:pan-y}.drive-item-v250:hover{background:#f0f4f9;box-shadow:var(--drive-shadow)}.drive-item-v250.selected{background:#c2e7ff;border-color:#7ab5ee}.drive-item-v250.compact{min-height:78px;display:grid;grid-template-columns:48px 1fr;align-items:center}.drive-folder-glyph-v250,.drive-file-preview-v250{font-size:38px;height:52px;display:flex;align-items:center}.drive-folder-glyph-v250{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08));color:var(--folder-color)}.drive-item-name-v250{display:flex;flex-direction:column;gap:5px;overflow:hidden}.drive-item-name-v250 b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drive-item-name-v250 small{color:var(--drive-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drive-item-more-v250{position:absolute;right:8px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:20px}.drive-item-more-v250:hover{background:#e4e9ef}.drive-check-v250{position:absolute;left:9px;top:9px;width:28px;height:28px;z-index:3;display:flex;align-items:center;justify-content:center}.drive-check-v250 input{position:absolute;opacity:0}.drive-check-v250 span{width:20px;height:20px;border:2px solid #68717e;border-radius:50%;background:#fff}.drive-check-v250 input:checked+span{background:var(--drive-blue);border-color:var(--drive-blue);box-shadow:inset 0 0 0 4px #fff}.drive-star-v250{position:absolute;right:14px;bottom:12px;color:#f9ab00}
.drive-list-v250{background:#fff;border:1px solid var(--drive-border);border-radius:15px;overflow:hidden}.drive-list-head-v250,.drive-row-v250{display:grid;grid-template-columns:44px minmax(240px,2fr) minmax(130px,1fr) 90px 165px 44px;align-items:center;min-height:48px;border-bottom:1px solid #edf0f4;padding:0 8px;gap:8px}.drive-list-head-v250{color:var(--drive-muted);font-size:12px;position:sticky;top:0;background:#fff;z-index:2}.drive-list-head-v250 button{border:0;background:transparent;text-align:left;color:inherit}.drive-row-v250:hover{background:#f0f4f9}.drive-row-v250.selected{background:#c2e7ff}.drive-row-name-v250{display:flex;align-items:center;gap:12px;overflow:hidden}.drive-row-name-v250 i{font-style:normal;font-size:24px}.drive-row-name-v250 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-row-name-v250 em{font-style:normal;color:#f9ab00}.drive-row-v250 .drive-check-v250,.drive-row-v250 .drive-item-more-v250{position:relative;left:auto;right:auto;top:auto}
.drive-drop-target-v250,.drive-touch-target-v250{outline:3px solid var(--drive-blue)!important;outline-offset:-3px;background:#d3e3fd!important}.drive-touch-drag-v250 .drive-item-v250{touch-action:none}
.drive-empty-v250{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center;color:var(--drive-muted)}.drive-empty-v250>div{font-size:70px}.drive-empty-v250 h3{color:var(--drive-text);margin:8px 0}.drive-empty-v250 p{margin:0 0 16px}
.drive-details-v250{background:#fff;border-left:1px solid var(--drive-border);position:sticky;top:77px;height:calc(100dvh - 150px);overflow:auto}.drive-details-v250 header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--drive-border)}.drive-details-v250 header>div{display:flex;align-items:center;gap:10px;overflow:hidden}.drive-details-v250 header b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-details-v250 header button{border:0;background:transparent;font-size:25px}.drive-detail-tabs-v250{display:flex;border-bottom:1px solid var(--drive-border)}.drive-detail-tabs-v250 button{flex:1;height:44px;border:0;background:#fff}.drive-detail-tabs-v250 .active{color:var(--drive-blue);border-bottom:3px solid var(--drive-blue)}.drive-detail-body-v250{padding:14px}.drive-detail-body-v250 dl{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:0}.drive-detail-body-v250 dt{color:var(--drive-muted)}.drive-detail-body-v250 dd{margin:0;overflow-wrap:anywhere}.drive-activity-row-v250{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f4}.drive-activity-row-v250 p{margin:2px 0}.drive-activity-row-v250 small{color:var(--drive-muted)}.drive-person-chip-v250{padding:8px;background:#f1f3f4;border-radius:10px;margin:6px 0}
.drive-upload-tray-v250{position:fixed;right:22px;bottom:22px;width:min(390px,calc(100vw - 28px));max-height:65dvh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.24);z-index:1800}.drive-upload-tray-v250 header{height:52px;padding:0 15px;background:#202124;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}.drive-upload-tray-v250 header button{border:0;background:transparent;color:#fff;font-size:23px}.drive-upload-row-v250{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--drive-border)}.drive-upload-row-v250>div{display:flex;flex-direction:column;gap:3px}.drive-upload-row-v250 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-upload-row-v250 progress{width:100%;height:5px;accent-color:var(--drive-blue)}.drive-upload-row-v250 small{color:var(--drive-muted)}
.drive-new-menu-v250,.drive-item-menu-v250{display:grid;gap:5px}.drive-new-menu-v250 button,.drive-item-menu-v250 button{height:48px;border:0;border-radius:11px;background:#f8fafd;text-align:left;padding:0 14px;font-weight:700}.drive-new-menu-v250 button:hover,.drive-item-menu-v250 button:hover{background:#e8f0fe}.drive-item-menu-v250 .danger{color:var(--drive-danger)}.drive-color-grid-v250{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.drive-color-grid-v250 button{height:52px;border:1px solid var(--drive-border);border-radius:13px;background:#fff}.drive-color-grid-v250 span{display:block;width:30px;height:24px;background:var(--c);border-radius:4px;margin:auto}.drive-people-picker-v250{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;overflow:auto}.drive-people-picker-v250 label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--drive-border);border-radius:10px}.drive-version-list-v250>div{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--drive-border)}.drive-version-list-v250>div>div{display:flex;flex-direction:column}.drive-organize-v250{display:grid;gap:8px}.drive-organize-v250>label{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:11px;border:1px solid var(--drive-border);border-radius:11px}.drive-organize-v250>label span{display:flex;flex-direction:column}.drive-organize-v250 small{color:var(--drive-muted)}
.drive-loading-v250 .drive-app-v250{cursor:progress}.drive-loading-v250 .drive-app-v250:after{content:"";position:fixed;left:50%;top:8px;width:120px;height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--drive-blue),transparent);animation:driveLoad 1s linear infinite;z-index:2500}@keyframes driveLoad{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1180px){.drive-appbar-v250{grid-template-columns:180px minmax(260px,1fr) auto}.drive-shell-v250:has(.drive-details-v250){grid-template-columns:190px minmax(0,1fr)}.drive-details-v250{position:fixed;right:0;top:0;height:100dvh;width:min(360px,92vw);z-index:1700;box-shadow:-8px 0 28px rgba(0,0,0,.18)}.drive-nav-v250{width:190px}.drive-list-head-v250,.drive-row-v250{grid-template-columns:44px minmax(210px,2fr) 120px 80px 145px 44px}}
@media(max-width:900px){.drive-app-v250{border-radius:0;min-height:calc(100dvh - 72px);margin:-4px -4px 0}.drive-appbar-v250{position:sticky;top:0;grid-template-columns:1fr auto;gap:9px;padding:9px 10px;background:#fff}.drive-page-title-v250{grid-column:1}.drive-page-title-v250>span{display:none}.drive-page-title-v250 h1{font-size:20px}.drive-page-title-v250 small{font-size:11px}.drive-search-wrap-v250{grid-column:1/-1;grid-row:2}.drive-search-v250{height:44px}.drive-header-actions-v250{grid-column:2;grid-row:1}.drive-header-actions-v250 button{display:none}.drive-header-actions-v250 button:nth-last-child(-n+3){display:block;padding:0;width:38px}.drive-mobile-new-v250{display:block!important;background:#c2e7ff!important;width:auto!important;padding:0 13px!important}.drive-filter-chips-v250 select,.drive-chip-clear-v250{height:34px!important;min-height:34px!important}.drive-mobile-views-v250{display:flex;overflow-x:auto;gap:4px;padding:7px 9px;background:#fff;border-bottom:1px solid var(--drive-border);scrollbar-width:none;position:sticky;top:122px;z-index:13}.drive-mobile-views-v250 button{display:flex;align-items:center;gap:5px;height:36px;border:0;border-radius:18px;background:#f0f4f9;padding:0 11px;white-space:nowrap;font-size:12px}.drive-mobile-views-v250 button.active{background:#c2e7ff;color:#001d35}.drive-selection-bar-v250{top:166px;padding:7px 9px}.drive-shell-v250,.drive-shell-v250:has(.drive-details-v250){display:block;min-height:0}.drive-nav-v250{display:none}.drive-main-v250{padding:7px 9px calc(94px + env(safe-area-inset-bottom))}.drive-main-toolbar-v250{min-height:42px}.drive-main-toolbar-v250>div{display:none}.drive-breadcrumbs-v250 button{height:34px;font-size:15px;padding:0 8px}.drive-suggested-folders-v250{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.drive-recent-strip-v250{grid-auto-columns:75vw}.drive-grid-v250{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drive-item-v250{min-height:104px;padding:11px}.drive-item-v250.compact{min-height:72px;grid-template-columns:38px 1fr}.drive-folder-glyph-v250,.drive-file-preview-v250{font-size:31px;height:46px}.drive-item-name-v250 b{font-size:13px}.drive-item-name-v250 small{font-size:10px}.drive-list-v250{border-radius:12px}.drive-list-head-v250{display:none}.drive-row-v250{grid-template-columns:36px minmax(0,1fr) 38px;min-height:62px;padding:5px 4px}.drive-row-v250>span:not(.drive-row-name-v250){display:none}.drive-row-name-v250 i{font-size:22px}.drive-row-name-v250 b{font-size:13px}.drive-details-v250{width:100%;top:auto;bottom:0;height:min(78dvh,670px);border-radius:22px 22px 0 0;border-left:0;box-shadow:0 -8px 28px rgba(0,0,0,.22);padding-bottom:env(safe-area-inset-bottom)}.drive-upload-tray-v250{right:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 16px);max-height:50dvh}.drive-people-picker-v250{grid-template-columns:1fr}.drive-version-list-v250>div{grid-template-columns:75px 1fr}.drive-version-list-v250>div>button{grid-column:2}.drive-empty-v250{min-height:240px}.drive-empty-v250>div{font-size:52px}}
@media(max-width:480px){.drive-page-title-v250 h1{font-size:19px}.drive-header-actions-v250{gap:1px}.drive-header-actions-v250 button{height:36px;min-width:34px}.drive-search-wrap-v250{gap:5px}.drive-filter-chips-v250{gap:5px}.drive-filter-chips-v250 select,.drive-chip-clear-v250{font-size:11px;padding-left:9px!important}.drive-mobile-views-v250 button{font-size:11px;padding:0 9px}.drive-grid-v250{grid-template-columns:repeat(2,minmax(0,1fr))}.drive-item-v250{border-radius:11px}.drive-suggested-folders-v250{grid-template-columns:1fr 1fr}.drive-recent-strip-v250{grid-auto-columns:82vw}.drive-selection-bar-v250 button{font-size:12px;padding:0 9px}.drive-selection-bar-v250 b{font-size:12px}.drive-details-v250{height:82dvh}}
@media(max-width:360px){.drive-grid-v250,.drive-suggested-folders-v250{grid-template-columns:1fr}.drive-recent-strip-v250{grid-auto-columns:88vw}.drive-page-title-v250 small{display:none}}
@media(hover:none){.drive-item-more-v250{background:#f0f4f9}.drive-check-v250{opacity:1}}
@media(prefers-reduced-motion:reduce){.drive-app-v250 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}