.cloud-settings{padding:16px;margin-bottom:18px;border:1px solid var(--line);background:#1c2032;border-radius:8px}
.cloud-settings h3{font-family:var(--serif,Georgia,serif);font-size:21px;font-weight:400;margin:5px 0 8px;color:var(--cream,#f5e8cf)}
.cloud-settings p,.cloud-copy{font-size:12px;line-height:1.65;margin:8px 0;color:var(--muted,#afb0ca)}
.cloud-state{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent,#c4b1f5);line-height:1.5}
.cloud-state:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
.cloud-state.saved{color:#a9d9c1}.cloud-state.conflict,.cloud-state.account,.cloud-state.error{color:#edc581}
.cloud-account{overflow-wrap:anywhere;font-size:11px;margin:4px 0;color:var(--muted,#afb0ca)}
.cloud-settings .pixel-btn{width:100%;font-size:12px;margin-top:10px;min-height:42px}
.cloud-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.cloud-snapshot{min-width:0;border:1px solid var(--line);padding:12px;border-radius:6px;background:#111524}
.cloud-snapshot h3{margin:0 0 8px;font-size:18px}.cloud-snapshot ul{padding:0;margin:8px 0;list-style:none;font-size:12px;line-height:1.9;color:var(--muted,#afb0ca)}
.cloud-snapshot small{font-size:10px;line-height:1.5;display:block;color:var(--muted,#afb0ca)}
.cloud-actions{display:grid;gap:10px;margin:16px 0}.cloud-actions .pixel-btn{width:100%;font-size:12px;min-height:44px}
.cloud-history{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
.cloud-history select{width:100%;max-width:100%;margin:12px 0;background:#111524;color:#e5dcf5;border:1px solid var(--line);border-radius:5px;font:inherit;font-size:12px;padding:12px;min-height:44px}
.cloud-history label{display:block;font-size:13px;color:var(--cream,#f5e8cf)}
.cloud-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;font-size:11px;line-height:1.4;background:#272238;color:#efdfb6;border-bottom:1px solid #504463;flex:none;position:relative;z-index:12}
.cloud-notice button{font:inherit;color:#d6bfff;border:1px solid #7c699c;border-radius:4px;background:transparent;padding:6px 9px;flex:none}
#cloud-alert:empty{display:none}.cloud-quiet{font-size:10px!important;opacity:.85}.cloud-state.checking:before,.cloud-state.saving:before{opacity:.6}
@media(max-width:340px){.cloud-compare{grid-template-columns:1fr}}