/* PXLS v70: one final shared finish layer. */
:root{--v70-green:#73b9a5;--v70-blue:#6a9fd6;--v70-violet:#9d89c8;--v70-gold:#d2ad62}

/* Brand: the wordmark stays unboxed; only its square mark gets the polished edge. */
.topbar .brand{position:relative!important;width:calc(var(--sidebar) - 22px)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.topbar .brand img{width:142px!important;display:block}
.topbar .brand:after{content:"";position:absolute;left:0;top:50%;width:29px;height:29px;transform:translateY(-50%);border-radius:6px;pointer-events:none;box-shadow:inset 0 1px 0 #ffffffb8,inset 0 2px 0 #ffffff30}
.profile-button{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}

/* Search and filter are one top-nav control. */
.top-search-wrap{position:relative;padding-right:5px!important}
.top-search-wrap>input{min-width:0;flex:1}
.top-search-wrap>.filter-nav-button{position:relative;flex:0 0 34px;width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0 999px 999px 0!important;background:transparent!important;box-shadow:none!important}
.top-search-wrap>.filter-nav-button:hover{background:var(--panel3)!important}
.sidebar-filter-popover{top:calc(var(--header) - 3px)!important;left:auto!important;right:clamp(110px,9vw,170px)!important;width:min(330px,calc(100vw - 24px))!important;border-radius:0 0 18px 18px!important;box-shadow:0 22px 50px #0003!important}

/* Consistent top-edge polish. No reversed bottom highlight in light mode. */
.xp-primary,.xp-secondary,.collection-action,.workspace-reorder,.workspace-expand,.runner-icon-box,.tool-icon,.tool-link-icon,.notification-app-icon,.sidebar .category-icon{box-shadow:inset 0 1px 0 #ffffffad,inset 0 2px 0 #ffffff26,0 2px 5px #0002!important}
html[data-theme=light] .xp-primary,html[data-theme=light] .xp-secondary,html[data-theme=light] .collection-action,html[data-theme=light] .workspace-reorder,html[data-theme=light] .workspace-expand,html[data-theme=light] .runner-icon-box,html[data-theme=light] .tool-icon,html[data-theme=light] .tool-link-icon,html[data-theme=light] .notification-app-icon,html[data-theme=light] .sidebar .category-icon{box-shadow:inset 0 1px 0 #fff,inset 0 2px 0 #ffffff80,0 2px 5px #1d27300e!important}
.runner-actions button{box-shadow:none!important}
.sidebar-footer .meet-button,.sidebar-footer{box-shadow:inset 0 1px 0 #ffffffad,inset 0 2px 0 #ffffff26,0 4px 14px #0002!important}
.top-actions{display:flex!important;align-items:center!important;gap:6px!important}
.top-actions>.icon-button,.top-actions .notification-wrap>.icon-button,.top-actions>.profile-button{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:grid!important;place-items:center!important}
.top-actions>.icon-button i,.top-actions .notification-wrap>.icon-button i,.top-actions>.profile-button i{width:16px!important;height:16px!important;font-size:15px!important;line-height:16px!important;text-align:center!important}
#theme-toggle i.fa-sun{font-size:12px!important}
#theme-toggle i.fa-moon{font-size:14px!important}
.runner-icon-box,.tool-icon,.tool-link-icon,.notification-app-icon,.sidebar .category-icon{position:relative;isolation:isolate;overflow:hidden}
.runner-icon-box:after,.tool-icon:after,.tool-link-icon:after,.notification-app-icon:after,.sidebar .category-icon:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#fff2,transparent 38%);box-shadow:inset 0 1px 0 #ffffffb8;z-index:2}

/* Welcome fills the app canvas and ends with an unmistakable Premium callout. */
.welcome-page{width:100%;max-width:none!important;min-height:calc(100dvh - var(--header));padding:clamp(22px,3vw,44px)!important;display:flex;flex-direction:column}
.welcome-hero{min-height:clamp(500px,58vh,680px);align-content:center}
.welcome-page .scene-tools{align-items:center;transform:none!important}
.welcome-page .scene-tools>span{transform:translateY(-12px) rotate(-4deg)!important}
.welcome-page .scene-tools>span:nth-child(even){transform:translateY(12px) rotate(4deg)!important}
.welcome-page .scene-tools>span:after{display:none!important}
.welcome-page .premium-welcome{width:100%!important;min-height:230px;margin:42px 0 0!important;padding:clamp(30px,4vw,54px)!important;grid-template-columns:minmax(210px,.72fr) 1.28fr!important;border-radius:24px!important;background:radial-gradient(circle at 15% 50%,#79bba527,transparent 34%),radial-gradient(circle at 90% 10%,#a38bc72b,transparent 36%),var(--panel)!important}
.welcome-page .premium-story h2{font-size:clamp(30px,3.5vw,50px)!important}
.welcome-page .premium-story p{font-size:15px!important;max-width:650px!important}

/* Tool runner: each tool is an app viewport, not a short page floating above blank space. */
body.tool-app-mode{overflow:hidden}
.tool-app-mode .runner-page{position:fixed!important;left:var(--sidebar)!important;right:0!important;top:var(--header)!important;bottom:0!important;height:auto!important;min-height:0!important;padding:16px clamp(16px,2vw,28px) 18px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:12px!important;overflow:hidden!important}
.tool-app-mode .runner-header{width:100%!important;max-width:none!important;min-height:58px!important;margin:0!important;padding:0 0 12px!important}
.tool-app-mode .tool-frame-wrap{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--panel)!important;overflow:hidden!important}
.tool-app-mode #tool-frame{width:100%!important;height:100%!important;min-height:0!important;border-radius:inherit!important}
.tool-app-mode .tool-support{display:none!important}
.tool-app-mode~.site-legal-footer,.tool-app-mode .site-legal-footer{display:none!important}
@media(max-width:800px){.tool-app-mode .runner-page{left:0!important}.topbar .brand{width:auto!important;margin:0 10px 0 4px!important}.topbar .brand img{width:94px!important}.topbar .brand:after{width:19px;height:19px;border-radius:4px}.sidebar-filter-popover{right:12px!important}.welcome-page .premium-welcome{grid-template-columns:1fr!important}}

/* Favorites is the same categorized directory, with a removable heart on every card. */
.favorites-directory{max-width:none!important;padding-left:clamp(20px,3vw,44px)!important;padding-right:clamp(20px,3vw,44px)!important}
.favorites-directory .tool-grid{padding:0 0 40px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.favorites-directory .tool-card-wrap{min-height:86px;border:0!important;background:transparent!important}
.favorites-directory .tool-card-wrap>.tool-card{min-height:86px!important;height:100%;padding:13px 48px 13px 13px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-content:center!important}
.favorites-directory .tool-card .tool-icon{grid-row:1/3!important;width:48px!important;height:48px!important}
.favorites-directory .favorite-remove{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3;color:#ce6382;background:#ce638212;border:1px solid #ce63822e;border-radius:9px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}
.favorites-directory .section-title{margin:28px 0 7px!important;font-size:15px!important}
@media(max-width:1250px){.favorites-directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:950px){.favorites-directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.favorites-directory .tool-grid{grid-template-columns:1fr!important}}

/* Workspace cards fill the available canvas. Controls are compact icon actions. */
.workspace-live-grid{grid-auto-rows:minmax(580px,calc(100dvh - var(--header) - 245px));align-items:stretch!important}
.workspace-live-tool{height:100%;min-height:0!important;display:grid;grid-template-rows:auto minmax(0,1fr);padding:14px!important;overflow:hidden}
.workspace-live-frame{height:100%!important;min-height:0!important;margin:12px 0 0!important;border:1px solid var(--border)!important;border-radius:12px!important}
.workspace-reorder,.workspace-expand,.workspace-live-tool>.collection-action{position:absolute!important;top:12px!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:1px solid var(--border)!important;border-radius:9px!important;background:color-mix(in srgb,var(--panel) 92%,transparent)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;font-size:11px!important;z-index:5}
.workspace-reorder{right:84px!important;cursor:grab!important;touch-action:none}
.workspace-expand{right:48px!important;cursor:pointer}
.workspace-live-tool>.collection-action{right:12px!important}
.workspace-live-tool>.workspace-tool-link{padding-right:112px!important;min-height:34px}
.workspace-live-tool.is-expanded{position:fixed!important;z-index:9000;inset:calc(var(--header) + 12px) 12px 12px calc(var(--sidebar) + 12px)!important;background:var(--panel)!important}
.workspace-live-tool.is-expanded .workspace-live-frame{height:100%!important}

/* Premium is focused: hero + three choices, with FAQ and Agency as their own destinations. */
.premium-page-v70{height:calc(100dvh - var(--header));min-height:650px;overflow:hidden;padding:18px clamp(20px,3vw,44px)!important;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}
.premium-intro-v70{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:center;padding:22px 26px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 85% 20%,#a18ac634,transparent 35%),var(--panel)}
.premium-intro-v70 h1{font-size:clamp(32px,3.3vw,52px);line-height:1.02;margin:8px 0;letter-spacing:-1.7px}.premium-intro-v70 p{font-size:13px;line-height:1.55;color:var(--muted);max-width:650px;margin:8px 0}.premium-mini-orbit{position:relative;height:125px;border:1px dashed #9f8bc966;border-radius:999px;display:grid;place-items:center;color:#b29ad4;font-size:48px}.premium-mini-orbit .xp-pixel{position:absolute;width:46px;height:46px}.premium-mini-orbit .xp-pixel:nth-child(1){left:7%;top:8%}.premium-mini-orbit .xp-pixel:nth-child(2){right:6%;top:34%}.premium-mini-orbit .xp-pixel:nth-child(3){left:42%;bottom:-5px}
.premium-plans-v70{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0}.premium-plan-v70{min-height:0;display:flex;flex-direction:column;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:var(--panel);overflow:hidden}.premium-plan-v70.featured{border-color:#9e89c6;background:radial-gradient(circle at 100% 0,#a58ec52a,transparent 42%),var(--panel)}.premium-plan-v70 h2{font-size:23px;margin:7px 0}.premium-plan-v70 .plan-price{font-size:34px;margin:5px 0}.premium-plan-v70 .plan-price small{font-size:11px}.premium-plan-v70 p{font-size:11px;line-height:1.45;color:var(--muted);margin:4px 0}.premium-plan-v70 ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px;font-size:11px}.premium-plan-v70 li:before{content:"✓";color:#73b9a5;margin-right:8px}.premium-plan-v70 .xp-primary,.premium-plan-v70 .xp-secondary{margin-top:auto;width:100%}.premium-links-v70{display:flex;justify-content:flex-end;gap:16px;margin-top:8px;font-size:11px}.premium-links-v70 a{color:var(--text);text-decoration:none}.premium-links-v70 .agency-link{margin-left:auto;text-align:right}
@media(max-width:980px){.premium-page-v70{height:auto;overflow:visible}.premium-intro-v70{grid-template-columns:1fr}.premium-plans-v70{grid-template-columns:1fr}.premium-mini-orbit{display:none}}

/* FAQ and Agency are distinct, roomy app destinations. */
.premium-subpage{min-height:calc(100dvh - var(--header));padding:clamp(24px,4vw,58px)!important;display:grid;align-content:center}.premium-subpage-shell{width:100%;padding:clamp(24px,4vw,54px);border:1px solid var(--border);border-radius:28px;background:var(--panel)}
.premium-subpage h1{font-size:clamp(38px,5vw,70px);line-height:1;margin:12px 0 22px;letter-spacing:-2px}.faq-grid-v70{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-grid-v70 details{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.faq-grid-v70 summary{font-weight:600;font-size:14px;cursor:pointer}.faq-grid-v70 p{font-size:12px;line-height:1.65;color:var(--muted)}.agency-welcome-v70{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;background:radial-gradient(circle at 90% 20%,#72a1d532,transparent 36%),var(--panel)}.agency-points-v70{display:grid;gap:10px}.agency-points-v70 div{padding:18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel2) 76%,transparent)}.agency-points-v70 strong{display:block;margin-bottom:6px}.agency-points-v70 span{font-size:12px;color:var(--muted)}

/* Login feels like entering the product. */
.login-page-v70{min-height:calc(100dvh - var(--header));padding:clamp(20px,3vw,44px)!important;display:grid;place-items:center}.login-shell-v70{width:100%;min-height:min(720px,calc(100dvh - var(--header) - 44px));display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(30px,5vw,76px);border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 16% 20%,#72b7a638,transparent 32%),radial-gradient(circle at 75% 80%,#a487cb2b,transparent 36%),var(--panel);overflow:hidden}.login-art-v70 h1{font-size:clamp(44px,5.4vw,82px);line-height:.98;letter-spacing:-3px;margin:15px 0}.login-art-v70 p{max-width:540px;color:var(--muted);font-size:15px;line-height:1.7}.login-icons-v70{display:flex;gap:18px;margin-top:38px}.login-icons-v70 img{width:72px;height:72px;object-fit:contain}.login-icons-v70 img:nth-child(2){transform:translateY(18px)}.login-form-card-v70{width:100%;max-width:430px;justify-self:end;padding:32px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(18px)}.login-form-card-v70 label{display:grid;gap:8px;margin:18px 0;font-size:12px}.login-form-card-v70 input{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text)}.login-form-card-v70 .xp-primary{width:100%;margin-top:8px}.login-form-card-v70 [role=status]{font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:850px){.login-shell-v70{grid-template-columns:1fr;min-height:0}.login-form-card-v70{justify-self:stretch;max-width:none}.login-art-v70 h1{font-size:46px}}

/* How-to drawer is a large, fast reference. */
.support-drawer:has(.drawer-tool-guide){width:min(390px,calc(100vw - 24px))!important;padding:24px!important;overflow-y:auto!important}
@media(min-width:1200px){body:has(.support-drawer:not([hidden]) .drawer-tool-guide){--open-panel:390px!important}}
.support-drawer:has(.drawer-tool-guide)>header{padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.support-drawer:has(.drawer-tool-guide) #drawer-title{font-size:30px!important;margin-top:8px!important}
.drawer-tool-guide{gap:0!important;justify-content:flex-start!important;margin:6px 0!important}
.drawer-tool-guide>li{position:relative;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;column-gap:17px!important;align-items:start!important;flex:0 0 auto!important;min-height:0!important;padding:24px 0!important;font-size:15px!important;line-height:1.65!important}
.drawer-guide-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:16px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:23px}
.drawer-guide-copy{min-width:0}.drawer-tool-guide h3{font-size:20px!important;margin:0 0 8px!important}.drawer-tool-guide h3:before{font-size:11px!important;display:block;margin-bottom:5px}.drawer-guide-copy p{font-size:15px!important;line-height:1.65!important;margin:0!important;color:inherit!important;opacity:.78}

/* Feedback drawers: centered mascot, no overlap, concise hierarchy. */
.support-drawer:has(#contact-form)>header{padding:2px 0 18px!important}.support-drawer:has(#contact-form) #drawer-title{font-size:clamp(23px,2.2vw,31px)!important;white-space:nowrap!important;margin:16px 0 0!important}.support-drawer:has(#contact-form) .drawer-hello{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important}.support-drawer:has(#contact-form) .drawer-hello img{position:relative!important;inset:auto!important;width:122px!important;height:122px!important;margin:10px auto 4px!important;object-fit:contain!important;transform:none!important}.support-drawer:has(#contact-form) .drawer-hello p{font-size:13px;line-height:1.6;margin:0 0 8px!important}.support-drawer:has(#contact-form) form label{font-size:12px}.support-drawer:has(#contact-form) form input,.support-drawer:has(#contact-form) form textarea,.contact-tool-picker summary{font-size:13px!important}

/* Chat uses the friendly mascot inside the conversation. */
.pxls-chat-popup .chat-avatar{width:118px!important;height:126px!important;margin:0 auto 14px!important;transform:none!important}.pxls-chat-popup>header button{box-shadow:none!important}.help-launcher{border-radius:16px!important}

/* About rhythm and a more intentional footer. */
.about-story{padding:64px 0!important;gap:clamp(34px,6vw,88px)!important}.about-story h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:10px 0 0}.about-story p{margin:0 0 24px!important;line-height:1.85!important}.about-principles{margin-top:10px}.about-principles article p{font-size:13px;line-height:1.7}.site-legal-footer{position:fixed!important;left:calc(var(--sidebar) + 18px)!important;right:auto!important;bottom:12px!important;z-index:75!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:9px 13px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:color-mix(in srgb,var(--panel) 86%,transparent)!important;backdrop-filter:blur(16px);box-shadow:0 7px 24px #0002!important}.site-legal-footer:before{content:"PXLS";font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.site-legal-footer nav{display:flex;gap:12px!important}.site-legal-footer a{font-size:10px!important;color:var(--muted)!important}.site-legal-footer a:hover{color:var(--text)!important}.site-legal-footer small{font-size:8px!important;opacity:.6}.destination-page{padding-bottom:72px!important}

/* Privacy is decisively green; Terms is decisively blue. */
.legal-redesign.privacy-colors{--legal-accent:#42bd8b;--legal-tone-0:#42bd8b;--legal-tone-1:#65cda4;--legal-tone-2:#2c9b73;--legal-tone-3:#86d9bb}.legal-redesign.privacy-colors .legal-hero{background:radial-gradient(circle at 85% 15%,#42bd8b35,transparent 34%),linear-gradient(120deg,#42bd8b1b,#42bd8b08)!important;border-color:#42bd8b55!important}.legal-redesign.privacy-colors .legal-hero:before{background:#42bd8b!important}.legal-redesign.privacy-colors .legal-hero-icon{color:#42bd8b!important;background:#42bd8b20!important;border-color:#42bd8b66!important}
.legal-redesign.terms-colors{--legal-accent:#4d95e8;--legal-tone-0:#4d95e8;--legal-tone-1:#72b2f3;--legal-tone-2:#397aca;--legal-tone-3:#93c5f5}.legal-redesign.terms-colors .legal-hero{background:radial-gradient(circle at 85% 15%,#4d95e835,transparent 34%),linear-gradient(120deg,#4d95e81b,#4d95e808)!important;border-color:#4d95e855!important}.legal-redesign.terms-colors .legal-hero:before{background:#4d95e8!important}.legal-redesign.terms-colors .legal-hero-icon{color:#4d95e8!important;background:#4d95e820!important;border-color:#4d95e866!important}

@media(prefers-reduced-motion:reduce){.welcome-page .scene-tools>span,.login-icons-v70 img{animation:none!important}}

/* v71 stability and fit pass */
.topbar .brand:after{display:none!important}
.top-actions>.icon-button,.top-actions .notification-wrap>.icon-button,.top-actions>.profile-button{
  border-radius:11px!important;border:1px solid var(--border)!important;background:var(--panel2)!important;
  box-shadow:inset 0 1px 0 #ffffff66,inset 0 2px 0 #ffffff12,0 2px 5px #00000014!important
}
html[data-theme=light] .top-actions>.icon-button,html[data-theme=light] .top-actions .notification-wrap>.icon-button,html[data-theme=light] .top-actions>.profile-button{box-shadow:inset 0 1px 0 #fff,inset 0 2px 0 #ffffff7a,0 2px 5px #1d27300b!important}
.top-actions>.icon-button i,.top-actions .notification-wrap>.icon-button i,.top-actions>.profile-button i,#theme-toggle i.fa-sun,#theme-toggle i.fa-moon{font-size:14px!important;width:16px!important;height:16px!important;line-height:16px!important}
.top-search-wrap>.filter-nav-button{border:0!important;border-left:1px solid var(--border)!important;border-radius:0 999px 999px 0!important;background:transparent!important;box-shadow:none!important}
.sidebar-filter-popover{position:fixed!important;top:var(--header)!important;left:var(--sidebar)!important;right:0!important;width:auto!important;max-width:none!important;min-height:76px!important;padding:13px 22px!important;border:0!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;backdrop-filter:blur(18px);box-shadow:0 14px 30px #0002!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;z-index:130!important}
.sidebar-filter-popover[hidden]{display:none!important}.sidebar-filter-popover header{display:flex;align-items:center;gap:10px!important}.sidebar-filter-popover header button{box-shadow:none!important}.sidebar-filter-popover>p:not(.filter-feedback){display:none!important}.sidebar-filter-popover .filter-chips{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding:2px!important}.sidebar-filter-popover .filter-chips button{white-space:nowrap!important;padding:9px 13px!important;border-radius:9px!important}.sidebar-filter-popover .filter-feedback{margin:0!important;white-space:nowrap!important;font-size:10px!important}.sidebar-filter-popover .filter-feedback.error{color:#e05c67!important}

/* Subtle icon finish; never on brand, favorites, folders, or small utility actions. */
.runner-icon-box,.tool-icon,.tool-link-icon,.notification-app-icon,.sidebar .category-icon{box-shadow:inset 0 1px 0 #ffffff70,inset 0 2px 0 #ffffff14,0 2px 4px #0001!important}
.runner-icon-box:after,.tool-icon:after,.tool-link-icon:after,.notification-app-icon:after,.sidebar .category-icon:after{background:linear-gradient(180deg,#ffffff24,transparent 28%)!important;box-shadow:inset 0 1px 0 #ffffff70!important}
.collection-action,.favorite-remove,.workspace-reorder,.workspace-expand,.workspace-rename,.drawer-close,.guide-close,[class*="share-results"],[aria-label*="Share results"]{box-shadow:none!important}

/* One-screen welcome, with no accidental page scroll. */
body:has(#welcome-page){overflow:hidden!important}.welcome-page{height:calc(100dvh - var(--header))!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:18px!important;padding:20px clamp(20px,3vw,44px)!important}.welcome-hero{min-height:0!important;height:auto!important;align-content:center!important}.welcome-page .premium-welcome{min-height:170px!important;max-height:215px!important;margin:0!important;padding:24px clamp(26px,3vw,44px)!important}.welcome-page .premium-story h2{font-size:clamp(28px,3vw,43px)!important;margin:5px 0!important}.welcome-page .premium-story p{margin:6px 0!important;line-height:1.5!important}.welcome-page .premium-story small{margin-top:5px!important}

/* Tool header and app canvas are separate layers with a clean gap. */
.tool-app-mode .runner-page{gap:14px!important;padding-top:14px!important}.tool-app-mode .runner-header{border:0!important;border-bottom:0!important;padding:0!important;min-height:56px!important}.tool-app-mode .tool-frame-wrap{border-radius:16px!important}.runner-header:after,.runner-header:before{display:none!important}.drawer-close,.guide-close{filter:none!important}

/* Favorites uses the standard directory card proportions and a real visual hero. */
.favorites-directory{height:calc(100dvh - var(--header))!important;overflow:auto!important;padding-top:20px!important}.favorites-hero-v71{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;min-height:165px;margin-bottom:22px;padding:24px 30px;border:1px solid var(--border);border-radius:23px;background:radial-gradient(circle at 88% 22%,#d4618e31,transparent 34%),linear-gradient(125deg,#d4618e12,#9875c016),var(--panel);overflow:hidden}.favorites-hero-v71 h1{margin:7px 0!important}.favorites-hero-v71 .collection-intro,.favorites-hero-v71 .guest-note{max-width:650px;margin:3px 0!important}.favorites-hero-art{position:absolute;right:45px;top:50%;width:150px;height:120px;transform:translateY(-50%);display:grid;place-items:center;color:#d45f8d}.favorites-hero-art>i{font-size:76px;filter:drop-shadow(0 14px 22px #d45f8d35)}.favorites-hero-art span{position:absolute;font-size:17px}.favorites-hero-art span:nth-child(2){left:4px;top:5px}.favorites-hero-art span:nth-child(3){right:0;top:26px}.favorites-hero-art span:nth-child(4){left:25px;bottom:0}.favorites-directory .tool-grid{gap:10px!important;padding-bottom:24px!important}.favorites-directory .tool-card-wrap{min-height:72px!important;transition:opacity .22s ease,transform .22s ease,max-height .22s ease;margin .22s ease;max-height:90px}.favorites-directory .tool-card-wrap>.tool-card{min-height:72px!important;padding:10px 38px 10px 10px!important;grid-template-columns:42px minmax(0,1fr)!important;column-gap:10px!important}.favorites-directory .tool-card .tool-icon{width:42px!important;height:42px!important}.favorites-directory .tool-card h3{font-size:13px!important;margin:0!important}.favorites-directory .tool-card p{font-size:10px!important;line-height:1.35!important;margin:3px 0 0!important}.favorites-directory .favorite-remove{right:9px!important;width:25px!important;height:25px!important;border:0!important;background:transparent!important;color:#ce6382!important}.favorites-directory .tool-card-wrap.is-removing{opacity:0;transform:scale(.97);max-height:0!important;margin:0!important;overflow:hidden}.favorites-directory .section-title{margin:18px 0 5px!important}

/* Workspace controls stay quiet until needed. */
.collection-page{position:relative}.workspace-rename{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 0 0 10px;vertical-align:middle;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.collection-page>h1:has(+.workspace-rename){display:inline-block}.workspace-delete{display:block;margin:34px 0 8px auto;padding:8px 11px;border:0;background:transparent;color:#df5c68;font:inherit;font-size:10px;cursor:pointer}.workspace-delete:hover{text-decoration:underline}.workspace-sorting{user-select:none;cursor:grabbing}.workspace-live-tool.is-dragging{opacity:.68;transform:scale(.99)}.workspace-live-tool.is-drop-target{outline:2px solid #78b9ae;outline-offset:4px}.workspace-reorder{cursor:grab!important}

/* Premium is centered below the header; cards size to content instead of stretching. */
.premium-page-v70{height:calc(100dvh - var(--header))!important;min-height:0!important;overflow:hidden!important;padding:22px clamp(22px,3vw,44px)!important;display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:18px!important}.premium-intro-v70{padding:20px 26px!important;min-height:0!important}.premium-plans-v70{align-items:start!important;min-height:0!important}.premium-plan-v70{height:auto!important;min-height:315px!important;overflow:visible!important;padding:20px!important}.premium-plan-v70 .xp-primary,.premium-plan-v70 .xp-secondary{margin-top:14px!important}

/* The legal footer lives inside the sidebar rather than floating over the app. */
.sidebar>.site-legal-footer{position:static!important;width:auto!important;margin:20px 16px 10px!important;padding:14px 2px 0!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;display:block!important}.sidebar>.site-legal-footer:before{display:none!important}.sidebar>.site-legal-footer nav{display:flex!important;gap:14px!important;margin-bottom:7px}.sidebar>.site-legal-footer a{font-size:10px!important}.sidebar>.site-legal-footer small{font-size:8px!important}.sidebar{padding-bottom:12px!important}.destination-page{padding-bottom:24px!important}

/* How-to numbering and glyphs share the same visual baseline. */
.drawer-tool-guide>li{align-items:center!important}.drawer-guide-icon{align-self:center!important;margin-top:0!important}.drawer-tool-guide h3:before{line-height:1!important;margin-bottom:7px!important}

@media(max-height:780px){.premium-page-v70{padding-top:14px!important;padding-bottom:14px!important;gap:12px!important}.premium-intro-v70{padding:14px 20px!important}.premium-plan-v70{min-height:285px!important;padding:15px 18px!important}.premium-plan-v70 ul{margin:6px 0!important}.welcome-page .premium-welcome{min-height:145px!important}.welcome-hero h1{font-size:clamp(42px,6vw,72px)!important}}
@media(max-width:800px){.sidebar-filter-popover{left:0!important}.favorites-hero-v71{grid-template-columns:1fr}.favorites-hero-art{opacity:.25}.premium-page-v70{overflow:auto!important;align-content:start!important}.premium-plans-v70{grid-template-columns:1fr!important}.welcome-page{overflow:auto!important;height:auto!important}.welcome-page .premium-welcome{max-height:none!important}}
.welcome-page{box-sizing:border-box!important}
.favorites-hero-copy{min-width:0;align-self:center}
body:has(#welcome-page:not([hidden])) .dashboard-page{height:calc(100dvh - var(--header))!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}
.workspace-sorting .workspace-live-frame{pointer-events:none!important}
.favorites-directory{padding-top:36px!important}
.favorites-directory .tool-card h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.12!important}