/* PXLS v75 focused restoration and interaction pass. */

/* Restore the approved sidebar Premium card. Shine belongs to its button only. */
.sidebar .sidebar-footer{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:14px!important;width:auto!important;min-height:0!important;
  margin:18px 14px 0!important;padding:16px!important;border:1px solid var(--border)!important;border-radius:14px!important;
  color:var(--text)!important;background:radial-gradient(circle at 100% 0,#9278bb24,transparent 65%),var(--panel2)!important;
  box-shadow:none!important;text-decoration:none!important;flex:0 0 auto!important
}
.sidebar .sidebar-footer:before,.sidebar .sidebar-footer:after{display:none!important}
.sidebar .sidebar-footer>strong{font:700 13px/1.35 Rubik,sans-serif!important;letter-spacing:-.1px!important}
.sidebar .sidebar-footer .meet-button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:38px!important;padding:0 12px!important;border:1px solid #ffffff62!important;border-radius:9px!important;background:linear-gradient(110deg,#d8c474,#8fc0a8 52%,#9c91c5)!important;color:#202327!important;font:800 9px/1 Rubik,sans-serif!important;box-shadow:inset 0 1px 0 #fff,inset 0 2px 0 #ffffff45,0 4px 12px #0002!important}

/* Give the legal links an intentional, usable row. */
.sidebar>.site-legal-footer{position:static!important;width:auto!important;margin:14px 14px 10px!important;padding:14px 2px 2px!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;flex:0 0 auto!important}
.sidebar>.site-legal-footer nav{display:grid!important;grid-template-columns:auto 1fr auto 1fr auto!important;align-items:center!important;width:100%!important;gap:0!important;margin:0 0 10px!important}
.sidebar>.site-legal-footer nav a{font:600 10px/1 Rubik,sans-serif!important;color:var(--text)!important;text-decoration:none!important;white-space:nowrap!important}
.sidebar>.site-legal-footer nav span{text-align:center!important;color:color-mix(in srgb,var(--muted) 55%,transparent)!important;font-size:9px!important}
.sidebar>.site-legal-footer small{display:block!important;font:400 8px/1.35 Rubik,sans-serif!important;color:var(--muted)!important;white-space:nowrap!important}

/* Navigation is direct again. Pages reveal quietly without a blocking overlay. */
.page-loader-v74{display:none!important}
main{animation:pxls-page-in-v75 .18s ease-out both}@keyframes pxls-page-in-v75{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}

/* All Tools A-Z and Favorites share the exact same card proportions. */
.tool-grid:has(.az-heading-v75){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.az-heading-v75{grid-column:1/-1!important;margin:22px 0 2px!important;padding:0 0 8px!important;border-bottom:1px solid var(--border)!important;font-size:19px!important;line-height:1!important;color:var(--text)!important}
.tool-card-shell-v75{position:relative;min-width:0;min-height:82px;border:0;background:transparent}
.tool-card-shell-v75>.tool-card{width:100%!important;height:100%!important;min-height:82px!important;padding:11px 42px 11px 11px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-content:center!important;box-sizing:border-box!important}
.tool-card-shell-v75>.tool-card .tool-icon{grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:10px!important}
.tool-card-shell-v75>.tool-card h3{font-size:13px!important;line-height:1.15!important;margin:0!important;white-space:normal!important}
.tool-card-shell-v75>.tool-card p{font-size:10px!important;line-height:1.35!important;margin:3px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.directory-heart-v75{position:absolute;z-index:4;right:10px;top:50%;transform:translateY(-50%);width:27px;height:27px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:color-mix(in srgb,var(--muted) 68%,transparent)!important;cursor:pointer;transition:color .18s ease,transform .25s cubic-bezier(.2,.9,.25,1)!important}
.directory-heart-v75:hover{color:#c64c6d!important;transform:translateY(-50%) scale(1.12)}
.directory-heart-v75[aria-pressed=true]{color:#d64268!important;filter:drop-shadow(0 3px 7px #8f1c4560)}
.favorite-heart-v72{font-size:11px!important;animation-duration:.74s!important;text-shadow:0 4px 10px #901c4b55!important}
.favorite-pop-v75{position:absolute;left:50%;top:35%;z-index:8;color:#d64268;font-size:10px;pointer-events:none;animation:favorite-pop-v75 .72s cubic-bezier(.18,.8,.3,1) forwards}@keyframes favorite-pop-v75{from{opacity:0;transform:translate(-50%,0) scale(.55)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), -31px) scale(1.1)}}

/* A real, standalone All Tools directory. */
.all-tools-page-v75{min-height:100dvh;padding:calc(var(--header) + 24px) clamp(20px,3.5vw,52px) 52px;overflow:auto}.all-tools-page-v75>*{width:min(1420px,100%);margin-inline:auto}.all-tools-hero-v75{padding:30px 32px 22px;margin-bottom:22px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 90% 0,#78b9ad24,transparent 32%),var(--panel)}.all-tools-hero-v75 h1{margin:7px 0 7px;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-1.5px}.all-tools-hero-v75 p{margin:0;color:var(--muted);font-size:13px}.az-jump-v75{display:flex;flex-wrap:wrap;gap:5px;margin-top:22px}.az-jump-v75 a{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);font:700 10px/1 Rubik,sans-serif;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.az-jump-v75 a:hover{transform:translateY(-2px);border-color:#70b9aa}.az-section-v75{scroll-margin-top:calc(var(--header) + 16px);margin:0 0 24px}.az-section-v75>h2{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--border);font-size:20px}.all-tools-grid-v75{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

.favorites-directory-v75{height:calc(100dvh - var(--header))!important;overflow:auto!important;padding:calc(var(--header) + 22px) clamp(20px,3vw,44px) 34px!important}
.favorites-hero-v75{position:relative;min-height:155px;padding:25px 30px;margin-bottom:22px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 90% 25%,#76163d42,transparent 28%),radial-gradient(circle at 80% 78%,#d84d7034,transparent 32%),var(--panel);overflow:hidden}
.favorites-hero-v75 h1{font-size:clamp(31px,4vw,48px);margin:8px 0 7px}.favorites-hero-v75 p{margin:0;color:var(--muted);font-size:13px}
.favorite-goo-v75{position:absolute;right:4%;top:5%;width:260px;height:140px;filter:blur(28px);opacity:.72}.favorite-goo-v75 i{position:absolute;border-radius:50%;animation:goo-v75 7s ease-in-out infinite alternate}.favorite-goo-v75 i:first-child{inset:0 30% 30% 0;background:#77153d}.favorite-goo-v75 i:last-child{inset:25% 0 0 30%;background:#d74b6f;animation-delay:-3s}@keyframes goo-v75{to{transform:translate(12px,-8px) scale(1.13)}}
.favorite-section-v75{margin:0 0 22px}.favorite-section-v75>.section-title{margin:0 0 8px!important;font-size:15px!important}.favorite-grid-v75{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.favorites-empty-v75{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;padding:36px;border:1px solid var(--border);border-radius:21px;background:var(--panel)}.favorites-empty-v75>span{font-size:50px;color:#d34f71}.favorites-empty-v75 h2{font-size:28px;margin:10px 0 5px}.favorites-empty-v75 p{font-size:13px;color:var(--muted);max-width:480px}.favorites-empty-v75 a{margin-top:13px;text-decoration:none}
.tool-card-shell-v75[draggable=true]{cursor:grab}.tool-card-shell-v75.is-dragging-v75{opacity:.58;transform:scale(.985)}.tool-card-shell-v75.is-removing-v75{opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease}

/* Clear one-row filtering with modern arrows and an explicit close action. */
.filter-studio-v74{padding:12px clamp(16px,2.4vw,32px) 14px!important}.filter-label-v75{display:block;max-width:1120px;margin:0 auto 7px;font:800 9px/1 Rubik,sans-serif;letter-spacing:.7px;color:var(--muted)}
.filter-row-v74{grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto!important;gap:12px!important;align-items:end!important}
.filter-control-v74{gap:6px!important}.filter-control-v74 select{height:40px!important;padding:0 34px 0 12px!important;border-radius:10px!important;appearance:none!important;background-color:var(--panel2)!important;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;font-size:11px!important}
.filter-action-v74{height:40px!important;padding:0 16px!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #ffffff9c,inset 0 2px 0 #ffffff2b,0 3px 8px #0002!important;text-transform:uppercase}.filter-reset-v74{min-width:112px!important}

/* Equal top and left breathing room. The app owns its own visual container. */
.pxls-tool-v72 .runner-page{inset:var(--header) 0 0 var(--sidebar)!important;padding:18px!important;gap:10px!important}
.pxls-tool-v72 .runner-header{height:48px!important;min-height:48px!important;flex-basis:48px!important}
.pxls-tool-v72 .tool-frame-wrap{border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.pxls-tool-v72 #tool-frame{border:0!important;border-radius:14px!important;background:transparent!important;overflow:hidden!important;opacity:1;transition:opacity .16s ease}
.pxls-tool-v72 .runner-loading{inset:0!important;border:0!important;border-radius:14px!important;background:var(--panel)!important;color:transparent!important;opacity:0;pointer-events:none;animation:loader-wait-v75 .01s .2s forwards;transition:opacity .14s ease!important}
.pxls-tool-v72 .runner-loading img{width:42px;height:42px;animation:loader-breathe-v75 .8s ease-in-out infinite alternate}.pxls-tool-v72 .runner-loading.is-hidden{display:grid!important;opacity:0!important;animation:none!important;visibility:hidden!important}@keyframes loader-wait-v75{to{opacity:1}}@keyframes loader-breathe-v75{to{transform:scale(.94);opacity:.72}}

/* Title actions are icons, never mini cards. Active favorite stays red. */
.title-controls button,.title-controls button:hover,.title-controls button:focus{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.title-controls [data-favorite][aria-pressed=true]{color:#d64268!important}.title-controls button[aria-label^="Add "]{color:var(--muted)!important}

/* Contact drawer polish. */
.support-drawer:has(#contact-form){overflow-x:hidden!important}.support-drawer:has(#contact-form) #drawer-title{font-size:clamp(18px,1.7vw,25px)!important;white-space:nowrap!important;line-height:1.08!important}.support-drawer:has(#contact-form) .drawer-hello img{transform:scaleX(1)!important}.support-drawer:has(#contact-form) .drawer-hello{align-items:flex-start!important}.support-drawer:has(#contact-form) .contact-tool-picker summary{list-style:none;position:relative;padding:13px 36px 13px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer}.support-drawer:has(#contact-form) .contact-tool-picker summary::-webkit-details-marker{display:none}.support-drawer:has(#contact-form) .contact-tool-picker summary:after{content:'⌄';position:absolute;right:13px;top:50%;transform:translateY(-55%);font-size:16px}.support-drawer:has(#contact-form) .contact-tool-options{max-height:230px;overflow:auto;margin-top:6px;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:0 14px 35px #0002}.support-drawer:has(#contact-form) .contact-tool-options button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-size:11px}.support-drawer:has(#contact-form) .contact-tool-options button:hover{background:var(--panel2)}

/* Buttons use one consistent label style. Help/bug/suggestion remain deliberately flat. */
button,.xp-primary,.xp-secondary,.meet-button{text-transform:uppercase}.runner-actions button,.drawer-close,.guide-close,#how-to-use,#report-bug,#suggest-feature{box-shadow:none!important}.runner-actions button{text-transform:uppercase}

/* Workspace creation is a recognizable button and sorting feels less brittle. */
.collection-toolbar>.xp-primary,#empty-new-workspace,#workspace-create-v74{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 17px!important;border-radius:10px!important;background:var(--text)!important;color:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:inset 0 1px 0 #ffffff8a,0 4px 11px #0002!important;font-weight:800!important}
.workspace-live-tool{transition:transform .2s cubic-bezier(.2,.85,.25,1),opacity .18s ease,box-shadow .18s ease!important}.workspace-live-tool.is-dragging{opacity:.72;z-index:8;box-shadow:0 16px 36px #0003!important}.workspace-live-tool.is-drop-target{outline:2px solid #65bca8!important;outline-offset:3px!important}

/* Knowledge Base replaces the ambiguous question-mark behavior. */
.knowledge-v75{min-height:100dvh;padding:calc(var(--header) + 28px) clamp(22px,4vw,58px) 46px;overflow:auto}.knowledge-v75>*{width:min(1180px,100%);margin-inline:auto}.knowledge-hero-v75{padding:42px 46px;border:1px solid var(--border);border-radius:25px;background:radial-gradient(circle at 91% 12%,#50b7ac26,transparent 30%),radial-gradient(circle at 75% 90%,#8d72ca28,transparent 35%),var(--panel)}.knowledge-hero-v75 h1{font-size:clamp(42px,5.8vw,72px);line-height:.98;letter-spacing:-2.5px;margin:10px 0 15px}.knowledge-hero-v75 p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.65}.knowledge-grid-v75{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.knowledge-grid-v75 article{min-height:230px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.knowledge-grid-v75 article>i{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:var(--panel2);color:#73b9aa;font-size:19px}.knowledge-grid-v75 h2{font-size:20px;margin:25px 0 7px}.knowledge-grid-v75 p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.knowledge-grid-v75 button{margin-top:auto;align-self:flex-start}.knowledge-grid-v75 article.is-open-v75{border-color:#73b9aa;background:color-mix(in srgb,#73b9aa 8%,var(--panel))}

@media(max-width:1200px){.tool-grid:has(.az-heading-v75),.favorite-grid-v75,.all-tools-grid-v75{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.tool-grid:has(.az-heading-v75),.favorite-grid-v75,.knowledge-grid-v75,.all-tools-grid-v75{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pxls-tool-v72 .runner-page{left:0!important}.filter-row-v74{width:780px}}
@media(max-width:620px){.tool-grid:has(.az-heading-v75),.favorite-grid-v75,.knowledge-grid-v75,.all-tools-grid-v75{grid-template-columns:1fr!important}.favorites-directory-v75,.all-tools-page-v75{padding-inline:13px!important}.favorites-hero-v75,.all-tools-hero-v75{padding:23px}.favorite-goo-v75{opacity:.38}.knowledge-hero-v75{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){main,.favorite-goo-v75 i,.runner-loading img{animation:none!important}.workspace-live-tool,.directory-heart-v75{transition:none!important}}

/* v77 correction pass: restore approved sidebar card, remove flash, and tighten requested pages. */
.sidebar .sidebar-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;min-height:154px!important;margin:auto 14px 0!important;padding:17px 15px 15px!important}
.sidebar .sidebar-footer .mini-premium-art{display:flex!important;height:42px!important;margin:0!important;align-items:center!important;gap:7px!important}
.sidebar .sidebar-footer .mini-premium-art .xp-pixel{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:9px!important;overflow:hidden!important;transform:rotate(-5deg)!important}
.sidebar .sidebar-footer .mini-premium-art .xp-pixel:nth-child(2){width:42px!important;height:42px!important;transform:rotate(5deg)!important}
.sidebar .sidebar-footer .mini-premium-art .xp-pixel:nth-child(3){transform:rotate(-2deg)!important}
.sidebar .sidebar-footer .mini-premium-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.sidebar>.site-legal-footer nav a{font:700 8px/1 Rubik,sans-serif!important;letter-spacing:.55px!important;text-transform:uppercase!important}
.sidebar>.site-legal-footer small{font:700 8px/1.35 Rubik,sans-serif!important;letter-spacing:.2px!important;text-transform:uppercase!important}

.pxls-home-loading #welcome-page,.pxls-home-loading .directory-header,.pxls-home-loading #tool-grid{visibility:hidden!important}
#welcome-page:not([hidden]) .home-section-v74{margin-top:26px!important;padding:clamp(46px,6vw,78px)!important;box-shadow:0 18px 45px color-mix(in srgb,var(--shadow) 18%,transparent)!important}
#welcome-page:not([hidden]) .home-section-v74 h2{font-size:clamp(38px,5vw,64px)!important;max-width:820px!important}
#welcome-page:not([hidden]) .home-section-v74 p{font-size:15px!important;line-height:1.72!important}
#welcome-page:not([hidden]) .home-feature-v74{min-height:340px!important;padding:42px!important}
#welcome-page:not([hidden]) .home-feature-v74 h3{font-size:clamp(25px,3vw,38px)!important;line-height:1.08!important;max-width:500px!important}
#welcome-page:not([hidden]) .home-premium-v74{min-height:340px!important}

.favorite-heart-v72{font-size:9px!important;animation:heart-float-v72 1.45s cubic-bezier(.25,.65,.35,1) forwards!important;text-shadow:0 3px 8px #901c4b35!important}
@keyframes heart-float-v72{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}22%{opacity:.72}75%{opacity:.4}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.96)}}
.directory-heart-v75.is-settling-v75{animation:heart-settle-v75 .65s ease-out}@keyframes heart-settle-v75{0%,100%{transform:translateY(-50%) scale(1)}45%{transform:translateY(-50%) scale(1.08)}}

.all-tools-hero-v75{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)!important;gap:26px!important;padding:36px 38px 24px!important;background:var(--panel)!important;overflow:hidden!important}
.all-tools-hero-v75>div:first-child{position:relative;z-index:2}
.all-tools-goo-v75{position:relative!important;z-index:1!important;min-height:125px!important;filter:blur(24px);opacity:.82}
.all-tools-goo-v75 i{position:absolute;border-radius:48% 52% 56% 44%;animation:all-tools-goo-v75 9s ease-in-out infinite alternate}
.all-tools-goo-v75 i:nth-child(1){inset:2% 28% 30% 0;background:#2a9fb4}.all-tools-goo-v75 i:nth-child(2){inset:28% 0 0 34%;background:#7e62bf;animation-delay:-3s}.all-tools-goo-v75 i:nth-child(3){inset:38% 42% 3% 18%;background:#d24d79;animation-delay:-6s}
@keyframes all-tools-goo-v75{to{transform:translate(12px,-7px) scale(1.12) rotate(5deg)}}
.az-jump-v75{position:relative!important;z-index:2!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(29px,1fr))!important;gap:5px!important;width:100%!important;margin-top:4px!important}
.az-jump-v75 a{width:100%!important;height:31px!important;background:color-mix(in srgb,var(--panel2) 88%,transparent)!important}
.favorites-directory-v75{padding:calc(var(--header) + 24px) clamp(20px,3.5vw,52px) 42px!important}
.favorites-directory-v75>*{width:min(1420px,100%)!important;margin-left:auto!important;margin-right:auto!important}

.filter-label-v75{display:none!important}.filter-studio-v74{top:calc(var(--header) + 9px)!important;left:calc(var(--sidebar) + 18px)!important;right:18px!important;padding:12px 14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;box-shadow:0 18px 42px #0003!important}
.workspace-dropdown>.workspace-new-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:calc(100% - 14px)!important;min-height:38px!important;margin:9px 7px 2px!important;padding:0 12px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--text)!important;color:var(--panel)!important;box-shadow:inset 0 1px 0 #ffffff7d,0 3px 8px #0002!important;font:800 9px/1 Rubik,sans-serif!important;text-transform:uppercase!important;cursor:pointer!important}
.legal-hero-icon i,.legal-publication-note>i{display:block!important;line-height:1!important;margin:0!important;transform:none!important}.legal-hero-icon{align-items:center!important;justify-items:center!important}

@media(max-width:900px){.filter-studio-v74{left:12px!important;right:12px!important;overflow-x:auto!important}.all-tools-hero-v75{grid-template-columns:1fr!important}.all-tools-goo-v75{position:absolute!important;right:20px!important;top:15px!important;width:230px!important;opacity:.4}.az-jump-v75{grid-template-columns:repeat(10,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.all-tools-goo-v75 i,.favorite-heart-v72,.directory-heart-v75.is-settling-v75{animation:none!important}}