/* PXLS v72: stable app shell, useful filters, compact collections, and viewport-fit tools. */
.top-actions{gap:6px!important;padding:5px!important}.top-actions>.icon-button,.top-actions>.profile-button,.top-actions>.notification-wrap>.icon-button{width:40px!important;height:40px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important}.top-actions i{width:16px!important;height:16px!important;line-height:16px!important;text-align:center!important;font-size:14px!important}.profile-button{background:var(--panel2)!important;color:var(--text)!important}.profile-button i{color:inherit!important;opacity:1!important}.top-actions #theme-toggle i{font-size:13px!important}
.sidebar{display:flex!important;flex-direction:column!important}.sidebar-list,.saved-navigation{flex:0 0 auto}.sidebar .category-name{font-size:12.5px!important;line-height:1!important;letter-spacing:.36px;color:var(--text)!important}.sidebar .tool-link{font-size:11.5px!important;color:color-mix(in srgb,var(--text) 82%,var(--muted))!important;min-height:37px!important}.sidebar .tool-link:hover{color:var(--text)!important}.sidebar>.site-legal-footer{font-family:Rubik,sans-serif!important;margin-top:auto!important;padding-top:13px!important}.sidebar>.site-legal-footer nav{gap:7px!important}.sidebar>.site-legal-footer nav span{font-size:9px;color:var(--muted)}.sidebar>.site-legal-footer a{font-size:9px!important}.sidebar>.site-legal-footer small{display:block;font-size:7.5px!important;line-height:1.4!important}

.filter-studio-v72{position:fixed;z-index:160;top:var(--header);left:var(--sidebar);right:0;padding:16px 22px 13px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(24px);box-shadow:0 18px 38px #0002}.filter-studio-v72[hidden]{display:none!important}.filter-studio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-studio-head>div{display:flex;align-items:baseline;gap:10px}.filter-studio-head strong{font-size:10px;letter-spacing:1px}.filter-studio-head span{font-size:10px;color:var(--muted)}.filter-close-v72{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;box-shadow:none!important}.filter-row-v72{display:grid;grid-template-columns:135px 1.1fr 1fr 1.35fr auto;gap:18px;align-items:end}.filter-row-v72 fieldset{border:0;padding:0;margin:0;min-width:0}.filter-row-v72 legend,.filter-sort-v72>span{display:block;margin:0 0 7px;font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.45px;text-transform:uppercase}.filter-row-v72 fieldset>div{display:flex;gap:5px;overflow-x:auto}.filter-row-v72 label{margin:0!important}.filter-row-v72 input{position:absolute;opacity:0;pointer-events:none}.filter-row-v72 fieldset label span,.active-filters-v72 button{display:block;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);font-size:9px;white-space:nowrap;cursor:pointer}.filter-row-v72 fieldset label:has(input:checked) span{border-color:#65aa9b;background:#65aa9b22;color:var(--text);box-shadow:inset 0 1px 0 #fff5}.filter-sort-v72 select{width:100%;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);font:inherit;font-size:10px;padding:0 9px}.filter-actions-v72{display:flex;gap:6px}.filter-actions-v72>*{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);font:inherit;font-size:9px;text-decoration:none;white-space:nowrap;cursor:pointer}.filter-actions-v72 #filter-view{background:var(--text);color:var(--panel);font-weight:600}.active-filters-v72{display:flex;gap:5px;min-height:0;margin-top:9px}.active-filters-v72:empty{display:none}.active-filters-v72 button{padding:5px 8px;border:0;background:color-mix(in srgb,#65aa9b 18%,var(--panel2));color:var(--text)}.active-filters-v72 span{margin-left:5px}.filter-page-v72{min-height:calc(100dvh - var(--header));padding:calc(var(--header) + 28px) clamp(22px,4vw,60px) 34px}.filter-results-hero{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1440px;margin:0 auto 24px}.filter-results-hero h1{font-size:clamp(34px,4vw,58px);margin:8px 0}.filter-results-hero p{color:var(--muted);margin:0}.result-filter-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.result-filter-summary span{padding:6px 8px;border-radius:7px;background:var(--panel2);font-size:9px}.filter-result-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-empty-v72{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--border);border-radius:18px}.filter-empty-v72 i{font-size:30px;color:#8a78bc}

.favorite-heart-v72{position:fixed;z-index:400;pointer-events:none;color:#d64268;font-size:13px;transform:translate(-50%,-50%);animation:heart-float-v72 .9s cubic-bezier(.18,.75,.2,1) forwards;text-shadow:0 4px 13px #901c4b66}@keyframes heart-float-v72{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.25) rotate(12deg)}}.folder-pop-v72{animation:folder-pop-v72 .62s cubic-bezier(.2,.9,.25,1)}@keyframes folder-pop-v72{0%,100%{color:var(--muted);transform:scale(1)}35%{color:#4bbd91;transform:scale(1.28);filter:drop-shadow(0 0 9px #4bbd9188)}}
.favorites-v72{height:calc(100dvh - var(--header));overflow:auto;padding:calc(var(--header) + 25px) clamp(24px,4vw,56px) 28px}.favorites-hero-v72{position:relative;min-height:178px;display:flex;align-items:center;padding:30px clamp(28px,4vw,52px);border:1px solid var(--border);border-radius:23px;background:var(--panel);overflow:hidden}.favorites-hero-v72 h1{font-size:clamp(38px,5vw,66px);line-height:1;margin:8px 0}.favorites-hero-v72 p{margin:0;color:var(--muted);font-size:14px}.favorite-goo-v72{position:absolute;right:3%;width:310px;height:170px;filter:blur(3px)}.favorite-goo-v72 i{position:absolute;display:block;border-radius:45% 55% 52% 48%;filter:blur(18px);mix-blend-mode:screen}.favorite-goo-v72 i:nth-child(1){width:180px;height:125px;right:10px;top:20px;background:#7b143b;transform:rotate(14deg)}.favorite-goo-v72 i:nth-child(2){width:130px;height:105px;right:120px;top:42px;background:#c23558;transform:rotate(-22deg)}.favorite-goo-v72 i:nth-child(3){width:95px;height:80px;right:62px;top:5px;background:#e76573}.favorites-content-v72{margin-top:22px}.favorite-section-v72{margin:0 0 18px}.favorite-section-v72>h2{display:flex;align-items:center;gap:10px;font-size:14px;margin:0 0 8px}.favorite-section-v72 .category-icon{--cat:inherit}.favorite-grid-v72{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.favorite-card-v72{position:relative;max-height:90px;transition:opacity .34s ease,transform .34s ease,max-height .34s ease}.favorite-card-v72 .tool-card{min-height:78px!important;height:78px!important;padding:10px 38px 10px 10px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:2px 10px!important}.favorite-card-v72 .tool-icon{width:44px!important;height:44px!important;grid-row:1/3}.favorite-card-v72 h3{font-size:13px!important;margin:0!important;line-height:1.15}.favorite-card-v72 p{font-size:9.5px!important;line-height:1.3!important;margin:3px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-card-v72>button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:transparent;color:#c13b60;cursor:pointer;box-shadow:none!important}.favorite-card-v72.leaving{opacity:0;transform:translateY(-4px) scale(.97);max-height:0}.favorites-empty-v72{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;border:1px dashed var(--border);border-radius:18px}.favorites-empty-v72>*{margin:0}.favorites-empty-v72 p{color:var(--muted)}.empty-favorite-mark{font-size:44px;color:#ba3f61}.workspaces-empty-v72{grid-column:1/-1;min-height:310px;display:grid;grid-template-columns:170px minmax(0,600px);justify-content:center;align-items:center;gap:45px;padding:40px;border:1px dashed var(--border);border-radius:22px;background:radial-gradient(circle at 25% 40%,#5c8fd91b,transparent 32%),var(--panel)}.empty-folder-scene{position:relative;display:grid;place-items:center;width:160px;height:150px;border-radius:45% 55% 48% 52%;background:#5c8fd923;color:#5c8fd9;font-size:72px}.empty-folder-scene span{position:absolute;right:22px;bottom:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--text);color:var(--panel);font-size:22px}.workspaces-empty-v72 h2{font-size:34px;margin:8px 0 10px}.workspaces-empty-v72 p{color:var(--muted);line-height:1.7}.workspaces-empty-v72 .xp-primary{margin-top:10px}

.premium-v72{height:calc(100dvh - var(--header));overflow:hidden;padding:calc(var(--header) + 20px) 24px 20px;display:grid;grid-template-rows:minmax(215px,.78fr) auto auto;gap:14px;align-content:center}.premium-v72>*{width:min(1180px,100%);margin-inline:auto}.premium-hero-v72{min-height:230px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:28px 42px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 80% 20%,#7a65c72a,transparent 38%),radial-gradient(circle at 15% 100%,#2e9d8421,transparent 36%),var(--panel);overflow:hidden}.premium-copy-v72 h1{font-size:clamp(42px,4.5vw,68px);line-height:.96;letter-spacing:-2.7px;margin:8px 0 12px}.premium-copy-v72>p{max-width:620px;font-size:14px;line-height:1.55;color:var(--muted);margin:0}.premium-points-v72{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.premium-points-v72 span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--panel2) 80%,transparent);font-size:9px}.premium-points-v72 i{color:#9e85cf}.premium-orbit-v72{position:relative;width:280px;height:190px;justify-self:end}.premium-disc-v72{position:absolute;left:50%;top:50%;width:115px;height:115px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,#5742a7,#b94878 52%,#dc9a42);color:#fff;font-size:34px;box-shadow:0 22px 50px #6f3c8f42}.premium-float-v72{position:absolute;width:49px;height:49px;border-radius:13px;background:var(--float-color);box-shadow:inset 0 1px 0 #ffffff88,0 10px 25px #0003;animation:premium-float-v72 4s ease-in-out infinite}.premium-float-v72 img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.premium-float-v72:nth-of-type(1){left:8px;top:12px}.premium-float-v72:nth-of-type(2){right:5px;top:18px;animation-delay:-.8s}.premium-float-v72:nth-of-type(3){left:18px;bottom:5px;animation-delay:-1.6s}.premium-float-v72:nth-of-type(4){right:12px;bottom:0;animation-delay:-2.4s}.premium-float-v72:nth-of-type(5){left:50%;top:-4px;animation-delay:-3.2s}@keyframes premium-float-v72{0%,100%{transform:translateY(-5px) rotate(-2deg)}50%{transform:translateY(7px) rotate(2deg)}}.premium-plans-v72{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.premium-plan-v72{position:relative;display:flex;flex-direction:column;min-height:273px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--panel)}.premium-plan-v72.featured{border-color:#9278c6;background:radial-gradient(circle at 100% 0,#9278c62b,transparent 45%),var(--panel)}.premium-plan-v72 h2{font-size:21px;margin:5px 0}.premium-plan-v72 .plan-blurb-v72{font-size:10.5px;line-height:1.4;color:var(--muted);margin:0 0 7px}.premium-plan-v72>strong{font-size:29px;margin:3px 0}.premium-plan-v72>strong small{font-size:10px;color:var(--muted)}.premium-plan-v72 ul{list-style:none;padding:0;margin:6px 0;display:grid;gap:5px;font-size:10px}.premium-plan-v72 li:before{content:'✓';color:#53ae91;margin-right:7px}.premium-plan-v72 button{margin-top:auto;width:100%}.agency-under-card{margin-top:7px;color:var(--muted);font-size:9px;text-align:right;text-decoration:none}.premium-footer-v72{display:flex;justify-content:flex-end;gap:16px;color:var(--muted);font-size:10px}.premium-footer-v72 a{color:var(--text);text-decoration:none}
.login-v72{min-height:calc(100dvh - var(--header));padding:calc(var(--header) + 28px) 24px 28px;display:grid;place-items:center}.login-shell-v72{width:min(1120px,100%);min-height:min(650px,calc(100dvh - var(--header) - 56px));display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;padding:clamp(35px,5vw,68px);border:1px solid var(--border);border-radius:27px;background:radial-gradient(circle at 13% 18%,#21a1842d,transparent 34%),radial-gradient(circle at 80% 90%,#7d60be29,transparent 38%),var(--panel);overflow:hidden}.login-art-v72 h1{font-size:clamp(44px,5.1vw,72px);line-height:.96;letter-spacing:-2.5px;margin:11px 0 17px}.login-art-v72 p{max-width:490px;color:var(--muted);font-size:14px;line-height:1.7}.login-icons-v72{display:flex;gap:16px;margin-top:31px}.login-icons-v72 span{width:60px;height:60px;border-radius:15px;background:var(--app-color);box-shadow:inset 0 1px 0 #ffffff88,0 12px 30px #0002}.login-icons-v72 span:nth-child(2){transform:translateY(13px)}.login-icons-v72 img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.login-card-v72{padding:28px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(18px)}.login-switch-v72{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--panel2)}.login-switch-v72 button{flex:1;border:0;border-radius:7px;padding:10px;background:transparent;color:var(--muted);font:inherit;font-size:11px}.login-switch-v72 button[aria-pressed=true]{background:var(--text);color:var(--panel)}.login-card-v72 h2{font-size:25px;margin:22px 0}.login-card-v72 label{display:grid;gap:7px;margin:14px 0;font-size:11px}.login-card-v72 input{width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.login-card-v72 .xp-primary{width:100%;margin-top:7px}.login-card-v72 [role=status]{font-size:10px;line-height:1.5;color:var(--muted)}

.notification-item{position:relative}.dismiss-notice-v72{flex:0 0 25px;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;opacity:.45;box-shadow:none!important}.notification-item:hover .dismiss-notice-v72{opacity:1}.notification-item.dismissing{opacity:0;transform:translateX(8px);transition:.2s ease}.notifications-empty-v72{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px}.notifications-empty-v72 i{font-size:27px;color:var(--muted)}.notifications-empty-v72 strong{font-size:13px}.notifications-empty-v72 span{max-width:270px;font-size:10px;line-height:1.5;color:var(--muted)}

.drawer-tool-guide>li{align-items:start!important}.drawer-guide-icon{align-self:start!important;margin-top:1px!important}.support-drawer:has(#contact-form){overflow-x:hidden!important}.support-drawer:has(#contact-form)>*{max-width:100%;box-sizing:border-box}.support-drawer:has(#contact-form) #drawer-title{font-size:clamp(20px,2vw,29px)!important;white-space:normal!important}.support-drawer:has(#contact-form) input,.support-drawer:has(#contact-form) textarea,.support-drawer:has(#contact-form) .contact-tool-picker{max-width:100%!important;box-sizing:border-box!important}

body.pxls-tool-v72{height:100dvh!important;overflow:hidden!important}.pxls-tool-v72 .runner-page{height:calc(100dvh - var(--header))!important;min-height:0!important;box-sizing:border-box!important;padding:calc(var(--header) + 13px) clamp(16px,2.4vw,38px) 15px!important;display:flex!important;flex-direction:column!important;gap:11px!important;overflow:hidden!important}.pxls-tool-v72 .runner-header{width:100%!important;max-width:none!important;min-height:52px!important;height:52px!important;flex:0 0 52px!important;margin:0!important;padding:0!important}.pxls-tool-v72 .runner-icon-box{width:44px!important;height:44px!important}.pxls-tool-v72 .tool-frame-wrap{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;flex:1 1 auto!important;margin:0!important;overflow:hidden!important;background:transparent!important;border:1px solid var(--border)!important}.pxls-tool-v72 #tool-frame{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;background:transparent!important}.pxls-tool-v72 #tool-support{display:none!important}.pxls-tool-v72 .runner-loading{border-radius:inherit}.tool-leaving-v72 body{opacity:.86;transform:scale(.998);transition:opacity .11s ease,transform .11s ease}
@media(max-width:1050px){.filter-row-v72{grid-template-columns:125px 1fr 1fr}.filter-row-v72 fieldset[data-filter=categories]{grid-column:1/-1}.filter-actions-v72{grid-column:3}.favorite-grid-v72{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-v72{height:auto;overflow:auto;align-content:start}.premium-orbit-v72{display:none}.premium-hero-v72{grid-template-columns:1fr}.premium-plans-v72{grid-template-columns:1fr}.login-shell-v72{gap:30px}}
@media(max-width:760px){.filter-studio-v72{left:0}.filter-row-v72{grid-template-columns:1fr;max-height:65vh;overflow:auto}.filter-actions-v72,.filter-row-v72 fieldset[data-filter=categories]{grid-column:auto}.filter-result-grid,.favorite-grid-v72{grid-template-columns:1fr}.favorites-hero-v72{min-height:155px}.favorite-goo-v72{opacity:.45}.workspaces-empty-v72{grid-template-columns:1fr;text-align:center}.empty-folder-scene{margin:auto}.login-shell-v72{grid-template-columns:1fr}.premium-v72{padding-inline:12px}.premium-hero-v72{padding:25px}.top-actions{gap:2px!important;padding:3px!important}.top-actions>.icon-button,.top-actions>.profile-button,.top-actions>.notification-wrap>.icon-button{width:36px!important;height:36px!important}}
@media(prefers-reduced-motion:reduce){.premium-float-v72,.favorite-heart-v72,.folder-pop-v72{animation:none!important}.tool-leaving-v72 body{transition:none!important}}