.cloud-account-trigger{position:fixed;bottom:14px;right:14px;z-index:40;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:#fff;color:#a3a3a3;cursor:pointer}
.cloud-account-trigger svg{width:13px;height:13px;stroke-width:2}
.cloud-account-trigger:hover{color:#525252}
.cloud-status-dot{position:absolute;bottom:5px;right:5px;width:4px;height:4px;border-radius:50%;background:#a3a3a3}
.cloud-account-trigger[data-sync-state="synced"] .cloud-status-dot{background:#719b77}
.cloud-account-trigger:is([data-sync-state="pending"],[data-sync-state="saving"]) .cloud-status-dot{background:#cc8b57}
.cloud-account-trigger:is([data-sync-state="conflict"],[data-sync-state="error"]) .cloud-status-dot{background:#be7278}
.cloud-dialog{width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;border:1px solid #ededed;border-radius:4px;background:#fff;color:#525252;box-shadow:0 8px 28px #00000014;overflow:auto}
.cloud-dialog::backdrop{background:#0003;backdrop-filter:blur(2px)}
.cloud-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #ededed}
.cloud-dialog-header h2,.cloud-field>span,.cloud-button,.cloud-dialog summary{font-family:var(--title-font);font-size:13px;font-weight:400;line-height:1.33;letter-spacing:.025em;text-transform:uppercase}
.cloud-dialog-header h2{margin:0}
.cloud-close{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:#a3a3a3}
.cloud-close svg{width:13px;height:13px}
.cloud-dialog-body{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.cloud-dialog p{margin:0;font-family:"hanken-grotesk",sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.cloud-dialog .cloud-help{color:#a3a3a3;font-size:13px}
.cloud-dialog .cloud-account-email{color:#525252}
.cloud-dialog .cloud-sync-state{color:#a3a3a3}
.cloud-form{display:flex;flex-direction:column;gap:14px}
.cloud-field{display:flex;flex-direction:column;gap:8px}
.cloud-field>span{color:#a3a3a3}
.cloud-field input{width:100%;height:36px;padding:8px 10px;border:1px solid #ededed;border-radius:4px;background:#fff;color:#525252;font-family:"hanken-grotesk",sans-serif;font-size:14px;outline:none}
.cloud-button{display:flex;align-items:center;justify-content:center;min-height:34px;width:auto;padding:8px 10px;border:1px solid #d4d4d4;border-radius:4px;background:#fff;color:#525252;cursor:pointer}
.cloud-button:hover{background:#fafafa;color:#525252}
.cloud-button.secondary{border-color:transparent;color:#a3a3a3}
.cloud-button.secondary:hover{color:#525252}
.cloud-button:disabled{opacity:.5;cursor:default}
.cloud-dialog .cloud-message{color:#8476bd}
.cloud-message:empty{display:none}
.cloud-dialog-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid #ededed}
.cloud-dialog-footer .cloud-button{padding-left:0;padding-right:12px}
.cloud-locked main,.cloud-locked header.sticky-tools{visibility:hidden}
.cloud-auth-options{display:flex;flex-wrap:wrap;gap:4px}
.cloud-auth-options .cloud-button{padding-left:0;padding-right:12px}
.cloud-password-settings{padding-top:12px;border-top:1px solid #ededed}
.cloud-password-settings summary{cursor:pointer;color:#a3a3a3}
.cloud-password-settings summary:hover{color:#525252}
.cloud-password-settings .cloud-form{padding-top:14px}