/* Cloud: an open file workspace, not a second dashboard inside the app rail. */
.cosmos-workspace .cosmos-cloud { display:block;height:100%;background:var(--cosmos-night);position:relative; }
.cosmos-cloud .cloud-workspace { height:100%;overflow:auto;scrollbar-gutter:stable; }
.cosmos-cloud__masthead { padding:0 30px;background:linear-gradient(130deg,#101e2c55,transparent 70%); }
.cosmos-cloud .cloud-context-header { padding:32px 0 24px;gap:18px;align-items:center; }
.cosmos-cloud .cloud-context-header p { color:var(--cosmos-sky);font-size:.68rem;letter-spacing:.18em; }
.cosmos-cloud .cloud-context-header h2 { margin:10px 0;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere; }
.cosmos-cloud .cloud-context-header>div:first-child { min-width:0; }
.cosmos-cloud .cloud-context-header span { color:var(--cosmos-muted);font-size:.86rem; }
.cosmos-cloud .cloud-context-header button { border-radius:var(--cosmos-radius-control);white-space:nowrap; }
.cosmos-cloud .cosmos-cloud__upload { background:var(--cosmos-paper);color:var(--cosmos-void);border:0;justify-content:center; }
.cosmos-cloud__views { display:flex;gap:6px;overflow:auto;scrollbar-width:thin;border-bottom:1px solid var(--cosmos-line); }
.cosmos-cloud__views button { position:relative;min-height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:0;background:none;color:var(--cosmos-muted);white-space:nowrap;transition:color var(--cosmos-instant); }
.cosmos-cloud__views button:hover,.cosmos-cloud__views button.is-active { color:var(--cosmos-paper);background:#a9cee908; }
.cosmos-cloud__views button.is-active::after { content:'';position:absolute;inset:auto 12px 0;height:2px;background:var(--cosmos-sky); }
.cosmos-cloud .cloud-toolbar { padding:14px 30px;gap:18px;background:var(--cosmos-night);backdrop-filter:none;position:sticky;top:0;z-index:12; }
.cosmos-cloud .cloud-toolbar__actions { flex:1;justify-content:flex-end; }
.cosmos-cloud .cloud-breadcrumbs { flex:1;min-width:80px;overflow:auto; }
.cosmos-cloud .cloud-breadcrumbs button { flex-shrink:0;max-width:170px;font-size:.82rem;border-radius:var(--cosmos-radius-control); }
.cosmos-cloud .cloud-breadcrumbs button+button::before { content:'/';color:var(--cosmos-faint);margin-right:7px; }
.cosmos-cloud .cloud-search { width:clamp(170px,22vw,320px);border:1px solid var(--cosmos-line);border-radius:var(--cosmos-radius-control);background:#05080e88; }
.cosmos-cloud .cloud-toolbar__actions>button { flex-shrink:0;border-radius:var(--cosmos-radius-control);min-width:40px;justify-content:center; }
.cosmos-cloud__organize { padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cosmos-muted); }
.cosmos-cloud__organize>div { display:flex;gap:8px; }
.cosmos-cloud__organize button { display:flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;background:none;border:0;border-radius:var(--cosmos-radius-control);color:var(--cosmos-soft);font-size:.8rem; }
.cosmos-cloud__organize button:hover { background:var(--cosmos-panel);color:var(--cosmos-paper); }
.cosmos-cloud__organize p { margin:0;font: .72rem var(--cosmos-mono); }
.cosmos-cloud__filter { margin-left:auto; }
.cosmos-cloud__filter select { height:40px;min-width:110px;padding:0 26px 0 9px;border:1px solid var(--cosmos-line);border-radius:var(--cosmos-radius-control);background:var(--cosmos-night);color:var(--cosmos-soft);font-size:.8rem; }
.cosmos-cloud__filter select:disabled { opacity:.45; }
.cosmos-cloud__activity { max-width:960px;margin:8px auto; }
.cosmos-cloud__activity .nexus-activity-row { border-radius:0;background:none;padding:18px 4px;border-bottom:1px solid var(--cosmos-line); }
.cosmos-cloud .cloud-content { padding:10px 30px 32px;min-height:260px; }
.cosmos-cloud .cloud-grid { grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px; }
.cosmos-cloud .cloud-item { border-radius:var(--cosmos-radius-control);position:relative;min-width:0;padding:0;overflow:hidden; }
.cosmos-cloud .cloud-grid .cloud-item { min-height:190px;border:1px solid var(--cosmos-line);background:#101a2766;display:block; }
.cosmos-cloud .cloud-grid .cloud-item:hover,.cosmos-cloud .cloud-item:focus-within { transform:none;border-color:var(--cosmos-line-strong);background:var(--cosmos-panel);box-shadow:none; }
.cosmos-cloud .cloud-item.is-selected { background:#a9cee910;border-color:var(--cosmos-sky); }
.cosmos-cloud .cloud-item__open { width:100%;display:flex;flex-direction:column;text-align:left;gap:0;color:inherit;background:none;border:0;padding:0;cursor:pointer; }
.cosmos-cloud .cloud-item__visual { position:relative;min-height:120px;height:120px;width:100%;display:grid;place-items:center;background:linear-gradient(145deg,#162b3f55,#0b111a);overflow:hidden; }
.cosmos-cloud .cloud-item__visual>img { width:100%;height:100%;max-height:120px;object-fit:cover;border-radius:0;transition:transform var(--cosmos-responsive); }
.cosmos-cloud .cloud-item__open:hover .cloud-item__visual>img { transform:scale(1.035); }
.cosmos-cloud .cloud-item__copy { display:grid;gap:5px;padding:14px 42px 15px 14px;min-width:0;width:100%; }
.cosmos-cloud .cloud-item__copy strong { font-size:.85rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cosmos-cloud .cloud-item__copy>span { display:flex;justify-content:space-between;gap:8px;color:var(--cosmos-muted);font-size:.73rem;white-space:nowrap; }
.cosmos-cloud .cloud-item__copy em { font-style:normal;overflow:hidden;text-overflow:ellipsis; }
.cosmos-cloud .cloud-item__copy time { overflow:hidden;text-overflow:ellipsis; }
.cosmos-cloud .cloud-item__select { position:absolute;left:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;z-index:2;border:0;border-radius:5px;opacity:0;background:none; }
.cosmos-cloud .cloud-item__select i { position:relative;width:15px;height:15px;display:block;margin:0;rotate:0deg;opacity:1;border:1px solid var(--cosmos-muted);border-radius:3px;background:var(--cosmos-night); }
.cosmos-cloud .cloud-item:hover .cloud-item__select,.cosmos-cloud .cloud-item:focus-within .cloud-item__select,.cosmos-cloud .cloud-item.is-selected .cloud-item__select { opacity:1; }
.cosmos-cloud .cloud-item.is-selected .cloud-item__select i { background:var(--cosmos-sky);border-color:var(--cosmos-sky); }
.cosmos-cloud .cloud-item.is-selected .cloud-item__select { background:none;border:0; }
.cosmos-cloud .cloud-item.is-selected .cloud-item__select i::after { content:'';position:absolute;width:8px;height:5px;left:3px;top:3px;transform:rotate(-45deg);border-left:2px solid var(--cosmos-void);border-bottom:2px solid var(--cosmos-void); }
.cosmos-cloud .cloud-item__visual svg { color:var(--cosmos-sky); }
.cosmos-cloud .cloud-item__more { position:absolute;inset:auto 4px 14px auto;width:36px;height:36px;color:var(--cosmos-soft);border-radius:5px;background:transparent;opacity:1; }
.cosmos-cloud .cloud-item__star { position:absolute;right:12px;top:12px;color:var(--cosmos-warm); }
.cosmos-cloud .cloud-file-object { background:none;box-shadow:none;border:0;transform:none;color:var(--cosmos-sky); }
.cosmos-cloud .cloud-file-object svg { width:30px;height:30px; }
.cosmos-cloud .cloud-file-object>span { font:.65rem var(--cosmos-mono);letter-spacing:.08em; }
.cosmos-cloud .cloud-folder-object { width:66px;height:46px;transform:rotate(-3deg);background:linear-gradient(145deg,#314b60,#192c40);border-color:#8fb0c477; }
.cosmos-cloud .cloud-folder-object::before { background:#283e50;border-color:#8fb0c477; }
.cosmos-cloud .cloud-folder-object i { background:#375269;border-color:#7a9caf88; }
.cosmos-cloud .cloud-folder-object b { background:linear-gradient(150deg,#829eae,#294357);border-color:#9eb7c7; }
.cosmos-cloud .cloud-list { display:grid;border-top:1px solid var(--cosmos-line); }
.cosmos-cloud .cloud-list .cloud-item { display:block;min-height:66px;border:0;border-bottom:1px solid var(--cosmos-line);border-radius:0;padding:0 46px; }
.cosmos-cloud .cloud-list .cloud-item__open { flex-direction:row;align-items:center;min-height:66px; }
.cosmos-cloud .cloud-list .cloud-item__visual { width:46px;height:46px;min-height:46px;flex:0 0 46px;background:none; }
.cosmos-cloud .cloud-list .cloud-item__copy { display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);align-items:center;padding:12px;gap:15px; }
.cosmos-cloud .cloud-list .cloud-item__select { opacity:1;top:13px;background:none; }
.cosmos-cloud .cloud-list .cloud-item__more { top:15px;bottom:auto; }
.cosmos-cloud .cloud-list .cloud-folder-object { width:32px;height:25px; }
.cosmos-cloud .cloud-list .cloud-file-object { width:36px;height:38px;min-width:0; }
.cosmos-cloud .cloud-list .cloud-file-object>span { display:none; }
.cosmos-cloud .cloud-list .cloud-item__star { right:0;top:0; }
.cosmos-cloud .cloud-selection-bar { background:var(--cosmos-raised);border-color:var(--cosmos-line-strong);margin:0 30px 12px;top:70px;border-radius:var(--cosmos-radius-control); }
.cosmos-cloud__storage { display:flex;align-items:center;gap:18px;margin:8px 30px 26px;padding:18px 0;border-top:1px solid var(--cosmos-line);color:var(--cosmos-muted); }
.cosmos-cloud__storage>a { display:flex;align-items:center;gap:8px;font-size:.78rem;min-height:40px; }
.cosmos-cloud__storage>a:last-child { margin-left:auto; }
.cosmos-cloud [data-cloud-rail-storage] { width:min(260px,45%);display:grid;gap:7px; }
.cosmos-cloud [data-cloud-rail-storage]>span { height:3px;background:var(--cosmos-line);overflow:hidden; }
.cosmos-cloud [data-cloud-rail-storage] i { display:block;height:100%;background:var(--cosmos-sky); }
.cosmos-cloud [data-cloud-rail-storage] small { font-size:.72rem;color:var(--cosmos-muted); }
.cosmos-cloud [data-cloud-rail-storage].is-warning i { background:var(--cosmos-warm); }
.cosmos-cloud .cloud-loading { grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }
.cosmos-cloud .cloud-loading i { min-height:190px;background:var(--cosmos-panel);border-radius:var(--cosmos-radius-control); }
.cosmos-cloud .cloud-empty { min-height:300px;padding:46px 20px;background:none;border:0; }
.cosmos-cloud .cloud-empty h3 { font-size:1.65rem;letter-spacing:-.035em; }
.cosmos-cloud .cloud-empty p { font-size:.9rem;color:var(--cosmos-muted); }
.cosmos-cloud .cloud-drop-overlay { position:absolute;inset:0;z-index:35;background:#090f19eb;border:2px dashed var(--cosmos-sky);border-radius:0;pointer-events:none; }
.cosmos-cloud .cloud-drop-overlay>div { text-align:center;color:var(--cosmos-sky); }
.cosmos-cloud .cloud-drop-overlay h3 { margin:18px 0 12px;font-size:2rem; }
.cosmos-cloud .cloud-drop-overlay p { color:var(--cosmos-soft); }
.cosmos-cloud .cloud-detail { position:fixed;inset:0 0 0 auto;z-index:125;width:min(500px,100vw);min-width:0;background:var(--cosmos-night);border-left:1px solid var(--cosmos-line-strong);box-shadow:var(--cosmos-shadow); }
.cosmos-cloud .cloud-detail header { background:var(--cosmos-night);padding:24px; }
.cosmos-cloud .cloud-detail header h2 { max-width:380px;white-space:normal;overflow-wrap:anywhere; }
.cosmos-cloud .cloud-detail-preview { border-radius:var(--cosmos-radius-control);background:var(--cosmos-void);margin:22px; }
.cosmos-cloud .cloud-text-loading pre { color:var(--cosmos-soft);font:13px/1.7 var(--cosmos-mono); }
.cosmos-cloud .cloud-detail-actions { padding:0 22px 22px;gap:8px; }
.cosmos-cloud .cloud-detail-actions a,.cosmos-cloud .cloud-detail-actions button { border-radius:var(--cosmos-radius-control);font-size:.84rem; }
.cosmos-cloud .cloud-detail dl { padding:0 24px 24px; }
.cosmos-cloud .cloud-detail dl div { font-size:.82rem;padding:14px 0; }
.cosmos-cloud .cloud-upload-manager { background:var(--cosmos-panel);border-color:var(--cosmos-line-strong);border-radius:var(--cosmos-radius-panel); }
.cosmos-cloud .cloud-upload-manager>header { height:65px; }
.cosmos-cloud .cloud-upload-manager>header button { width:44px;height:44px; }
.cosmos-cloud .cloud-upload-manager [data-cloud-upload-list] { max-height:45vh;overflow:auto; }
.cosmos-cloud .cloud-upload-progress i { background:var(--cosmos-signal); }
.cosmos-cloud .cloud-action-sheet>section,.cosmos-cloud .cloud-dialog>section { background:var(--cosmos-panel);border:1px solid var(--cosmos-line-strong);border-radius:var(--cosmos-radius-panel); }
.cosmos-cloud .cloud-dialog input,.cosmos-cloud .cloud-dialog textarea,.cosmos-cloud .cloud-dialog select { border-radius:var(--cosmos-radius-control);background:var(--cosmos-night);color:var(--cosmos-paper); }
.cosmos-cloud .cloud-action-sheet [data-cloud-action-body]>button { border-radius:var(--cosmos-radius-control); }
.cosmos-cloud .cloud-home { padding:0; }
.cosmos-cloud .cloud-home>header { display:none; }
.cosmos-cloud .cloud-home__stats { display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--cosmos-line);margin:12px 0 32px; }
.cosmos-cloud .cloud-home__stats article { flex:1;min-width:140px;border:0;border-radius:0;background:none;padding:20px 24px 20px 0; }
.cosmos-cloud .cloud-home__stats strong { font-size:1.8rem; }
.cosmos-cloud .cloud-home section>header { display:flex;align-items:center;justify-content:space-between;margin:20px 0; }
.cosmos-cloud .cloud-home section>header button { padding:10px;border:0;background:none;color:var(--cosmos-sky); }
.cosmos-cloud .cloud-shared h3 { letter-spacing:-.025em; }
.cosmos-cloud .cloud-share-row { border-radius:0;background:none;border:0;border-bottom:1px solid var(--cosmos-line); }
.cosmos-cloud .storage-overview>article { background:var(--cosmos-panel);border-color:var(--cosmos-line);border-radius:var(--cosmos-radius-panel); }
.cosmos-storage { max-width:1160px;margin:16px auto; }
.cosmos-storage__capacity { padding:20px 0 26px;border-bottom:1px solid var(--cosmos-line); }
.cosmos-storage__capacity>header { display:flex;justify-content:space-between;gap:20px;align-items:center; }
.cosmos-storage__capacity h3 { margin:12px 0 30px;font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.04em; }
.cosmos-storage__capacity h3>span { color:var(--cosmos-muted);font-weight:400; }
.cosmos-storage__state { display:flex;align-items:center;gap:8px;color:var(--cosmos-soft);font-size:.8rem; }
.cosmos-storage__meter { height:10px;background:var(--cosmos-line);overflow:hidden; }
.cosmos-storage__meter i { display:block;height:100%;background:var(--cosmos-sky); }
.cosmos-storage__scale { display:flex;justify-content:space-between;gap:15px;margin-top:12px;font:.8rem var(--cosmos-mono);color:var(--cosmos-soft); }
.cosmos-storage__note { max-width:650px;font-size:.8rem;line-height:1.6;color:var(--cosmos-muted);margin-top:20px; }
.cosmos-storage__account { display:flex;padding:30px 0;gap:60px;border-bottom:1px solid var(--cosmos-line); }
.cosmos-storage__account>div { display:grid;gap:12px;flex:1; }
.cosmos-storage__account strong { font-size:2rem;font-weight:450;letter-spacing:-.04em; }
.cosmos-storage__account span { font-size:.82rem;color:var(--cosmos-muted); }
.cosmos-storage__account button { padding:0;background:none;border:0;min-height:36px;display:flex;align-items:center;gap:8px;justify-self:start;color:var(--cosmos-sky);font-size:.8rem; }
.cosmos-storage__details { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:50px;padding:34px 0; }
.cosmos-storage__details h3 { font-size:1.5rem;letter-spacing:-.03em;margin:10px 0 25px; }
.cosmos-storage__details dl>div { display:flex;justify-content:space-between;padding:16px 0;gap:20px;border-bottom:1px solid var(--cosmos-line);font-size:.85rem; }
.cosmos-storage__details dt { color:var(--cosmos-muted); }
.cosmos-storage__details dd { margin:0;font-family:var(--cosmos-mono); }
.cosmos-storage__files button { width:100%;min-height:54px;padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid var(--cosmos-line);background:none;color:var(--cosmos-soft);text-align:left; }
.cosmos-storage__files button>span { min-width:0;display:flex;align-items:center;gap:10px; }
.cosmos-storage__files strong { font-weight:450;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cosmos-storage__files svg { flex-shrink:0;color:var(--cosmos-sky); }
.cosmos-storage__files em { font:.75rem var(--cosmos-mono);white-space:nowrap; }
.cosmos-storage__files>p { font-size:.85rem;color:var(--cosmos-muted); }
.cosmos-cloud button:focus-visible,.cosmos-cloud a:focus-visible,.cosmos-cloud input:focus-visible { outline:2px solid var(--cosmos-sky);outline-offset:3px; }
@media (max-width:1100px) {
  .cosmos-cloud .cloud-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px; }
  .cosmos-cloud .cloud-context-header h2 { font-size:2.25rem; }
}
@media (max-width:760px) {
  .cosmos-storage__capacity>header { align-items:start;flex-direction:column;gap:0; }
  .cosmos-storage__state { margin-bottom:20px; }
  .cosmos-storage__account { gap:20px; }
  .cosmos-storage__account strong { font-size:1.65rem; }
  .cosmos-storage__details { grid-template-columns:1fr;gap:28px; }
  .cosmos-cloud__masthead { padding:0 18px; }
  .cosmos-cloud .cloud-context-header { padding:24px 0 18px;align-items:flex-start; }
  .cosmos-cloud .cloud-context-header h2 { font-size:1.9rem; }
  .cosmos-cloud .cloud-context-header span { font-size:.8rem; }
  .cosmos-cloud .cloud-context-header>div:last-child { flex-shrink:0; }
  .cosmos-cloud .cloud-context-header .cosmos-cloud__upload { width:44px;height:44px;font-size:0;padding:0; }
  .cosmos-cloud .cloud-context-header .cosmos-cloud__upload svg { width:19px; }
  .cosmos-cloud__views { margin:0 -18px;padding:0 8px; }
  .cosmos-cloud__views button { min-height:46px;padding:0 12px;font-size:.8rem; }
  .cosmos-cloud .cloud-toolbar { padding:10px 14px;flex-wrap:wrap;gap:7px; }
  .cosmos-cloud .cloud-breadcrumbs { flex:1 1 100%; }
  .cosmos-cloud .cloud-breadcrumbs button { height:34px;min-height:34px; }
  .cosmos-cloud .cloud-toolbar__actions { width:100%;gap:6px; }
  .cosmos-cloud .cloud-search { flex:1;width:0;min-width:80px;height:44px;padding:0 10px; }
  .cosmos-cloud .cloud-search input { font-size:16px;min-width:0; }
  .cosmos-cloud .cloud-toolbar__actions>button { min-width:44px;height:44px;padding:0 9px; }
  .cosmos-cloud .cloud-toolbar__actions>button span { display:none; }
  .cosmos-cloud__organize { padding:10px 14px;gap:5px;flex-wrap:wrap; }
  .cosmos-cloud__filter select { min-width:90px;max-width:112px;font-size:.76rem; }
  .cosmos-cloud__organize>p { flex-basis:100%;text-align:right;font-size:.68rem;padding-bottom:5px; }
  .cosmos-cloud__organize>div { gap:0; }
  .cosmos-cloud__organize button { padding:0 7px;min-height:44px;font-size:.77rem; }
  .cosmos-cloud .cloud-content { padding:0 14px 24px; }
  .cosmos-cloud .cloud-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .cosmos-cloud .cloud-grid .cloud-item { min-height:170px; }
  .cosmos-cloud .cloud-item__visual { height:100px;min-height:100px; }
  .cosmos-cloud .cloud-item__copy { padding:12px 35px 14px 10px; }
  .cosmos-cloud .cloud-item__copy strong { font-size:.8rem; }
  .cosmos-cloud .cloud-item__copy time { display:none; }
  .cosmos-cloud .cloud-item__more { right:0;bottom:9px;width:35px;height:44px; }
  .cosmos-cloud .cloud-item__select { opacity:1;width:36px;height:36px; }
  .cosmos-cloud .cloud-list .cloud-item { padding-left:38px;padding-right:36px; }
  .cosmos-cloud .cloud-list .cloud-item__copy { display:grid;grid-template-columns:1fr;gap:5px;padding:8px; }
  .cosmos-cloud .cloud-list .cloud-item__copy time { display:inline; }
  .cosmos-cloud .cloud-list .cloud-item__more { right:0;top:12px; }
  .cosmos-cloud .cloud-selection-bar { margin:0 14px 10px;top:112px;flex-wrap:wrap;gap:5px; }
  .cosmos-cloud .cloud-selection-bar>div { overflow:auto;width:100%; }
  .cosmos-cloud .cloud-selection-bar button { white-space:nowrap;min-height:44px; }
  .cosmos-cloud__storage { margin:0 14px 20px;gap:12px;flex-wrap:wrap; }
  .cosmos-cloud [data-cloud-rail-storage] { flex:1; }
  .cosmos-cloud__storage>a:last-child { display:none; }
  .cosmos-cloud .cloud-detail { bottom:0;width:100vw;max-height:100dvh; }
  .cosmos-cloud .cloud-detail header { padding:20px 18px; }
  .cosmos-cloud .cloud-detail header h2 { max-width:calc(100vw - 85px); }
  .cosmos-cloud .cloud-upload-manager { bottom:calc(72px + env(safe-area-inset-bottom));right:10px;width:calc(100vw - 20px); }
  .cosmos-cloud .cloud-action-sheet>section,.cosmos-cloud .cloud-dialog>section { border-radius:14px 14px 0 0; }
}
@media (prefers-reduced-motion:reduce) {
  .cosmos-cloud *, .cosmos-cloud *::before, .cosmos-cloud *::after { animation:none!important;transition:none!important; }
}

/* The Cloud is an object collection: the files themselves carry the visual weight. */
.cosmos-workspace .cosmos-cloud {
  background: #090f15;
}
.cosmos-cloud__masthead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-inline: clamp(22px, 4.5vw, 76px);
  background: radial-gradient(ellipse at 83% 8%, #324b5b30, transparent 47%), #0c151c;
}
.cosmos-cloud__masthead::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: min(70vw, 920px);
  height: 180px;
  right: -6%;
  top: 36px;
  border-top: 1px solid #a8d2e638;
  border-radius: 50%;
  transform: rotate(-13deg);
  pointer-events: none;
}
.cosmos-cloud__masthead::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  right: 16%;
  top: 56px;
  border-radius: 50%;
  background: #c6e8f0;
  box-shadow: 0 0 0 8px #b4dbe912, 0 0 25px #7bc1e394;
  pointer-events: none;
}
.cosmos-cloud .cloud-context-header {
  min-height: 260px;
  align-items: end;
  padding-block: 52px 34px;
}
.cosmos-cloud .cloud-context-header p {
  color: #c2d4da;
  font-size: .78rem;
  letter-spacing: .09em;
  font-weight: 600;
}
.cosmos-cloud .cloud-context-header h2 {
  max-width: 780px;
  margin: 16px 0 14px;
  font-size: clamp(3.1rem, 6vw, 6.25rem);
  line-height: .96;
  letter-spacing: -.065em;
  font-weight: 490;
}
.cosmos-cloud .cloud-context-header span {
  color: #b0bec4;
  font-size: 1rem;
  line-height: 1.55;
}
.cosmos-cloud .cosmos-cloud__upload {
  min-height: 54px;
  padding-inline: 22px;
  border-radius: 5px;
  background: #e8eee9;
  color: #0b1720;
  box-shadow: 0 12px 35px #0003;
  font-weight: 650;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
.cosmos-cloud .cosmos-cloud__upload:hover {
  transform: translateY(-3px);
  background: white;
  box-shadow: 0 18px 40px #0005;
}
.cosmos-cloud__views {
  gap: clamp(2px, 1vw, 16px);
  border-bottom-color: #c0d6df30;
}
.cosmos-cloud__views button {
  min-height: 55px;
  padding-inline: clamp(10px, 1.1vw, 17px);
  font-size: .85rem;
}
.cosmos-cloud__views button.is-active {
  background: none;
}
.cosmos-cloud__views button.is-active::after {
  inset-inline: 10px;
  height: 3px;
}
.cosmos-cloud .cloud-toolbar {
  padding: 20px clamp(22px, 4.5vw, 76px);
  background: #090f15ed;
  border-bottom: 1px solid #bdcdd522;
}
.cosmos-cloud .cloud-search {
  min-height: 44px;
  background: #111e27;
  border-color: #99b3c43a;
}
.cosmos-cloud .cloud-search:focus-within {
  border-color: #a8d2e6;
  box-shadow: 0 0 0 3px #a8d2e61b;
}
.cosmos-cloud__organize {
  padding: 17px clamp(22px, 4.5vw, 76px);
}
.cosmos-cloud__organize button {
  font-size: .84rem;
}
.cosmos-cloud__organize p {
  font: 500 .8rem var(--cosmos-body, sans-serif);
  letter-spacing: .01em;
}
.cosmos-cloud .cloud-content {
  padding: 24px clamp(22px, 4.5vw, 76px) 55px;
}
.cosmos-cloud .cloud-grid {
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: clamp(17px, 2vw, 29px);
}
.cosmos-cloud .cloud-grid .cloud-item {
  min-height: 250px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #101a21;
  box-shadow: 0 4px 16px #0001;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.cosmos-cloud .cloud-grid .cloud-item:hover,
.cosmos-cloud .cloud-grid .cloud-item:focus-within {
  transform: translateY(-4px);
  border-color: #a8d2e660;
  background: #15232c;
  box-shadow: 0 14px 35px #0004;
}
.cosmos-cloud .cloud-item.is-selected {
  border-color: #b7dce9;
  background: #142938;
}
.cosmos-cloud .cloud-item__visual {
  height: 174px;
  min-height: 174px;
  border-radius: 5px 5px 0 0;
  background: radial-gradient(circle at 48% 42%, #2b4b5b86, transparent 62%), linear-gradient(150deg, #182b36, #0b131a 75%);
}
.cosmos-cloud .cloud-item__visual > img {
  height: 100%;
  max-height: none;
}
.cosmos-cloud .cloud-item__copy {
  gap: 7px;
  min-height: 87px;
  padding: 16px 42px 18px 16px;
}
.cosmos-cloud .cloud-item__copy strong {
  color: #f1f1eb;
  font-size: .92rem;
  font-weight: 600;
}
.cosmos-cloud .cloud-item__copy > span {
  display: grid;
  justify-content: stretch;
  gap: 3px;
  font-size: .76rem;
}
.cosmos-cloud .cloud-item__select {
  left: 9px;
  top: 9px;
  opacity: 1;
  background: #071016ad;
  backdrop-filter: blur(4px);
}
.cosmos-cloud .cloud-item__more {
  right: 8px;
  bottom: 12px;
}
.cosmos-cloud .cloud-folder-object {
  width: 84px;
  height: 58px;
  transform: rotate(-4deg) translateY(4px);
  box-shadow: 9px 15px 26px #0004;
}
.cosmos-cloud .cloud-file-object svg {
  width: 44px;
  height: 44px;
}
.cosmos-cloud .cloud-list .cloud-item {
  min-height: 75px;
  border-bottom-color: #b9ccd323;
}
.cosmos-cloud .cloud-list .cloud-item:hover {
  background: #15232c;
}
.cosmos-cloud .cloud-list .cloud-item__open {
  min-height: 74px;
}
.cosmos-cloud .cloud-list .cloud-item__visual {
  width: 48px;
  height: 48px;
  min-height: 48px;
  background: none;
}
.cosmos-cloud .cloud-list .cloud-item__copy {
  padding-left: 20px;
}
.cosmos-cloud .cloud-selection-bar {
  margin-inline: clamp(22px, 4.5vw, 76px);
  border-radius: 5px;
  background: #dbeaf0;
  color: #0a1820;
  box-shadow: 0 14px 40px #0006;
}
.cosmos-cloud .cloud-selection-bar button {
  color: #0a1820;
}
.cosmos-cloud__storage {
  margin-inline: clamp(22px, 4.5vw, 76px);
}
.cosmos-cloud .cloud-empty {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(28px, 5vw, 70px);
  background: radial-gradient(ellipse at 88% 88%, #36596a29, transparent 60%), #101b22;
}
.cosmos-cloud .cloud-empty h3 {
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 1;
}
.cosmos-cloud .cloud-detail {
  width: min(570px, 100vw);
  background: #101b22;
  border-color: #b8d2dc42;
}
.cosmos-cloud .cloud-detail header {
  background: #101b22;
  padding: 32px;
}
.cosmos-cloud .cloud-detail header h2 {
  font-size: clamp(1.75rem, 3vw, 2.8rem);
  line-height: 1.06;
}
.cosmos-cloud .cloud-detail-preview {
  margin: 28px;
  background: #081015;
}
@media (max-width: 760px) {
  .cosmos-cloud__masthead { padding-inline: 17px; }
  .cosmos-cloud__masthead::before { width: 460px; right: -55%; top: 20px; }
  .cosmos-cloud__masthead::after { right: 16%; top: 31px; }
  .cosmos-cloud .cloud-context-header { min-height: 210px; padding: 37px 0 24px; }
  .cosmos-cloud .cloud-context-header h2 { font-size: clamp(2.55rem, 10vw, 4.1rem); max-width: 75%; }
  .cosmos-cloud .cloud-context-header span { display: block; max-width: 250px; font-size: .85rem; }
  .cosmos-cloud .cloud-context-header .cosmos-cloud__upload { width: 48px; height: 48px; }
  .cosmos-cloud__views { margin-inline: -17px; }
  .cosmos-cloud__views button { min-height: 49px; }
  .cosmos-cloud .cloud-toolbar { padding: 11px 14px; }
  .cosmos-cloud__organize { padding: 12px 14px; }
  .cosmos-cloud .cloud-content { padding: 16px 14px 34px; }
  .cosmos-cloud .cloud-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cosmos-cloud .cloud-grid .cloud-item { min-height: 190px; }
  .cosmos-cloud .cloud-item__visual { height: 108px; min-height: 108px; }
  .cosmos-cloud .cloud-item__copy { padding: 11px 30px 13px 11px; }
  .cosmos-cloud .cloud-item__copy strong { font-size: .8rem; }
  .cosmos-cloud .cloud-item__select { top: 5px; left: 5px; }
  .cosmos-cloud .cloud-item__more { right: 0; bottom: 8px; }
  .cosmos-cloud .cloud-folder-object { width: 65px; height: 45px; }
  .cosmos-cloud .cloud-selection-bar { margin-inline: 14px; }
  .cosmos-cloud__storage { margin-inline: 14px; }
  .cosmos-cloud .cloud-detail header { padding: 20px 18px; }
  .cosmos-cloud .cloud-detail-preview { margin: 18px; }
}
@media (max-width: 360px) {
  .cosmos-cloud .cloud-context-header h2 { font-size: 2.28rem; }
  .cosmos-cloud .cloud-context-header span { max-width: 205px; }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-cloud .cloud-grid .cloud-item:hover,
  .cosmos-cloud .cloud-grid .cloud-item:focus-within,
  .cosmos-cloud .cosmos-cloud__upload:hover { transform: none; }
}
@media (max-width: 760px) {
  .cosmos-cloud .cloud-context-header {
    position: relative;
    display: block;
    min-height: 242px;
  }
  .cosmos-cloud .cloud-context-header h2 {
    max-width: 100%;
    font-size: clamp(2.28rem, 10vw, 3.9rem);
    overflow-wrap: anywhere;
  }
  .cosmos-cloud .cloud-context-header span {
    max-width: calc(100% - 68px);
  }
  .cosmos-cloud .cloud-context-header > div:last-child {
    position: absolute;
    right: 0;
    bottom: 24px;
  }
}
@media (max-width: 360px) {
  .cosmos-cloud .cloud-context-header h2 { font-size: 2.28rem; }
}
@media (max-width: 760px) {
  .cosmos-cloud .cloud-context-header { min-height: 0; }
  .cosmos-cloud .cloud-context-header span { max-width: 100%; }
  .cosmos-cloud .cloud-context-header > div:last-child {
    position: static;
    margin-top: 22px;
  }
  .cosmos-cloud .cloud-context-header .cosmos-cloud__upload {
    width: auto;
    height: 46px;
    padding-inline: 16px;
    font-size: .85rem;
  }
}

.cosmos-cloud .cloud-home__stats article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  min-height: 116px;
}
.cosmos-cloud .cloud-home__stats small {
  display: block;
  color: #9eb5c0;
  font-size: .74rem;
  letter-spacing: .08em;
}
.cosmos-cloud .cloud-home__stats strong {
  display: block;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1;
  font-weight: 550;
}
.cosmos-cloud .cloud-dialog > section {
  max-width: min(560px, calc(100vw - 24px));
}
.cosmos-cloud .cloud-dialog header h2,
.cosmos-cloud .cloud-action-sheet header h2 {
  font-size: clamp(1.65rem, 3vw, 2.6rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.cosmos-cloud .cloud-dialog-item {
  margin: 0 0 13px;
  font-size: 1.1rem;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.cosmos-cloud .cloud-share-created {
  display: grid;
  justify-items: start;
  gap: 10px;
}
.cosmos-cloud .cloud-share-created > strong {
  font-size: 1.25rem;
  letter-spacing: -.025em;
}
.cosmos-cloud .cloud-share-created label {
  width: 100%;
}
.cosmos-cloud .cloud-share-created input {
  font-size: .83rem;
}
.cosmos-cloud .cloud-share-created [data-cloud-copy-share] {
  min-height: 46px;
  padding: 10px 19px;
  background: #dcebef;
  border: 0;
  border-radius: 4px;
  color: #0b1920;
  font-weight: 650;
}
.cosmos-cloud .cloud-share-created [data-cloud-copy-share]:hover {
  background: white;
}

/* Overview has the full scene; working views reveal real files sooner. */
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header {
  min-height: 0;
  padding-block: 25px 20px;
}
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header h2 {
  margin-block: 8px;
  font-size: clamp(2.15rem, 3.5vw, 3.85rem);
  line-height: 1;
}
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header span {
  font-size: .87rem;
}
.cosmos-cloud:not([data-cloud-current-view="home"]) .cosmos-cloud__masthead::after {
  top: 28px;
}
@media (max-width: 760px) {
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header {
    padding-block: 20px 15px;
  }
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header p,
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header span {
    display: none;
  }
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header h2 {
    margin: 0;
    font-size: clamp(2rem, 8.6vw, 3rem);
  }
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header > div:last-child {
    margin-top: 15px;
  }
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cosmos-cloud__masthead::after {
    top: 18px;
  }
}

/* File objects carry the visual weight; the details stay readable in a narrow shelf. */
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header {
  padding-block: 21px 16px;
}
.cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header h2 {
  font-size: clamp(2rem, 3vw, 2.9rem);
}
.cosmos-cloud .cloud-grid .cloud-item {
  background: linear-gradient(155deg, #14242d, #0d171e 72%);
  border-color: #aecbd52a;
}
.cosmos-cloud .cloud-grid .cloud-item__visual {
  background: radial-gradient(circle at 49% 45%, #91b8c536, transparent 53%),
    linear-gradient(140deg, #19303d 0%, #101d27 60%, #091218 100%);
}
.cosmos-cloud .cloud-grid .cloud-item__visual::after {
  content: "";
  position: absolute;
  inset: auto 12px 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #bdd7e25b, transparent);
  pointer-events: none;
}
.cosmos-cloud .cloud-grid .cloud-file-object {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 88px;
  height: 105px;
  border: 1px solid #c7e1e9aa;
  border-radius: 3px;
  background: linear-gradient(150deg, #d8ebf0, #8baebb);
  color: #16323e;
  box-shadow: 11px 15px 26px #0005, inset 0 0 0 5px #e9f3f236;
  transform: rotate(-3deg);
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.cosmos-cloud .cloud-grid .cloud-file-object::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 21px;
  height: 21px;
  background: linear-gradient(45deg, #bad6df 50%, #10232c 50%);
  border-left: 1px solid #8baebb;
  border-bottom: 1px solid #8baebb;
}
.cosmos-cloud .cloud-grid .cloud-file-object svg { width: 34px; height: 34px; color: #1b4555; }
.cosmos-cloud .cloud-grid .cloud-file-object > span {
  color: #234655;
  font: 700 .65rem/1 var(--cosmos-mono);
  letter-spacing: .15em;
}
.cosmos-cloud .cloud-grid .cloud-item:is(:hover,:focus-within) .cloud-file-object {
  transform: rotate(0) translateY(-5px);
  box-shadow: 11px 20px 30px #0006, inset 0 0 0 5px #e9f3f236;
}
.cosmos-cloud .cloud-grid .cloud-item--code .cloud-file-object,
.cosmos-cloud .cloud-grid .cloud-item--archive .cloud-file-object {
  background: linear-gradient(150deg, #d7d4c8, #a7b5a6);
}
.cosmos-cloud .cloud-grid .cloud-item--audio .cloud-file-object,
.cosmos-cloud .cloud-grid .cloud-item--video .cloud-file-object {
  background: linear-gradient(150deg, #c5c6d5, #8b9da9);
}
.cosmos-cloud .cloud-grid .cloud-item__copy {
  border-top: 1px solid #bdd7e21c;
}
.cosmos-cloud .cloud-grid .cloud-item__copy strong {
  font-size: .94rem;
  letter-spacing: -.015em;
}
@media (max-width: 760px) {
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header {
    padding: 18px 0 14px;
  }
  .cosmos-cloud:not([data-cloud-current-view="home"]) .cloud-context-header h2 {
    font-size: clamp(2rem, 8vw, 2.7rem);
  }
  .cosmos-cloud .cloud-grid .cloud-file-object {
    width: 64px;
    height: 76px;
    gap: 6px;
    box-shadow: 6px 9px 18px #0005;
  }
  .cosmos-cloud .cloud-grid .cloud-file-object::after { width: 16px; height: 16px; }
  .cosmos-cloud .cloud-grid .cloud-file-object svg { width: 27px; height: 27px; }
  .cosmos-cloud .cloud-grid .cloud-file-object > span { font-size: .52rem; }
  .cosmos-cloud .cloud-grid .cloud-item__copy strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-cloud .cloud-grid .cloud-file-object { transition: none; }
  .cosmos-cloud .cloud-grid .cloud-item:is(:hover,:focus-within) .cloud-file-object { transform: none; }
}

/* Narrow screens need file names and actions more than miniature cover art. */
@media (max-width: 600px) {
  .cosmos-cloud .cloud-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }
  .cosmos-cloud .cloud-grid .cloud-item {
    min-height: 112px;
    overflow: hidden;
    border-radius: 7px;
  }
  .cosmos-cloud .cloud-grid .cloud-item__open {
    flex-direction: row;
    align-items: stretch;
    min-height: 112px;
  }
  .cosmos-cloud .cloud-grid .cloud-item__visual {
    flex: 0 0 96px;
    width: 96px;
    height: auto;
    min-height: 112px;
    border-radius: 0;
  }
  .cosmos-cloud .cloud-grid .cloud-item__visual::after { display: none; }
  .cosmos-cloud .cloud-grid .cloud-item__visual > img {
    height: 100%;
    max-height: none;
  }
  .cosmos-cloud .cloud-grid .cloud-item__copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-width: 0;
    min-height: 112px;
    padding: 14px 48px 14px 13px;
    border-top: 0;
  }
  .cosmos-cloud .cloud-grid .cloud-item__copy strong {
    display: block;
    width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    white-space: normal;
    text-overflow: clip;
    -webkit-line-clamp: unset;
    font-size: .94rem;
    line-height: 1.35;
  }
  .cosmos-cloud .cloud-grid .cloud-item__copy > span {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 3px 10px;
    white-space: normal;
  }
  .cosmos-cloud .cloud-grid .cloud-item__copy time { display: inline; }
  .cosmos-cloud .cloud-grid .cloud-item__select {
    left: auto;
    right: 7px;
    top: 6px;
    width: 40px;
    height: 40px;
  }
  .cosmos-cloud .cloud-grid .cloud-item__more {
    right: 7px;
    bottom: 6px;
    width: 40px;
    height: 40px;
  }
}