:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#242424;background:#f6f6f5;--red:#b4232b;--line:#e6e5e3;--muted:#777;--panel:#fff}*{box-sizing:border-box}body{margin:0;background:#f6f6f5}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:28px;position:sticky;top:0;z-index:5}.wordmark{font-weight:750;font-size:21px;color:#242424;text-decoration:none;letter-spacing:-.4px}.mobile-menu{display:none;border:0;background:none;font-size:22px}.search{height:40px;background:#f4f4f3;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 13px;max-width:570px;flex:1;margin-left:30px}.search span{font-size:21px;color:#777}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.top-actions button,.toolbar button,.close{border:1px solid var(--line);background:#fff;color:#444;border-radius:4px;padding:8px 11px;font:inherit}.account{font-size:13px}.layout{min-height:calc(100vh - 70px);display:flex}.sidebar{width:238px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.new-button{background:var(--red);color:#fff;border:0;border-radius:4px;text-align:left;font-weight:650;padding:12px 16px;margin:0 9px 22px;font:inherit;box-shadow:0 2px 6px #b4232b2a}.sidebar nav{display:grid;gap:4px}.sidebar a{display:flex;gap:14px;align-items:center;color:#585858;text-decoration:none;padding:11px 14px;border-radius:4px;font-size:14px}.sidebar a.active,.sidebar a:hover{background:#f9e9e9;color:var(--red);font-weight:650}.sidebar-bottom{margin-top:auto;padding:12px 9px}.sidebar-bottom a{padding-left:5px}.usage-label{display:flex;justify-content:space-between;font-size:12px;margin:0 5px 8px}.usage-label strong{font-weight:600}.meter{height:5px;background:#eee;border-radius:8px;margin:0 5px 18px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--red)}.content{flex:1;min-width:0;padding:34px 40px}.breadcrumb{font-size:23px;font-weight:680;letter-spacing:-.3px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.toolbar button{font-size:12px;margin-right:7px}.muted{font-size:12px;color:var(--muted)}.notice{background:#fff8e8;border:1px solid #ecdcb6;padding:12px 15px;border-radius:4px;font-size:13px;margin-bottom:16px}.file-area{background:var(--panel);border:1px solid var(--line);min-height:480px;border-radius:5px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:18px}.file-card{border:1px solid var(--line);border-radius:5px;padding:15px;min-height:128px;background:#fff;cursor:pointer}.file-card:hover{border-color:#c7c5c2;box-shadow:0 2px 9px #0000000a}.file-card .file-icon{font-size:26px;color:#b4232b}.file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:13px 0 5px;font-size:14px}.file-card small{color:var(--muted);font-size:11px}.empty{text-align:center;padding:120px 20px;color:#666}.empty h2{font-size:17px;color:#333;margin:12px 0 7px}.empty p{font-size:13px}.empty-icon{border:2px solid #bbb;color:#999;font-size:30px;width:50px;height:50px;line-height:42px;margin:auto;border-radius:7px}.spinner{width:25px;height:25px;border:3px solid #eee;border-top-color:var(--red);border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.details{width:290px;background:#fff;border-left:1px solid var(--line);padding:31px 24px;position:relative}.details .close{position:absolute;right:17px;top:18px;border:0;font-size:22px;padding:0}.detail-icon{font-size:35px;color:var(--red);margin-top:26px}.details h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details dl{font-size:12px;display:grid;grid-template-columns:80px 1fr;gap:13px 5px;margin-top:28px}.details dt{color:#888}.details dd{margin:0;overflow:hidden;text-overflow:ellipsis}.auth-wall{min-height:100vh;display:grid;place-items:center;background:#f6f6f5}.auth-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:42px;width:min(420px,calc(100% - 40px));box-shadow:0 8px 30px #0000000a}.brand-mark{background:var(--red);color:#fff;width:34px;height:34px;border-radius:4px;display:grid;place-items:center;font-weight:800;font-size:20px}.eyebrow{font-size:12px;color:var(--red);font-weight:650;margin-top:30px}.auth-card h1{font-size:25px;margin:8px 0}.auth-card p{color:#777;font-size:14px;line-height:1.55}.primary{width:100%;background:var(--red);color:#fff;border:0;border-radius:4px;padding:12px;font:inherit;font-weight:650;margin-top:18px}.error{color:var(--red)!important}@media(max-width:850px){.sidebar{width:205px}.content{padding:26px 20px}.details{display:none}.search{margin-left:0}}@media(max-width:620px){.mobile-menu{display:block}.sidebar{display:none}.topbar{padding:0 15px;gap:14px}.top-actions button:not(.account){display:none}.account{padding:7px!important}.content{padding:24px 13px}.breadcrumb{font-size:20px}}
.wordmark{display:inline-flex;align-items:center}.wordmark img{width:auto;height:24px;max-width:36px;object-fit:contain;margin-right:8px}.brand-mark{width:48px!important;height:34px!important;background:transparent!important}.brand-mark img{width:100%;height:100%;object-fit:contain}
.folder-button{background:#fff;color:var(--red);border:1px solid var(--red);border-radius:4px;text-align:left;font-weight:650;padding:10px 16px;margin:-12px 9px 22px;font:inherit}.card-action{margin-top:12px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 9px;color:#555}.crumb{border:0;background:none;color:var(--red);font:inherit;font-weight:650;padding:0;cursor:pointer}.checksum{font-family:ui-monospace,monospace;word-break:break-all}.upload-panel{position:fixed;right:24px;bottom:24px;width:min(440px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px;box-shadow:0 12px 40px #0002;z-index:20}.upload-panel strong,.upload-panel small{display:block}.upload-panel small,#upload-destination{color:var(--muted);font-size:12px}.upload-panel progress{width:100%;height:14px;margin:14px 0 5px}.upload-actions{display:flex;justify-content:flex-end;gap:8px}.upload-actions button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 11px}dialog{border:0;border-radius:7px;padding:0;box-shadow:0 18px 60px #0003;width:min(430px,calc(100vw - 40px))}dialog::backdrop{background:#0005}dialog form{padding:28px}dialog label,dialog input{display:block;width:100%}dialog input{margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:4px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions button{width:auto;margin:0;padding:10px 15px}.notice[data-type="error"]{background:#fff0f0;border-color:#e4b8b8}.file-area.dragging{outline:3px solid #b4232b55;outline-offset:-4px}

button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}:focus-visible{outline:3px solid #1769e8;outline-offset:2px}.compact .file-grid{grid-template-columns:1fr;gap:0}.compact .file-card{min-height:72px;border-width:0 0 1px;border-radius:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.compact .file-card .file-icon{grid-row:1/3}.compact .file-card strong{margin:0}.compact .card-action{grid-column:3;grid-row:1/3;margin:0}.sidebar-backdrop{display:none}@media(max-width:620px){.sidebar{display:flex;position:fixed;z-index:15;inset:70px auto 0 0;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 30px #0002}.nav-open .sidebar{transform:translateX(0)}.sidebar-backdrop:not([hidden]){display:block;position:fixed;z-index:14;inset:70px 0 0;border:0;background:#0007}.toolbar{align-items:flex-start}.toolbar>div{display:flex;gap:6px}.toolbar button{margin:0}.file-area{min-height:360px}.empty{padding:90px 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon-button svg,.topbar svg,.sidebar svg,.file-icon svg,.detail-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search svg{color:#728097;flex:0 0 auto}.top-actions .icon-button{display:grid;place-items:center}.account{display:flex!important;align-items:center;gap:8px;max-width:240px}.account>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account>svg{width:16px;height:16px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#17324d;color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}.avatar.large{width:48px;height:48px;font-size:18px}.new-button,.folder-button,.sidebar a,.sidebar-action{display:flex;align-items:center;gap:12px}.new-button svg,.folder-button svg,.sidebar svg{width:18px;height:18px;flex:0 0 auto}.sidebar-action{width:100%;border:0;background:transparent;color:#585858;padding:11px 5px;border-radius:4px;text-align:left}.sidebar-action:hover{background:#f9e9e9;color:var(--red)}.file-icon svg{width:30px;height:30px}.detail-icon svg{width:38px;height:38px}.panel-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}.panel-dialog form{padding:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 18px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:3px 0 0}.panel-heading .eyebrow{margin:0}.panel-heading .icon-button{border:0;background:transparent;padding:5px}.profile-card{display:flex;align-items:center;gap:14px;padding:24px 28px;background:#f6f9fc}.profile-card strong,.profile-card small{display:block}.profile-card small{color:var(--muted);margin-top:3px}.account-details{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:24px 28px;margin:0;font-size:13px}.account-details dt{color:var(--muted)}.account-details dd{margin:0;overflow-wrap:anywhere}.danger-button{margin:0 28px 28px;border:1px solid #d6a4a7;background:#fff;color:var(--red);border-radius:6px;padding:10px 14px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;border-bottom:1px solid var(--line)}.setting-row span strong,.setting-row span small{display:block}.setting-row span small{color:var(--muted);margin-top:4px}.setting-row input{width:20px;height:20px}.settings-status{margin:24px 28px;padding:18px;background:#f2f8f3;border:1px solid #cde4d1;border-radius:8px}.settings-status p{color:#5d6f61;font-size:13px;margin-bottom:0}.status-pill{float:right;color:#19723a;font-size:12px;font-weight:700}.help-list{padding:12px 28px}.help-list article{padding:14px 0;border-bottom:1px solid var(--line)}.help-list p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.support-link{display:block;margin:0 28px 28px;color:#1769e8;font-weight:650;text-decoration:none}@media(max-width:620px){.account>span:not(.avatar),.account>svg{display:none}.panel-dialog{width:calc(100vw - 20px)}.account-details{grid-template-columns:90px minmax(0,1fr)}}

.toolbar svg,.empty-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.toolbar button{display:inline-flex;align-items:center;gap:4px}.empty-icon{display:grid;place-items:center}.empty-icon svg{width:30px;height:30px}

/* Public Drive welcome and authentication journey */
.drive-welcome{min-height:100vh;background:radial-gradient(circle at 12% 5%,#dff4ff 0,transparent 34%),linear-gradient(180deg,#f8fbff,#eef5fb);color:#10213b;display:flex;flex-direction:column}.welcome-nav,.welcome-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;gap:24px}.welcome-nav{height:76px;justify-content:space-between;border-bottom:1px solid #cfdeea}.welcome-nav>a:last-child,.welcome-footer a{color:#49647d;text-decoration:none;font-weight:700}.welcome-brand{display:flex;align-items:center;gap:10px;color:#10213b;text-decoration:none;font-size:21px;font-weight:900}.welcome-brand img{width:38px;height:38px;object-fit:contain}.welcome-main{width:min(1180px,calc(100% - 40px));margin:auto;padding:66px 0 48px}.welcome-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.72fr);gap:70px;align-items:center}.welcome-copy h1{max-width:700px;margin:12px 0 20px;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em}.welcome-lede{max-width:650px;font-size:19px;line-height:1.65;color:#526a80}.welcome-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.welcome-points span{padding:9px 13px;border:1px solid #c7dbe9;border-radius:999px;background:#fff9;font-size:13px;font-weight:800;color:#35536e}.signin-card{background:#fff;border:1px solid #d8e4ed;border-radius:24px;padding:34px;box-shadow:0 24px 60px #2546601c}.signin-card h2{margin:10px 0;font-size:30px;letter-spacing:-.03em}.signin-card>p{color:#607489;line-height:1.55}.signin-button{width:100%;height:50px;margin:12px 0 8px;font-size:15px}.identity-note{padding:16px;background:#f3f8fc;border-radius:14px;font-size:13px}.identity-note strong{color:#183c59}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.welcome-features article{padding:26px;background:#ffffffa8;border:1px solid #d7e4ed;border-radius:18px}.welcome-features b{color:#2385b8;font-size:12px;letter-spacing:.12em}.welcome-features h3{margin:12px 0 8px;font-size:20px}.welcome-features p{margin:0;color:#607489;line-height:1.55}.welcome-footer{min-height:74px;border-top:1px solid #cfdeea;color:#6c7f90;font-size:13px}.welcome-footer span{margin-right:auto}@media(max-width:850px){.welcome-main{padding-top:36px}.welcome-hero{grid-template-columns:1fr;gap:34px}.welcome-copy h1{font-size:52px}.welcome-features{grid-template-columns:1fr;margin-top:34px}}@media(max-width:520px){.welcome-main,.welcome-nav,.welcome-footer{width:min(100% - 28px,1180px)}.welcome-copy h1{font-size:42px}.signin-card{padding:24px}.welcome-footer{flex-wrap:wrap;padding:18px 0}}

.avatar{overflow:hidden}.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}

.folder-button{background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 16px}.folder-button:hover{background:#f9e9e9}.preview-button{width:100%;border:0;background:var(--red);color:#fff;border-radius:5px;padding:9px 12px;font:inherit;font-weight:700;margin:4px 0 18px}.preview-dialog{width:min(1120px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px));max-width:none;max-height:none;overflow:hidden}.preview-heading{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.preview-heading h2{margin:0;font-size:17px}.preview-heading .icon-button{border:0;background:transparent;padding:7px}.preview-heading svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.preview-stage{height:calc(100% - 62px);display:grid;place-items:center;background:#f1f2f3;overflow:auto}.preview-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.preview-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.preview-loading,.preview-error{padding:20px;color:var(--muted);text-align:center}
.detail-inline-preview{height:220px;margin:12px 0;background:#f2f3f5;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:13px}.detail-inline-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.detail-inline-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}.detail-inline-preview p{padding:16px;text-align:center}.detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 18px}.detail-actions button{min-height:36px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:12px;font-weight:700}.detail-actions .primary{border-color:var(--red);background:var(--red);color:#fff}.share-dialog{width:min(560px,calc(100vw - 28px))}.share-dialog form{padding:0 26px 24px}.share-dialog .panel-heading{margin:0 -26px 22px;padding:18px 26px}.share-dialog label{display:block;margin:14px 0 6px;font-size:13px;font-weight:700}.share-dialog input,.share-dialog select{box-sizing:border-box;width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit}.share-result{margin-top:18px;padding:15px;background:#f6f7f8;border:1px solid var(--line);border-radius:8px}.share-result p{color:var(--muted);font-size:12px;line-height:1.5}.share-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.share-channels button{padding:9px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;font-weight:700}.share-dialog .dialog-actions{padding-top:18px}@media(max-width:700px){.detail-actions,.share-channels{grid-template-columns:1fr}.detail-inline-preview{height:180px}}
.detail-actions .nft-button{grid-column:1/-1;border-color:#6b3fc7;background:#f5f0ff;color:#4b249a}.detail-nft-status{margin:-7px 0 17px;padding:10px 12px;border-radius:7px;background:#f2ecff;color:#4b249a;font-size:12px}.detail-nft-status strong,.detail-nft-status a{display:block}.nft-dialog{width:min(680px,calc(100vw - 28px))}.nft-dialog form{padding:0 28px 28px}.nft-dialog .panel-heading{margin:0 -28px 20px;padding:18px 28px}.testnet-warning{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #d9c7ff;border-radius:9px;background:#f6f1ff;color:#4b249a}.nft-dialog label{display:block;margin:15px 0 6px;font-size:13px;font-weight:700}.nft-dialog input,.nft-dialog textarea{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:7px;font:inherit}.nft-fields{display:grid;grid-template-columns:130px 1fr;gap:14px}.nft-dialog .primary{width:100%;margin-top:18px;padding:12px;border:0;border-radius:7px;background:#6b3fc7;color:#fff;font-weight:800}.nft-review{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 12px;margin:18px 0}.nft-review dt{font-weight:700}.nft-review dd{margin:0;overflow-wrap:anywhere}.rights-check{display:flex!important;align-items:flex-start;gap:9px;padding:14px;border:1px solid var(--line);border-radius:8px}.rights-check input{width:auto;margin-top:2px}.primary-link{display:inline-block;padding:11px 15px;border-radius:7px;background:#6b3fc7;color:#fff;text-decoration:none;font-weight:800}@media(max-width:620px){.nft-fields,.nft-review{grid-template-columns:1fr}}
