.cloud-editor-toolbar{display:flex;gap:14px;align-items:center;margin:-9px 0 20px;border-bottom:1px solid #c1cbb4;padding:0 0 14px;font-size:11px}.cloud-editor-toolbar a{color:#546e3e;text-decoration:none;font-weight:700}.cloud-editor-toolbar span{color:#6c7e58;margin-right:auto}.cloud-editor-toolbar button{background:#f3f5e5;border:1px solid #b9c7a2;padding:7px 10px;border-radius:3px;font-size:11px}.cloud-editor-toolbar .cloud-warning{color:#a64e4e}.cloud-account-gate{position:fixed;inset:0;z-index:30;background:#e7ebd9;background-image:radial-gradient(#b3c198 .7px,transparent .7px);background-size:6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}.cloud-gate-card{max-width:490px;text-align:center;background:#faf9ec;border:2px solid #3a4736;padding:38px;box-shadow:7px 7px #adbd91}.cloud-gate-card h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15}.cloud-gate-card p{line-height:1.75;color:#788569}.cloud-gate-card .button{margin:16px 0}.cloud-gate-card .text-button{margin:5px auto 25px;font-size:13px}.cloud-gate-card>a{display:block;font-size:12px;color:#637c46}.cloud-dialog{max-width:660px;width:min(660px,calc(100vw - 40px));padding:28px}.cloud-dialog h1{font-size:28px;letter-spacing:-.8px}.cloud-dialog p{line-height:1.6;color:#71825e;font-size:13px}.cloud-dialog label{display:block;margin:16px 0;font-weight:600;font-size:12px}.cloud-dialog input,.cloud-dialog textarea{width:100%;margin-top:8px;background:#fffdf3;border:1px solid #b9c7a3;font:13px var(--sans);padding:10px;color:var(--ink);border-radius:3px}.cloud-dialog .cloud-small{font-size:11px;color:#879774}.cloud-dialog .cloud-error{color:#ab504e}.cloud-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 8px}.cloud-actions .button{font-size:12px}.cloud-member{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d2dac2;padding:11px 0;font-size:12px}.cloud-member small{color:#849570;margin-left:8px}.cloud-member button{border:1px solid #d3b6a4;padding:6px;background:#fff0df;color:#ad6647;font-size:10px}.cloud-dialog h3{font-size:14px;margin-top:24px}@media(max-width:660px){.cloud-editor-toolbar{gap:8px;flex-wrap:wrap}.cloud-editor-toolbar span{width:calc(100% - 100px)}.cloud-gate-card{padding:25px}.cloud-gate-card h1{font-size:30px}.cloud-dialog{padding:20px}}
.cloud-backups{display:grid;gap:10px;max-height:320px;overflow:auto;margin:20px 0}.cloud-backups .button{text-align:left;display:flex;flex-direction:column;gap:5px;padding:12px}.cloud-backups span{font-size:11px;color:#71825e}

.cloud-editor-toolbar{flex-wrap:wrap}.cloud-editor-toolbar #cloud-save-state{flex:1 1 280px;line-height:1.6;overflow-wrap:anywhere}.cloud-dialog [data-version]{display:block;width:100%;text-align:left;margin:8px 0}

.project-storage{position:relative;flex:0 0 150px;margin-left:auto;color:#738168;font-size:10px}.project-storage summary{list-style:none;cursor:pointer;padding:5px 0}.project-storage summary::-webkit-details-marker{display:none}.project-storage summary:focus-visible{outline:2px solid #93a67b;outline-offset:4px;border-radius:3px}.project-storage .storage-caption{display:flex;justify-content:space-between;gap:8px;line-height:1.6}.cloud-editor-toolbar .project-storage span{margin:0;width:auto;color:inherit}.project-storage progress{display:block;width:100%;height:3px;margin-top:5px;border:0;border-radius:3px;overflow:hidden;background:#dfe5d6;accent-color:#8b9d75}.project-storage progress::-webkit-progress-bar{background:#e0e5d8}.project-storage progress::-webkit-progress-value{background:#8b9d75}.project-storage progress::-moz-progress-bar{background:#8b9d75}.project-storage[data-state=near]{color:#8b7035}.project-storage[data-state=near] progress::-webkit-progress-value{background:#b5934e}.project-storage[data-state=over]{color:#a24d42}.project-storage[data-state=over] progress::-webkit-progress-value{background:#ac5e50}.storage-popover{position:absolute;right:0;top:100%;z-index:25;width:min(300px,calc(100vw - 40px));padding:16px;border:1px solid #bcc8aa;background:#fafbf1;border-radius:5px;box-shadow:0 6px 18px #29352a18;color:#536449;font-size:11px;line-height:1.6}.storage-popover p{margin:10px 0 0}.storage-popover dl{margin:13px 0;padding:10px 0;border-block:1px solid #e0e5d6}.storage-popover dl>div{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.storage-popover dd{margin:0;white-space:nowrap}.storage-popover #storage-warning{color:#a24d42}.storage-popover #storage-warning:empty{display:none}
