.topbar .brand,.top-actions{border:1px solid var(--border);box-shadow:inset 0 1px 0 #ffffff45,0 2px 6px #0001;border-radius:16px;background:var(--panel)}.topbar .brand{padding:10px 12px;width:auto;margin-right:18px}.topbar .brand img{width:132px}.top-actions .profile-button,.top-actions .icon-button{border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff50,0 2px 4px #0002;border-radius:12px}
#saved-navigation{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:18px}#saved-navigation h2{color:#999fa7}.workspace-dropdown>button{display:block;width:100%;padding:10px 12px;margin:9px 0 0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);font:inherit;font-size:12px;text-align:left}
.site-legal-footer{padding:16px 20px!important;gap:10px!important;background:var(--panel)!important;border-top:1px solid var(--border)!important;box-shadow:none!important;border-radius:0!important}.site-legal-footer nav{display:flex;gap:16px!important;justify-content:flex-start}.site-legal-footer a{font-size:12px!important;font-weight:500;color:var(--text)!important;text-decoration:none;padding:3px 0}.site-legal-footer small{font-size:10px!important;color:var(--muted)}
.notification-panel{max-height:min(480px,calc(100dvh - 100px))!important;overflow:hidden!important;display:flex;flex-direction:column;width:360px!important}.notification-panel[hidden]{display:none!important}.notification-title{padding:10px 14px!important;min-height:44px!important}.notification-feed{overflow:auto;min-height:0}.notification-item{padding:10px 14px!important;gap:10px!important;min-height:0!important}.notification-item .notification-app-icon,.notification-message-icon{width:32px!important;height:32px!important;flex:0 0 32px!important}.notification-copy small{font-size:11px!important;line-height:1.4!important}.notification-copy b{font-size:12px!important}.notification-tag{font-size:8px!important;margin-bottom:3px!important}.notification-footer{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px!important;min-height:44px!important}.notification-footer a,.notification-footer button{font-size:11px!important;margin:0!important;width:auto!important;padding:4px!important}
.drawer-hello{display:flex!important;flex-direction:column!important;gap:20px!important;padding-top:18px!important}.drawer-hello img{position:static!important;display:block!important;width:136px!important;height:136px!important;object-fit:contain!important;margin:4px auto 10px!important;transform:scaleX(-1)!important;border-radius:0!important;background:transparent!important}.support-drawer>.support-kicker{margin-bottom:20px!important}#drawer-title{font-size:clamp(18px,1.8vw,26px)!important;line-height:1.2!important;white-space:normal;letter-spacing:-.6px}.drawer-hello p{margin:0!important;line-height:1.6}
.pxls-chat-popup{position:fixed!important;z-index:2147483000!important;isolation:isolate;overflow:hidden!important;width:min(410px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;min-height:300px;border-radius:20px!important}.pxls-chat-popup>header{padding:14px!important;gap:8px!important;min-height:64px!important;cursor:grab;touch-action:none}.pxls-chat-popup>header>img{display:none!important}.pxls-chat-popup>header strong{font-size:15px!important}.pxls-chat-popup>header button{width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;border-radius:8px!important}.pxls-chat-popup .drawer-chat-content{min-height:0!important;overflow:hidden!important;flex:1!important}.pxls-chat-popup #help-chat{min-height:0!important;display:flex!important;flex-direction:column!important;height:100%!important}.pxls-chat-popup #chat-messages{flex:1!important;overflow-y:auto!important;min-height:0!important;padding:18px!important}.pxls-chat-popup .chat-bubble.bot{margin-left:0!important;max-width:100%!important}.pxls-chat-popup .chat-avatar{position:static!important;display:block!important;width:100px!important;height:104px!important;object-fit:contain!important;margin:0 auto 12px!important;transform:scaleX(-1)!important;background:transparent!important;border-radius:0!important}.pxls-chat-popup #chat-form{flex-shrink:0!important;display:flex!important;gap:8px!important;padding:12px!important}.pxls-chat-popup #chat-input{min-width:0!important;flex:1!important}.help-launcher{z-index:2147483001!important}.pxls-chat-popup.expanded{width:min(720px,calc(100vw - 24px))!important;height:min(760px,calc(100dvh - 24px))!important}
.sidebar-filter-popover{position:fixed;z-index:10000;top:calc(var(--header) + 8px);left:max(290px,calc(100vw - 650px));width:min(340px,calc(100vw - 24px));padding:18px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 50px #0003}.sidebar-filter-popover[hidden]{display:none}.sidebar-filter-popover header{display:flex;justify-content:space-between;align-items:center}.sidebar-filter-popover p{font-size:12px;color:var(--muted)}.sidebar-filter-popover .filter-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chips button{border:1px solid var(--border);border-radius:20px;padding:8px 12px;background:transparent;color:var(--text);font:inherit;font-size:12px}.filter-chips button[aria-pressed=true]{background:var(--text);color:var(--panel)}.sidebar-filter-popover .filter-feedback{margin:14px 0 0;font-size:12px}.filter-feedback.error{color:#e65f69}.sidebar .tool-link[hidden],.sidebar .nav-group[hidden]{display:none!important}
.login-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:calc(100dvh - 200px);padding:30px 6%}.login-art h1{font-size:clamp(36px,4vw,64px);line-height:1.1;max-width:500px}.login-art .login-icons{display:flex;gap:18px;margin:35px 0}.login-icons img{width:66px;height:66px;animation:pxls-float 9s ease-in-out infinite}.login-icons img:nth-child(2){animation-delay:-3s}.login-icons img:nth-child(3){animation-delay:-6s}.login-form-card{max-width:420px;width:100%;padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--panel)}.login-switch{display:flex;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:26px}.login-switch button{flex:1;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.login-switch button[aria-pressed=true]{background:var(--text);color:var(--panel)}.login-form-card label{display:grid;gap:8px;margin:20px 0;font-size:13px}.login-form-card input{padding:13px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;width:100%;box-sizing:border-box}.login-form-card .xp-primary{width:100%;margin-top:10px}.login-form-card [role=status]{font-size:12px;color:var(--muted);line-height:1.5}
.about-story{display:grid!important;grid-template-columns:1fr 1fr!important;gap:48px!important;align-items:start!important;padding:44px 0!important}.about-story>div{min-width:0}.about-story p{font-size:16px!important;line-height:1.75!important;max-width:650px}.about-principles{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}.about-principles>*{padding:24px!important;border-top:1px solid var(--border);min-width:0}.premium-hero .launch-pill{font-size:10px!important;padding:7px 11px!important}.agency-shortcut{display:none!important}.team-agency-link{display:block;margin:14px 0 0;text-align:center;font-size:12px}.plan-card{display:flex;flex-direction:column}.plan-card>button{margin-top:auto}.premium-art{position:relative!important;overflow:visible!important}.premium-hero .premium-float{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;animation:orbit69 28s linear infinite!important;transform-origin:center!important}.premium-hero .premium-float:nth-of-type(3){animation-delay:-9.33s!important}.premium-hero .premium-float:nth-of-type(4){animation-delay:-18.66s!important}@keyframes orbit69{from{transform:translate(-50%,-50%) rotate(0deg) translateX(clamp(60px,8vw,125px)) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(clamp(60px,8vw,125px)) rotate(-360deg)}}
.legal-redesign.privacy-colors{--legal-accent:#56bfa1}.legal-redesign.terms-colors{--legal-accent:#69a7e9}.legal-redesign .legal-section{border-color:var(--legal-accent)!important}.legal-redesign .legal-section::before{background:var(--legal-accent)!important}.legal-redesign .legal-hero{border-top:3px solid var(--legal-accent)}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;gap:20px;padding:20px}.login-art h1{font-size:34px}.login-form-card{max-width:none}.about-story{grid-template-columns:1fr!important;gap:20px!important}.about-principles{grid-template-columns:1fr!important}.sidebar-filter-popover{left:12px}.topbar .brand{padding:6px;margin-right:0}.topbar .brand img{width:85px}}@media(prefers-reduced-motion:reduce){.premium-hero .premium-float,.login-icons img{animation:none!important}}
.tool-card,.workspace-tool{min-height:72px!important;padding:12px!important;gap:11px!important;border-radius:14px!important;box-shadow:none!important}.tool-card h3,.workspace-tool h3{margin:0 0 3px!important;line-height:1.2!important}.tool-card p,.workspace-tool p{margin:0!important;line-height:1.35!important}.tool-card .tool-icon,.workspace-tool .tool-icon{align-self:center}html[data-theme=light] .tool-card,html[data-theme=light] .workspace-tool{border:1px solid #e6e8eb!important;background:#fff!important}

/* Shared app-icon finish: a fine polished upper edge. */
.tool-icon,.tool-link-icon,.notification-app-icon{position:relative;isolation:isolate;border-radius:22%;overflow:hidden;box-shadow:0 2px 4px #0002!important}.tool-icon:after,.tool-link-icon:after,.notification-app-icon:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 2px 0 #ffffff35,inset 0 -1px 0 #0002;background:linear-gradient(180deg,#ffffff20,transparent 35%);z-index:1}
html[data-theme=light] .help-launcher{color:#222325!important;background:#f6f7f9!important}html[data-theme=dark] .help-launcher{color:#f6f7f9!important;background:#222325!important}
.favorites-directory .tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.favorites-directory .section-title{grid-column:1/-1}.favorites-directory .tool-card{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-content:center}.favorites-directory .tool-card .tool-icon{grid-row:1/3;width:46px;height:46px}.favorites-directory .tool-card .tool-icon img{width:100%;height:100%;object-fit:contain}.favorites-directory .tool-card h3{font-size:15px}.favorites-directory .tool-card p{font-size:12px}
.favorites-directory .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.favorites-directory .section-title{font-size:11px!important;margin:24px 0 3px!important}.favorites-directory .tool-card h3{font-size:14px!important}.favorites-directory .tool-card p{font-size:11px!important}@media(max-width:1250px){.favorites-directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.favorites-directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.favorites-directory .tool-grid{grid-template-columns:1fr}}