@font-face{font-family:Drive;src:local('Inter'),local('Arial')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Drive,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#242431;background:#fafafb;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6adfc;outline-offset:3px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0}svg{width:20px;height:20px;display:block;flex-shrink:0}h1,h2,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin-bottom:11px}h2{font-size:19px;letter-spacing:-.3px}.muted{color:#80808f}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#91909f;margin-bottom:13px}.primary,.secondary{min-height:42px;border-radius:10px;padding:10px 16px;font-weight:600;font-size:13px;white-space:nowrap;transition:background .15s,transform .15s}.primary{background:#6554d8;color:white;box-shadow:0 4px 8px #6654d817}.primary:hover{background:#5747c4}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{border:1px solid #e3e2eb;background:white;color:#555264}.secondary:hover{background:#f5f3fe;border-color:#cfc9ef}.icon-button{width:34px;height:34px;padding:7px;border-radius:7px;color:#8a879a;background:transparent;font-size:22px}.icon-button:hover{background:#efedf7;color:#6252cb}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid #efedf4;padding:32px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.5px}.brand-icon{width:38px;height:38px;background:#6554d8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;font-weight:800;letter-spacing:-2px;box-shadow:0 5px 10px #6354d821}.brand small{display:block;font-size:10px;letter-spacing:0;color:#a1a0ac;font-weight:400;margin-top:1px}.sidebar-upload{margin:33px 0 25px;width:100%}.sidebar-upload>span{font-size:21px;font-weight:400}.nav-item{width:100%;justify-content:flex-start;min-height:44px;background:transparent;color:#817d90;border-radius:9px;font-size:13px;padding:11px 14px;gap:12px;margin-bottom:6px;white-space:nowrap}.nav-item.active{background:#f0edfc;color:#6554d8;font-weight:650}.nav-item:hover{background:#f6f4fc}.nav-divider{height:1px;background:#f0eef6;margin:20px 10px}.count{margin-left:auto;border-radius:5px;background:#dfd9f7;min-width:20px;padding:0 4px;font-size:11px}.storage-card{margin-top:auto;padding:25px 10px 23px}.status-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#827f90;margin-bottom:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#e5b54b}.status-dot.connected{background:#49b691}.storage-card strong{font-size:21px;font-weight:600;letter-spacing:-.6px}.storage-card p{font-size:10px;color:#9a97a6;margin:3px 0 12px}.storage-line{height:4px;background:linear-gradient(90deg,#8b7bdf 0,#b1a4ef 36%,#eeeaf9 36%);border-radius:2px;margin-bottom:13px}.storage-card small{font-size:10px;color:#a6a2b1;line-height:1.7}.account{border-top:1px solid #efedf4;padding-top:21px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.account>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:10px;color:#aaa6b5;font-weight:400}.avatar{width:33px;height:33px;border-radius:50%;background:#f0eaf8;color:#9482b4;display:flex;align-items:center;justify-content:center}.account form{margin-left:auto}.main{margin-left:242px;width:calc(100% - 242px)}.topbar{height:88px;border-bottom:1px solid #efedf4;display:flex;align-items:center;padding:0 46px;gap:25px;background:#ffffffb8}.topbar form{position:relative;display:flex;align-items:center;gap:12px;max-width:460px;width:100%;color:#a4a0b1}.topbar input{border:0;box-shadow:none;background:transparent;outline:0;width:100%;padding:12px 0;font-size:12px;color:#4d485e}.topbar input::placeholder{color:#b0adba}.topbar kbd{padding:0 6px;border:1px solid #eae7ef;border-radius:4px;color:#c1bacb;font:12px monospace}.private-badge{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:#aaa5b6;white-space:nowrap}.private-badge svg{width:13px;height:13px}.workspace{padding:40px 46px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.page-heading .muted{font-size:12px;margin:0}.heading-actions{display:flex;gap:9px;padding-top:19px}.heading-actions svg{width:17px;height:17px}.file-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.file-toolbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#aba5b8}.crumb{padding:4px 3px;color:#8c849c;background:transparent}.crumb:last-child{color:#4f485f;font-weight:600}.crumb svg{width:15px;height:15px}.view-switch{display:flex;padding:3px;border:1px solid #eeebf2;border-radius:8px;background:#fff}.view-switch .icon-button{width:29px;height:27px;border-radius:5px}.view-switch svg{width:16px;height:16px}.view-switch .active{background:#f0edfb;color:#6e5ecb}.file-area{position:relative;min-height:380px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:17px}.file-card{background:#fff;border:1px solid #eeebf2;border-radius:13px;min-width:0;padding:17px 17px 14px;position:relative;transition:box-shadow .18s,border-color .18s,transform .18s}.file-card:hover{border-color:#cfc6f0;box-shadow:0 6px 20px #45396f08;transform:translateY(-2px)}.file-open{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;background:transparent;text-align:left;color:inherit;gap:0}.file-preview{height:89px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:8px;background:#f9f8fc}.file-preview svg{width:46px;height:46px;stroke-width:1.3;color:#9384cd}.file-preview.folder{background:#fffaf0}.file-preview.folder svg{fill:#f7d985;color:#eac461;width:53px;height:53px;stroke-width:1.1}.file-preview.photo{background:#f0f8f4}.file-preview.photo svg{color:#74b896}.file-preview.pdf{background:#fff4f2}.file-preview.pdf svg{color:#de9788}.file-preview.video{background:#f6f1fc}.file-preview.video svg{color:#a28acb}.file-name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:11px}.file-subtitle{font-size:10px;color:#b0a9bc;margin-top:5px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;min-height:24px}.status-pill{font-size:9px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;color:#92a599;background:#f0f8f3;padding:3px 6px;max-width:100%;white-space:nowrap}.status-pill.queued,.status-pill.uploading{color:#9582c2;background:#f4f0fc}.status-pill.retry,.status-pill.failed{color:#b4894b;background:#fff6e8}.card-menu{position:relative;flex-shrink:0}.card-menu summary{list-style:none;width:27px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#b6afc2;cursor:pointer;font-size:19px}.card-menu summary::-webkit-details-marker{display:none}.card-menu[open] summary,.card-menu summary:hover{background:#f0edf8;color:#6554d8}.menu-popover{position:absolute;right:0;top:30px;width:175px;background:white;box-shadow:0 8px 28px #30274720;border:1px solid #eeebf4;border-radius:9px;padding:5px;z-index:30}.menu-popover button,.menu-popover a{font-size:12px;display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;padding:9px;background:transparent;color:#6b617d;border-radius:5px;text-align:left}.menu-popover button:hover,.menu-popover a:hover{background:#f6f3fc}.menu-popover svg{width:15px;height:15px}.menu-popover .danger{color:#be7b80}.files-footer{display:flex;justify-content:space-between;font-size:10px;color:#b1abba;border-top:1px solid #eeebf3;margin-top:25px;padding-top:17px}.file-grid.list{grid-template-columns:1fr;gap:7px}.list .file-card{padding:10px 15px;display:flex;align-items:center;gap:20px;border-radius:9px}.list .file-open{flex:1;min-width:0;display:grid;grid-template-columns:40px 1fr 150px;gap:15px;align-items:center}.list .file-preview{height:39px;margin:0}.list .file-preview svg{width:28px;height:28px}.list .file-name{font-size:12px}.list .file-subtitle{margin:0;text-align:right}.list .card-footer{margin:0;gap:15px;min-width:125px}.empty-state{text-align:center;padding:73px 15px;color:#b1a9be}.empty-icon{width:76px;height:76px;border-radius:24px;background:#f1edf9;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#ac9dd8}.empty-icon svg{width:39px;height:39px;stroke-width:1.2}.empty-state h2{font-size:18px;color:#756b87;margin-bottom:8px;font-weight:550}.empty-state p{font-size:12px}.empty-state .secondary{margin-top:8px;font-size:11px}.info-panel{display:flex;gap:15px;align-items:center;background:#f0edf9;color:#8674a7;border:1px solid #e9e2f4;padding:16px 20px;border-radius:12px;margin-bottom:24px}.info-panel p{font-size:12px;margin:0}.queue-row{background:white;border:1px solid #eeebf2;border-radius:10px;padding:16px;margin-bottom:10px;display:flex;align-items:center;gap:15px}.queue-row>div{flex:1;min-width:0}.queue-row strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}.queue-row p{margin:4px 0 0;color:#a79bae;font-size:11px}.queue-row svg{color:#a197b6}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;max-width:900px}.settings-card{padding:28px;border:1px solid #eae6f0;border-radius:14px;background:white}.settings-card>p{font-size:12px}.settings-card dl{font-size:12px;line-height:1.7;margin-bottom:25px}.settings-card dt{color:#a29aaf;margin-top:15px}.settings-card dd{margin:3px 0;color:#62576f}label{display:block;font-size:12px;color:#82758e;margin-bottom:18px}label input,label select{display:block;width:100%;margin-top:7px;border:1px solid #e4dfeb;border-radius:8px;padding:11px 13px;background:#fff;color:#574b66;outline:0}label input:focus,label select:focus{border-color:#a89acb;box-shadow:0 0 0 3px #eee9f8}#drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0ecfbed;border:2px dashed #a595d8;border-radius:15px;z-index:40;color:#8270ac;pointer-events:none}#drop-overlay svg{width:46px;height:46px;margin-bottom:19px}#drop-overlay h2{font-size:21px;margin-bottom:8px}#drop-overlay p{font-size:12px}.upload-panel{position:fixed;bottom:24px;right:24px;width:360px;background:white;box-shadow:0 8px 40px #46325925;z-index:60;border-radius:13px;border:1px solid #e6dff0;max-height:55vh;overflow:auto}.upload-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #f0eaf6;font-size:13px}.upload-item{padding:12px 17px;border-bottom:1px solid #f4eff8}.upload-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item small{font-size:10px;color:#ac9eb8}.upload-item progress{width:100%;height:4px;display:block;margin-top:8px;accent-color:#8e7abd}.toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;max-width:90vw;width:max-content}.toast{background:#494053;color:#fff;padding:12px 19px;border-radius:10px;box-shadow:0 4px 20px #0002;font-size:12px}.toast.error{background:#966368}dialog{border:1px solid #eee5f4;border-radius:16px;padding:26px;width:420px;max-width:calc(100vw - 32px);color:#665673;box-shadow:0 16px 80px #31203b33}dialog::backdrop{background:#27203060;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dialog-heading h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-error{font-size:12px;color:#b76f7a;background:#fff1f3;border-radius:8px;padding:11px}.mobile-brand{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#faf9fc}.login-card{width:450px;padding:60px 65px;z-index:1}.login-card .brand{margin-bottom:61px}.login-card h1{font-size:37px;line-height:1.2;letter-spacing:-1.2px}.login-card>.muted{font-size:12px;margin-bottom:33px}.login-card .eyebrow{font-size:9px}.login-submit{width:100%;justify-content:space-between;margin-top:10px}.login-foot{font-size:10px;color:#b0a7bd;margin:23px 0 0;text-align:center}.login-art{height:620px;width:460px;border-radius:30px;background:linear-gradient(145deg,#e5dff4,#f3eff9 40%,#e1daf0);position:relative;overflow:hidden;margin:30px}.orb{position:absolute;border-radius:50%}.orb-one{width:400px;height:400px;right:-95px;top:-40px;background:linear-gradient(155deg,#b8a9d7,#e8e0f2);box-shadow:-15px 20px 80px #b3a0ca30}.orb-two{width:280px;height:280px;bottom:-50px;left:-60px;background:linear-gradient(155deg,#eae1f3,#c4b5dd);box-shadow:30px -10px 70px #c4b3dd50}.art-sheet{position:absolute;left:50px;right:50px;top:120px;min-height:355px;background:#ffffff80;border:1px solid #ffffffa0;border-radius:22px;backdrop-filter:blur(18px);padding:42px;transform:rotate(-5deg);box-shadow:0 20px 40px #6c488612;display:flex;flex-direction:column}.art-sheet strong{font-size:30px;line-height:1.3;letter-spacing:-1px;color:#75608c;margin-top:37px}.art-sheet>span:last-child{font-size:10px;color:#a899b6;margin-top:18px}.art-folder{width:66px;height:46px;background:linear-gradient(135deg,#ccb8e4,#a894c1);border-radius:5px;position:relative}.art-folder:before{content:'';position:absolute;top:-8px;left:0;background:#c8b4e0;width:27px;height:12px;border-radius:5px 5px 0 0}[hidden]{display:none!important}@media(min-width:1450px){.workspace{max-width:1430px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:1050px){.sidebar{width:210px;padding:26px 16px 18px}.main{margin-left:210px;width:calc(100% - 210px)}.workspace{padding:30px 26px}.topbar{padding:0 26px}.heading-actions .secondary{font-size:0;gap:0;padding:10px}.heading-actions .secondary svg{width:20px;height:20px}.settings-grid{grid-template-columns:1fr}.list .file-open{grid-template-columns:36px 1fr}.list .file-subtitle{display:none}}@media(max-width:720px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:68px;flex-direction:row;align-items:center;padding:5px 12px;border-right:0;border-top:1px solid #eae5f1;box-shadow:0 -4px 20px #523a7106}.sidebar>.brand,.sidebar-upload,.storage-card,.account,.nav-divider{display:none}.sidebar nav{width:100%;display:flex;justify-content:space-around;gap:5px}.nav-item{width:auto;min-width:65px;min-height:51px;flex-direction:column;gap:3px;font-size:9px;padding:5px 8px;margin:0;position:relative}.nav-item svg{width:20px;height:20px}.nav-item .count{position:absolute;top:1px;right:1px;min-width:15px;font-size:8px}.main{margin:0 0 68px;width:100%}.topbar{height:69px;padding:0 20px;gap:18px}.mobile-brand{display:block;white-space:nowrap;font-size:17px;font-weight:700;color:#6554d8;letter-spacing:-.5px}.topbar form{padding:0 9px;gap:5px;background:#f5f2fa;border-radius:8px}.topbar input{font-size:11px;min-width:0}.topbar svg{width:16px;height:16px}.topbar kbd,.private-badge{display:none}.workspace{padding:27px 20px}.page-heading{gap:10px;align-items:flex-start;margin-bottom:23px;flex-wrap:wrap}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:9px;margin-bottom:10px}.page-heading .muted{font-size:11px}.heading-actions{padding-top:5px;width:100%;margin-top:9px}.heading-actions .secondary{font-size:11px;gap:7px;padding:10px 12px}.heading-actions .primary{font-size:11px;padding:10px 13px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-card{padding:11px 11px 9px;border-radius:10px}.file-preview{height:77px;margin-bottom:9px}.file-name{font-size:11px}.file-subtitle{font-size:9px}.status-pill{font-size:8px}.file-toolbar{padding-bottom:16px;gap:8px}.file-toolbar nav{font-size:10px}.file-area{min-height:310px}.empty-state{padding:42px 10px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.files-footer{font-size:9px}.list .file-card{padding:10px;gap:8px}.list .file-open{gap:9px;grid-template-columns:33px 1fr}.list .card-footer{min-width:auto;gap:4px}.list .status-pill{max-width:85px;overflow:hidden;text-overflow:ellipsis;display:block}.settings-card{padding:22px}.upload-panel{right:12px;bottom:81px;width:calc(100vw - 24px);max-height:42vh}.toasts{bottom:85px}.login-page{padding:25px}.login-card{width:100%;max-width:380px;padding:20px 10px}.login-card .brand{margin-bottom:49px}.login-card h1{font-size:35px}.login-art{display:none}.queue-row{padding:12px;gap:10px}.queue-row .secondary{font-size:10px;padding:8px}.info-panel{padding:14px}.info-panel p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.settings-logout{margin-top:24px;padding-top:22px;border-top:1px solid #eee8f4}
/* A body-level menu avoids card transform stacking contexts. */
.floating-menu{position:fixed;right:auto;top:auto;z-index:1000;width:190px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto}
.menu-trigger{width:30px;height:28px;padding:0;background:transparent;color:#978ea9;border-radius:6px;font-size:20px;flex-shrink:0}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#f0edf8;color:#6554d8}
.file-select{position:absolute;top:10px;left:10px;width:19px;height:19px;margin:0;accent-color:#6554d8;cursor:pointer;z-index:1}.file-card.selected{border-color:#8270e5;background:#f5f2ff;box-shadow:0 0 0 1px #8270e5}.file-card.selected .file-preview{background:#eee8ff}.list .file-select{position:static;flex-shrink:0}.list .file-open{min-width:0;flex:1}
.select-all-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#81768e;white-space:nowrap;cursor:pointer}.select-all-label input{width:17px;height:17px;accent-color:#6554d8}.file-toolbar #breadcrumbs{flex:1;min-width:0}.file-toolbar{flex-wrap:wrap}
.selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;background:#eee9fc;border:1px solid #ded6f6;border-radius:10px;margin-bottom:18px}.selection-bar strong{font-size:12px;margin-right:auto;color:#55477d}.selection-bar .secondary{font-size:12px;padding:8px 11px;min-height:36px}.selection-bar .danger{color:#a23d4c}.selection-bar svg{width:16px;height:16px}.file-select:focus-visible{outline:3px solid #b6adfc;outline-offset:3px}
@media(max-width:720px){.select-all-label{font-size:10px}.select-all-label span{display:none}.selection-bar{padding:10px;gap:7px}.selection-bar strong{width:100%;font-size:11px}.selection-bar .secondary{font-size:10px;padding:8px;min-height:35px}.file-select{width:18px;height:18px;top:7px;left:7px}.list .file-card{gap:7px}.floating-menu{width:185px}.floating-menu button{min-height:42px}}