.cloud-section{position:relative}.cloud-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.cloud-head h2{margin:0}.cloud-usage{width:min(300px,100%);color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.cloud-usage>a{color:var(--brand);align-self:flex-start;font-weight:750}.cloud-usage-bar{background:#e8ecf4;border-radius:999px;height:7px;overflow:hidden}.cloud-usage-bar span{background:linear-gradient(90deg, var(--brand), #7b85f7);border-radius:inherit;height:100%;transition:width .3s;display:block}.cloud-usage-bar.is-full span{background:linear-gradient(90deg, #e2873a, var(--danger))}.cloud-breadcrumbs{min-height:30px;color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.cloud-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.cloud-breadcrumbs li{align-items:center;gap:2px;min-width:0;display:inline-flex}.cloud-breadcrumbs a,.cloud-breadcrumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:220px;padding:3px 6px;overflow:hidden}.cloud-breadcrumbs a{color:var(--brand);font-weight:700}.cloud-breadcrumbs a:hover{background:var(--brand-soft)}.cloud-breadcrumbs [aria-current]{color:var(--ink);font-weight:800}.cloud-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.cloud-sort{margin-left:auto}.cloud-sort select{min-height:38px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd7e5;border-radius:10px;padding:6px 10px;font-size:13px}.cloud-view{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.cloud-view button{color:#6a7790;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:30px;display:grid}.cloud-view button[aria-pressed=true]{color:var(--brand);background:#fff;box-shadow:0 1px 4px #1e325f1f}.cloud-notice{color:#2d4170;background:var(--brand-soft);border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.cloud-notice.is-error{color:var(--danger);background:#fff2f3}.cloud-notice button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin-left:auto;display:grid}.cloud-uploads{border:1px solid var(--line);background:#fbfcff;border-radius:12px;margin-bottom:14px;padding:12px 14px}.cloud-uploads-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.cloud-uploads ul{gap:8px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cloud-uploads li{align-items:center;gap:10px;display:flex}.cloud-uploads li>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cloud-uploads strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cloud-uploads li span{color:var(--muted);font-size:11px}.cloud-uploads li[data-status=error] span{color:var(--danger)}.cloud-uploads li[data-status=done] span{color:var(--success)}.cloud-uploads .progress-track{width:100%;height:5px}.cloud-uploads .icon-button{margin-left:0}.cloud-icon{color:#66738b;background:#eef1f6;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.cloud-icon[data-kind=folder]{color:#c98a12;background:#fff4dc}.cloud-icon[data-kind=pdf]{color:#d6343f;background:#fdecee}.cloud-icon[data-kind=word]{color:#2b5fd9;background:#e9f0ff}.cloud-icon[data-kind=sheet]{color:#17864f;background:#e5f6ec}.cloud-icon[data-kind=slides]{color:#d9640f;background:#fff0e3}.cloud-icon[data-kind=image]{color:#8a44c9;background:#f3eafc}.cloud-icon[data-kind=archive]{color:#8c6a2a;background:#f6efe1}.cloud-icon[data-kind=text]{color:#4a5a78;background:#eceff5}.cloud-columns{color:#8390a6;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #edf0f4;grid-template-columns:1fr 96px 170px 40px;gap:12px;padding:0 8px 6px 58px;font-size:11px;font-weight:750;display:grid}.cloud-list,.cloud-grid{margin:0;padding:0;list-style:none}.cloud-list .cloud-item{border-bottom:1px solid #edf0f4;border-radius:10px;grid-template-columns:38px 1fr 96px 170px 40px;align-items:center;gap:12px;padding:8px;display:grid}.cloud-list .cloud-item:hover,.cloud-list .cloud-item:focus-within{background:#f7f9fd}.cloud-name{flex-direction:column;min-width:0;display:flex}.cloud-name>a{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:700;overflow:hidden}.cloud-name>a:hover{color:var(--brand);text-decoration:underline}.cloud-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cloud-list .cloud-meta{display:none}.cloud-size,.cloud-date{color:var(--muted);white-space:nowrap;font-size:12px}.cloud-size{text-align:right}.cloud-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.cloud-grid .cloud-item{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px;transition:all .15s;display:flex;position:relative}.cloud-grid .cloud-item:hover,.cloud-grid .cloud-item:focus-within{border-color:#b5c3eb;box-shadow:0 10px 22px #23365e12}.cloud-grid .cloud-icon{border-radius:14px;width:54px;height:54px}.cloud-grid .cloud-name{width:100%}.cloud-grid .cloud-size,.cloud-grid .cloud-date{display:none}.cloud-grid .cloud-menu-wrap{position:absolute;top:8px;right:8px}.cloud-menu-wrap{justify-self:end;position:relative}.cloud-menu-button{color:#6a7790;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.cloud-menu-button:hover,.cloud-menu-button[aria-expanded=true]{color:var(--brand);background:var(--brand-soft)}.cloud-menu{z-index:20;border:1px solid var(--line);min-width:190px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}.cloud-menu>a,.cloud-menu>button{width:100%;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;font-weight:650;display:flex}.cloud-menu>a:hover,.cloud-menu>button:hover,.cloud-menu>:focus-visible{color:var(--brand);background:var(--brand-soft);outline:none}.cloud-menu>.danger{color:var(--danger)}.cloud-menu>.danger:hover,.cloud-menu>.danger:focus-visible{color:var(--danger);background:#fff0f2}.cloud-rename{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.cloud-rename input{min-width:0;color:var(--ink);font:inherit;border:1px solid #a7b7e8;border-radius:8px;flex:1;padding:6px 9px;font-size:14px}.cloud-rename input[aria-invalid=true]{border-color:var(--danger)}.cloud-field-error{color:var(--danger);flex-basis:100%;font-size:12px}.cloud-create{background:#fbfcff;border:1px dashed #b9c5dc;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;display:flex}.cloud-empty{color:var(--muted);background:var(--soft);text-align:center;border:2px dashed #d5dcea;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;font-size:13px;display:flex}.cloud-empty strong{color:var(--ink);font-size:16px}.cloud-empty .upload-icon{margin-bottom:4px}.cloud-empty>div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.cloud-section.is-dragging{border-color:var(--brand)}.cloud-drop{z-index:30;color:var(--brand);border:2px dashed var(--brand);text-align:center;pointer-events:none;background:#f0f4ffed;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.cloud-dialog{width:min(420px,100% - 32px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:16px;padding:22px}.cloud-dialog::backdrop{background:#16223a66}.cloud-dialog h3{margin:0 0 8px;font-size:18px}.cloud-dialog p{color:#4a5770;overflow-wrap:anywhere;margin:0 0 14px;font-size:14px}.cloud-dialog form>div{justify-content:flex-end;gap:8px;display:flex}.cloud-save{flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.cloud-save-button{min-height:38px;padding:8px 14px;font-size:13px}.cloud-save-inline{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.cloud-save-link{color:var(--brand);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.cloud-save-link:disabled{cursor:wait;opacity:.7}.cloud-save .cloud-save-error,.cloud-save-inline .cloud-save-error{max-width:260px;color:var(--danger);font-size:11px}.registration-nudge .cloud-save-actions{flex-flow:wrap;flex:none;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}@media (max-width:720px){.cloud-section{padding:18px 14px}.cloud-usage{width:100%}.cloud-toolbar .primary-button,.cloud-toolbar .secondary-button{flex:auto}.cloud-sort{flex:auto;margin-left:0}.cloud-sort select{width:100%}.cloud-columns{display:none}.cloud-list .cloud-item{grid-template-columns:38px 1fr 36px;gap:10px;padding:8px 4px}.cloud-list .cloud-size,.cloud-list .cloud-date{display:none}.cloud-list .cloud-meta{display:block}.cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cloud-breadcrumbs a,.cloud-breadcrumbs [aria-current]{max-width:140px}.registration-nudge .cloud-save-actions{width:100%}.registration-nudge .cloud-save-actions>*{flex:auto}}