.hub-title,.panel-heading,.section-heading,.hub-connection{display:flex;justify-content:space-between;align-items:center;gap:18px}.hub-title{margin-bottom:28px}.hub-title h1{margin-bottom:0}.hub-connection{font-size:.875rem}.hub-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px}.hub-panel{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff}.hub-panel h2{margin:0;font-size:1.5rem}.panel-heading h3{margin:0;font-size:1.05rem;font-weight:600}.open-photos{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:10px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem}.photos-panel{background:#eff3e7}.hub-recent{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.hub-recent a{display:block;border-radius:10px;overflow:hidden;min-height:44px}.hub-recent img{display:block;aspect-ratio:1/1;object-fit:cover;width:100%;background:#dce3d2}.hub-empty{padding:22px 0 6px}.hub-empty .open-photos{margin-top:14px;background:var(--accent);color:var(--ink)}.ai-panel{background:var(--ink);color:#fff}.ai-panel p{color:#d4dfd7}.ai-panel h2{margin:12px 0}.ai-panel .large-status{font-size:1.5rem;color:var(--accent);margin:12px 0}.ai-numbers{display:flex;gap:40px;padding-top:20px;margin-top:20px;border-top:1px solid #557066}.ai-numbers strong{display:block;font-size:1.65rem;font-weight:500}.ai-numbers span{display:block;font-size:.875rem;color:#d4dfd7;margin-top:3px}.section-heading{margin:30px 0 18px;align-items:flex-end}.section-heading h2{margin:0}.section-heading p{font-size:.875rem;max-width:460px}.hub-drives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.drive-panel .panel-heading span{font-size:.875rem}.drive-panel>p{font-size:.875rem}.drive-panel .drive-amount{font-size:1.7rem;letter-spacing:-.025em;color:var(--ink);margin:24px 0 15px}.drive-panel progress{display:block;width:100%;height:10px;appearance:none;border:0;border-radius:8px;background:#e3e8dd;overflow:hidden}.drive-panel progress::-webkit-progress-bar{background:#e3e8dd}.drive-panel progress::-webkit-progress-value{background:#7c9b5d;border-radius:8px}.drive-panel progress::-moz-progress-bar{background:#7c9b5d}.drive-panel .offline{color:#943f31}.hub-title .offline{color:#943f31}
@media(max-width:850px){.hub-top{grid-template-columns:1fr}.ai-numbers{margin-top:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:600px){.hub-title{align-items:flex-start;gap:14px}.hub-connection{flex-direction:column;align-items:flex-end;gap:8px}.hub-panel{padding:20px}.hub-drives{grid-template-columns:1fr}.panel-heading{gap:12px}.open-photos{padding:12px 14px}.hub-recent{gap:8px}.hub-title h1{font-size:2.8rem}}