.account-provider { display:flex; align-items:center; justify-content:center; gap:12px; min-height:50px; width:100%; border:1px solid var(--border); border-radius:10px; background:var(--paper); color:var(--ink); padding:12px 16px; font-size:12px; font-weight:600; text-decoration:none; }
.account-provider[aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
.account-provider-mark { font-family:Manrope,sans-serif; font-size:20px; font-weight:800; }
.account-provider-mark.google { color:#4285f4; }
.account-provider-mark.facebook { color:#1877f2; }
.account-provider-list { display:grid; gap:10px; margin-top:22px; }
.profile-dialog .account-profile-link { margin:20px auto 4px; display:inline-flex; }
.account-provider-note { color:var(--muted); font-size:11px; line-height:1.9; margin-top:16px; }
.profile-layout { display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:28px; align-items:start; margin-bottom:76px; }
.profile-card,.profile-searches { background:var(--paper); border:1px solid var(--border); border-radius:20px; padding:26px; }
.profile-card h2,.profile-searches h2 { font-size:19px; line-height:1.5; margin-bottom:12px; }
.profile-card p,.profile-searches > p { color:var(--muted); font-size:12px; line-height:1.95; }
.profile-avatar { display:grid; place-items:center; width:56px; height:56px; border-radius:16px; background:var(--orange-soft); color:var(--orange-strong); margin-bottom:18px; font-size:22px; font-weight:800; }
.profile-identity { overflow-wrap:anywhere; }
.profile-card .secondary { width:100%; margin-top:18px; }
.profile-account-actions { display:grid; gap:9px; margin-top:18px; }
.profile-card .account-provider-list { margin-top:20px; }
.profile-searches-heading { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; align-items:center; margin-bottom:22px; }
.profile-searches-heading h2 { margin:0; }
.profile-last { padding:20px; background:var(--subtle); border-radius:14px; margin-bottom:24px; }
.profile-last h3 { font-size:13px; margin-bottom:12px; }
.profile-last .text-button { margin-top:14px; }
.preset-list { display:grid; gap:14px; }
.preset-card { padding:20px; border:1px solid var(--border); border-radius:14px; }
.preset-card h3 { font-size:15px; margin:0 0 12px; overflow-wrap:anywhere; }
.preset-tags { display:flex; flex-wrap:wrap; gap:7px; }
.preset-tags span { background:var(--subtle); color:var(--muted); border-radius:7px; padding:5px 9px; font-size:10px; max-width:100%; overflow-wrap:anywhere; }
.preset-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:16px; }
.preset-actions .primary { min-height:39px; font-size:11px; padding:9px 15px; }
.preset-actions .text-button { font-size:11px; }
.profile-empty { color:var(--muted); padding:18px 0; font-size:12px; }
.profile-empty p { margin:9px 0 20px; line-height:1.9; }
.profile-message { padding:12px 15px; background:var(--orange-soft); color:var(--orange-strong); font-size:11px; border-radius:9px; margin-bottom:18px; line-height:1.9; }
.search-presets { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:16px 0 0; padding:0 4px; font-size:11px; }
.search-presets .text-button { font-size:11px; }
.search-presets .preset-quick-list { display:flex; flex-wrap:wrap; gap:7px; flex:1 1 180px; }
.preset-quick { border:1px solid var(--border); border-radius:20px; color:var(--muted); background:var(--paper); font-size:10px; padding:6px 11px; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.preset-quick:hover { border-color:var(--orange); color:var(--ink); }
.search-presets-hint { flex-basis:100%; color:var(--muted); font-size:10px; margin:0; }
.search-preset-dialog { width:min(460px,calc(100% - 28px)); padding:32px; }
.search-preset-dialog h2 { font-size:21px; margin:5px 0 20px; padding-right:18px; }
.search-preset-dialog label { display:grid; gap:8px; font-size:12px; }
.search-preset-dialog input { width:100%; border:1px solid var(--border); background:var(--canvas); color:var(--ink); border-radius:9px; padding:12px; margin-bottom:18px; }
.search-preset-dialog .preset-tags { margin-bottom:20px; }
.search-preset-dialog .preset-dialog-actions { display:flex; gap:16px; align-items:center; }
.search-preset-dialog .profile-message { margin-top:16px; margin-bottom:0; }
@media(max-width:760px) { .profile-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:40px; } .profile-card,.profile-searches { padding:22px; } .profile-searches-heading { align-items:flex-start; } .preset-card { padding:16px; } .search-preset-dialog { padding:28px 22px; } }
