.storage-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px 0 38px}.storage-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;margin:.15em 0;letter-spacing:-.05em}.storage-hero p{color:var(--muted);max-width:760px}.storage-status{border:1px solid var(--line);border-radius:999px;padding:9px 14px;white-space:nowrap;font-weight:750}.storage-status.connected{color:var(--ok);border-color:#59e0a577;background:#59e0a50d}.storage-status.local{color:#ffe16b}.storage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.storage-stats article{padding:20px}.storage-stats span,.storage-stats strong{display:block}.storage-stats span{color:var(--muted);font-size:.88rem}.storage-stats strong{font-size:1.2rem;margin-top:8px}.storage-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:22px}.storage-layout input[type=file]{padding:10px}.credential-saved{padding:10px 12px;border:1px solid #59e0a555;border-radius:10px;color:var(--ok);background:#59e0a50c}.storage-pipeline{display:grid;gap:18px}.storage-pipeline ol{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:3px;counter-reset:flow}.storage-pipeline li{counter-increment:flow;display:grid;grid-template-columns:38px 145px 1fr;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.storage-pipeline li:before{content:counter(flow);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#23d3ee18;color:var(--cyan);font-weight:900}.storage-pipeline li span{color:var(--muted)}.phase-card{display:flex;align-items:center;gap:18px}.phase-card h3{margin:0}.phase-card p{color:var(--muted);margin:0;flex:1}.phase-card>span{border:1px solid var(--cyan);color:var(--cyan);border-radius:999px;padding:6px 10px}.disconnect-form{margin-top:20px;text-align:right}.disconnect-form .danger{width:auto}@media(max-width:980px){.storage-stats{grid-template-columns:repeat(2,1fr)}.storage-layout{grid-template-columns:1fr}}@media(max-width:620px){.storage-hero{align-items:flex-start;flex-direction:column}.storage-stats{grid-template-columns:1fr}.storage-pipeline li{grid-template-columns:34px 1fr}.storage-pipeline li span{grid-column:2}.phase-card{align-items:flex-start;flex-direction:column}}
.provider-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.provider-choice h2,.provider-choice p{margin:.2rem 0}.provider-choice .button{white-space:nowrap}@media(max-width:620px){.provider-choice{align-items:flex-start;flex-direction:column}}