.cloud-view{max-width:1600px;margin:0 auto}.cloud-view .page-head{margin-bottom:24px}.cloud-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cloud-actions button{white-space:nowrap}.cloud-storage{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid #e5e3ee;background:#fff;border-radius:10px;margin-bottom:24px}.cloud-storage b,.cloud-storage span{display:block}.cloud-storage b{font-size:17px}.cloud-storage span{color:#858191;font-size:12px;margin-top:5px}.cloud-meter{width:min(220px,30%);height:6px;background:#eeedf6;border-radius:6px;overflow:hidden}.cloud-meter i{display:block;height:100%;width:0;background:#6556d8;transition:width .2s}.cloud-layout{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid #e5e3ee;border-radius:12px;background:#fff;min-height:450px;overflow:hidden}.cloud-sidebar{padding:22px 14px;background:#fbfafc;border-right:1px solid #eeedf2}.cloud-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 4px 16px;font-size:12px}.cloud-section-head .text-btn{font-size:11px}.cloud-folder-row{display:flex;align-items:center}.cloud-folder{display:block;flex:1;min-width:0;width:100%;padding:11px 10px;border:0;background:transparent;color:#6c667b;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px}.cloud-folder:hover,.cloud-folder.active{background:#efecfc;color:#5545be}.cloud-main{padding:24px;min-width:0}.cloud-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.cloud-toolbar input{width:180px;border:1px solid #e5e3ed;padding:9px 12px;border-radius:6px;outline-color:#6d5dd3}.cloud-toolbar #cloudBreadcrumb{font-size:13px;font-weight:600;overflow-wrap:anywhere}#cloudStatus{font-size:12px;color:#837b90;min-height:18px;margin:18px 0}.cloud-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.cloud-project{border:1px solid #e9e6ef;border-radius:8px;padding:20px;min-width:0}.cloud-project-icon{display:grid;place-items:center;width:36px;height:36px;background:#f0edfc;color:#6551bc;font-size:22px;border-radius:8px}.cloud-project h3{font-size:15px;margin:16px 0 8px;overflow-wrap:anywhere}.cloud-project p{font-size:12px;color:#8b8398;margin:0 0 24px}.cloud-file-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #eeedf3}.cloud-file-icon{width:44px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#f1eefa;color:#7161b1;font-size:10px;font-weight:700;border-radius:6px}.cloud-file-info{flex:1;min-width:0}.cloud-file-info b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.cloud-file-info small{display:block;font-size:11px;margin-top:7px;color:#91899e}.cloud-danger{color:#bc4c54!important}.cloud-storage-link{display:block;border:0;background:transparent;color:#c6bbed;margin-top:10px;padding:0;cursor:pointer;font-size:11px}.cloud-home-save{display:block;margin:10px 0 0 auto;font-size:12px;min-height:32px}.cloud-dragover .cloud-layout{outline:2px dashed #7864d5;outline-offset:5px}.cloud-dialog{width:min(460px,calc(100vw - 36px));padding:28px;border:1px solid #e3dfed;border-radius:12px;color:#292534;box-shadow:0 24px 80px #17112f30}.cloud-dialog::backdrop{background:#1b153857}.cloud-dialog h2{font-size:19px;margin:0 0 18px}.cloud-dialog p{font-size:13px;line-height:1.8;color:#756c83;overflow-wrap:anywhere}.cloud-dialog label{display:grid;gap:8px;font-size:12px;color:#736a80;margin:16px 0}.cloud-dialog input,.cloud-dialog select{width:100%;padding:10px 12px;border:1px solid #ded9e8;border-radius:6px;color:#2c2537;font:inherit;font-size:14px;background:#fff}.cloud-dialog .cloud-actions{justify-content:flex-end;margin-top:24px}.cloud-dialog button:focus-visible,.cloud-view button:focus-visible{outline:2px solid #6954ca;outline-offset:3px}.cloud-view button:disabled{opacity:.55;cursor:wait}@media(max-width:850px){.cloud-layout{grid-template-columns:1fr}.cloud-sidebar{border-right:0;border-bottom:1px solid #eeedf2;padding:16px}#cloudFolders{display:flex;gap:8px;overflow:auto}#cloudFolders>.cloud-folder{width:auto;flex:none}.cloud-folder-row{flex-shrink:0}.cloud-toolbar{align-items:flex-start;flex-direction:column}.cloud-main{padding:16px}.cloud-file-row{flex-wrap:wrap}.cloud-file-row>.cloud-actions{padding-left:58px;width:100%}.cloud-view .page-head{flex-wrap:wrap;gap:16px}.cloud-storage{padding:16px}.cloud-toolbar input{width:160px}.cloud-project-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
