/* Shared navy, mint and lavender palette for the tool directory. */
body.catalog-home{color-scheme:dark;background:#0b1120!important;background-image:radial-gradient(ellipse at 90% 5%,#30245080,transparent 40%),radial-gradient(ellipse at 0 45%,#103c432b,transparent 40%)!important;color:#d7e0f2!important}
body.catalog-home .catalog-brand a{color:#f2f5ff!important}
body.catalog-home .catalog-brand>span{color:#aab9d2;background:#ffffff04;border-color:#ffffff14}
body.catalog-home .site-wrap>header.site-hero{border:1px solid #ffffff12;background:linear-gradient(118deg,#12213d,#242958 65%,#333367);box-shadow:0 18px 45px #02071630}
body.catalog-home #toolCatalog #catalogSearch{background:#131d32!important;color:#edf4ff!important;border-color:#ffffff16!important;box-shadow:0 4px 20px #0000000a!important}
body.catalog-home #catalogSearch::placeholder{color:#8f9fbd;opacity:1}
body.catalog-home .catalog-search>svg{stroke:#9bafd1}
body.catalog-home #toolCatalog #catalogSearch:focus{border-color:#8ee7ca!important;outline:3px solid #8ee7ca20!important}
body.catalog-home #toolCatalog .catalog-filter{color:#aebed9;background:#131d30;border-color:#ffffff12;box-shadow:none}
body.catalog-home #toolCatalog .catalog-filter:hover{background:#1d2b43;color:#fff}
body.catalog-home #toolCatalog .catalog-filter[aria-pressed=true]{background:#91edce;color:#12213a;border-color:#91edce;box-shadow:0 4px 18px #91edce0d}
body.catalog-home #catalogHeading{color:#f2f5ff!important}
body.catalog-home #catalogCount{color:#9bacc9!important}
body.catalog-home #toolCatalog .catalog-motion-toggle{color:#aebed9;background:#ffffff04;border-color:#ffffff14}
body.catalog-home #toolCatalog .tool-card{--accent:#b8a7ff;--tint:#252441;background:linear-gradient(145deg,#172239,#10192c)!important;border-color:#ffffff0f!important;box-shadow:0 5px 18px #0000000c!important}
body.catalog-home #toolCatalog .tool-card[data-category=pdf]{--accent:#f19bab;--tint:#382637}
body.catalog-home #toolCatalog .tool-card[data-category=image]{--accent:#baa9ff;--tint:#292640}
body.catalog-home #toolCatalog .tool-card[data-category=media]{--accent:#efbd8a;--tint:#352e2e}
body.catalog-home #toolCatalog .tool-card[data-category=network]{--accent:#8de5d4;--tint:#173636}
body.catalog-home #toolCatalog .tool-card[data-category=utility]{--accent:#b4b5ff;--tint:#292d48}
body.catalog-home #toolCatalog .tool-card[data-category=text]{--accent:#9ac8ee;--tint:#20344b}
body.catalog-home #toolCatalog .tool-card[data-category=smart]{--accent:#e5a8dc;--tint:#352940}
body.catalog-home #toolCatalog .tool-card[data-category=seo]{--accent:#91dbb2;--tint:#203931}
body.catalog-home #toolCatalog .tool-card:hover,body.catalog-home #toolCatalog .tool-card:focus-visible{border-color:var(--accent)!important;box-shadow:0 15px 35px #00000025!important}
body.catalog-home #toolCatalog .tool-card__icon{background:linear-gradient(135deg,var(--tint),#182238)!important;border-color:#ffffff12!important;color:var(--accent);box-shadow:0 5px 16px #00000018!important}
body.catalog-home #toolCatalog .tool-card__arrow{color:#9aaecd;background:#ffffff04;border-color:#ffffff12}
body.catalog-home #toolCatalog .tool-card h3{color:#edf3ff!important}
body.catalog-home #toolCatalog .tool-card p{color:#a9b8d2!important}
body.catalog-home #toolCatalog .tool-card__category{color:var(--accent)}
body.catalog-home .tool-card::after{background:linear-gradient(115deg,transparent 20%,#ffffff0e 45%,transparent 65%)}
body.catalog-home #catalogEmpty{background:#142037;border-color:#ffffff14;color:#becce2}
body.catalog-home #catalogReset{background:#91edce;color:#12213a}
body.catalog-home .site-footer__faq{background:#111b2e!important;border-color:#ffffff12!important;box-shadow:none!important}
body.catalog-home .site-footer__faq h2{color:#f0f4ff!important}
body.catalog-home .site-footer__faq details{border-bottom-color:#ffffff0d!important}
body.catalog-home .site-footer__faq summary{color:#bdcce3!important}
body.catalog-home .site-footer__faq details p{color:#a6b8d3!important}
body.catalog-home .site-footer__copy{color:#8ea3c3!important}
body.catalog-home .site-footer__copy a{color:#a9ebd6!important}
body.catalog-home .catalog-filters{scrollbar-color:#3d526f transparent}
body.catalog-home .atelier-board{background:linear-gradient(145deg,#2c3b5a,#202b48);border-color:#ffffff25;box-shadow:0 28px 45px #02071655}
body.catalog-home .atelier-board__bar{border-bottom-color:#ffffff14}
body.catalog-home .atelier-board__bar span{background:#68749c}
body.catalog-home .atelier-board__bar small{color:#a6b4d5}
body.catalog-home .atelier-board__title{color:#edf3ff}
body.catalog-home .atelier-tile{background:#403b67;color:#c6b7ff}
body.catalog-home .atelier-tile:nth-child(2){background:#254c4b;color:#9be8d2}
body.catalog-home .atelier-tile:nth-child(3){background:#53384e;color:#f0b1c1}
body.catalog-home .atelier-board__footer{background:#465271}
body.catalog-home .atelier-float{background:#204342;color:#c4f4e7;border-color:#76cbb938}
body.catalog-home .atelier-float svg{stroke:#96e7d0}
body.catalog-home .atelier-float--top{background:#433a67;color:#e1d7ff;border-color:#b19beb40}
body.catalog-home .atelier-float--top svg{stroke:#c6b1ff}
/* Keep the tool workspace in the same dark system as the catalog. */
html{color-scheme:dark;background:#0b1120!important}body:not(.catalog-home){--neu-bg-primary:#111b2e;--neu-bg-secondary:#0d1728;--neu-surface:#142037;--neu-surface-2:#101a2d;--neu-shadow-dark:#050a13;--neu-shadow-light:#1d2b43;--neu-text:#edf3ff;--neu-muted:#a9b8d2;--surface:#142037;--surface-2:#101a2d;--border:#ffffff14;--border-light:#ffffff18;--studio-ink:#edf3ff;--studio-accent:#a99cff;--studio-mint:#8de5d4;color:#d7e0f2!important;background:radial-gradient(ellipse at 90% 5%,#30245080,transparent 40%),radial-gradient(ellipse at 0 45%,#103c432b,transparent 40%),#0b1120!important}body:not(.catalog-home) .site-wrap,body:not(.catalog-home) .site-wrap>header.site-hero{background:transparent!important;color:#edf3ff!important}body:not(.catalog-home) .site-hero__title,body:not(.catalog-home) .glass h2,body:not(.catalog-home) h3,body:not(.catalog-home) .topbar-title,body:not(.catalog-home) .brand-title{color:#edf3ff!important}body:not(.catalog-home) .studio-eyebrow,body:not(.catalog-home) .studio-intro,body:not(.catalog-home) .site-hero__lead,body:not(.catalog-home) .info,body:not(.catalog-home) label,body:not(.catalog-home) .table-muted,body:not(.catalog-home) .video-note,body:not(.catalog-home) .tl-small,body:not(.catalog-home) .tl-hint{color:#a9b8d2!important}
body:not(.catalog-home) .shell.shell--mega,body:not(.catalog-home) .shell,body:not(.catalog-home) .glass,body:not(.catalog-home) .tl-panel,body:not(.catalog-home) .code-box,body:not(.catalog-home) .table-wrap,body:not(.catalog-home) .template-card,body:not(.catalog-home) .video-meta .meta-card,body:not(.catalog-home) .download-status,body:not(.catalog-home) .hc-toolbar,body:not(.catalog-home) .wc-stat{background:linear-gradient(145deg,#142037,#0f192b)!important;border-color:#ffffff14!important;box-shadow:0 16px 42px #02071645!important;color:#d7e0f2!important}body:not(.catalog-home) .mega-nav{--mn-text:#edf3ff;--mn-muted:#a9b8d2;--mn-border:#ffffff14;--mn-surface:#111b2e;--mn-hover:#ffffff0a;--mn-accent:#91edce;background:#111b2e!important;border-bottom-color:#ffffff12!important}body:not(.catalog-home) .mega-nav__toggle,body:not(.catalog-home) .mega-nav__close,body:not(.catalog-home) .mega-nav__mobile-btn{background:#18253c!important;color:#edf3ff!important;border-color:#ffffff14!important}body:not(.catalog-home) .mega-nav__search-wrap{background:#0d1728!important;border-color:#ffffff16!important;box-shadow:inset 0 1px 6px #02071666!important}body:not(.catalog-home) #megaNavPanel{--mn-text:#edf3ff;--mn-muted:#a9b8d2;--mn-border:#ffffff14;--mn-accent:#91edce;--mn-surface:#111b2e;background:#111b2e!important;border-color:#ffffff18!important;box-shadow:0 24px 90px #020716aa!important}body:not(.catalog-home) #megaNavPanel .mega-nav__panel-head,body:not(.catalog-home) #megaNavPanel .mega-nav__tabs,body:not(.catalog-home) #megaNavPanel .mega-nav__col{background:#111b2e!important;border-color:#ffffff10!important}body:not(.catalog-home) #megaNavPanel .mega-tab,body:not(.catalog-home) #megaNavPanel .mega-nav__link,body:not(.catalog-home) #megaNavPanel .nav-tool{color:#c8d4e9!important}body:not(.catalog-home) #megaNavPanel .mega-tab.is-active,body:not(.catalog-home) #megaNavPanel .mega-nav__link:hover,body:not(.catalog-home) #megaNavPanel .nav-tool:hover{background:#1d2b43!important;color:#91edce!important}
body:not(.catalog-home) input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body:not(.catalog-home) textarea,body:not(.catalog-home) select,body:not(.catalog-home) #tableOutput,body:not(.catalog-home) .tl-text,body:not(.catalog-home) .calendar-input{background:#0d1728!important;color:#edf3ff!important;border-color:#ffffff18!important;box-shadow:inset 0 1px 6px #02071666!important}body:not(.catalog-home) input::placeholder,body:not(.catalog-home) textarea::placeholder{color:#7183a2!important}body:not(.catalog-home) input:focus,body:not(.catalog-home) textarea:focus,body:not(.catalog-home) select:focus{outline-color:#91edce!important;border-color:#91edce!important}body:not(.catalog-home) select option{background:#111b2e;color:#edf3ff}body:not(.catalog-home) .drop,body:not(.catalog-home) .drop.img-tool-upload,body:not(.catalog-home) .drop.pdf-tool-upload{background:#101b2e!important;color:#d7e0f2!important;border-color:#8de5d455!important;box-shadow:none!important}body:not(.catalog-home) .drop:hover{background:#15253a!important;border-color:#8de5d4aa!important}body:not(.catalog-home) .drop p,body:not(.catalog-home) .drop strong,body:not(.catalog-home) .drop small{color:#d7e0f2!important}body:not(.catalog-home) .button:not(.primary),body:not(.catalog-home) .button.secondary{background:#18253c!important;color:#dce6f7!important;border-color:#ffffff18!important;box-shadow:none!important}body:not(.catalog-home) .button.primary,body:not(.catalog-home) .button:not(.secondary){background:linear-gradient(125deg,#7568df,#5f54c7)!important;color:#fff!important;border-color:transparent!important}
body:not(.catalog-home) .network-result,body:not(.catalog-home) .network-guides details,body:not(.catalog-home) .secure-qr-note,body:not(.catalog-home) pre{background:#0d1728!important;color:#c8d4e9!important;border-color:#ffffff14!important}body:not(.catalog-home) .network-result pre{background:#09111f!important;color:#dce6f7!important}body:not(.catalog-home) .network-note,body:not(.catalog-home) .network-guides p,body:not(.catalog-home) .secure-qr-note{color:#a9b8d2!important}body:not(.catalog-home) .wifi-qr-preview,body:not(.catalog-home) .protected-qr-preview,body:not(.catalog-home) [id^="imgPrev-"]:not(:empty){background:#fff!important}body:not(.catalog-home) table{color:#d7e0f2!important}body:not(.catalog-home) th{background:#18253c!important;color:#edf3ff!important}body:not(.catalog-home) td{border-color:#ffffff10!important}body:not(.catalog-home) .site-footer__faq{background:#111b2e!important;border-color:#ffffff12!important;box-shadow:none!important}body:not(.catalog-home) .site-footer__faq h2,body:not(.catalog-home) .site-footer__faq summary{color:#d7e0f2!important}body:not(.catalog-home) .site-footer__faq details{border-color:#ffffff10!important;background:transparent!important}body:not(.catalog-home) .site-footer__faq p,body:not(.catalog-home) .site-footer__copy{color:#91a4c2!important}body:not(.catalog-home) .studio-shortcuts a{background:#142037!important;border-color:#ffffff14!important;color:#edf3ff!important;box-shadow:none!important}body:not(.catalog-home) .studio-shortcuts a:hover{background:#1d2b43!important;border-color:#8de5d466!important}body:not(.catalog-home) .studio-shortcuts small{color:#9bacc9!important}body:not(.catalog-home) .studio-shortcuts svg{stroke:#a99cff!important}
body:not(.catalog-home) .seo-tools-pill{background:#111b2e!important;color:#dce6f7!important;border-color:#ffffff2b!important;box-shadow:none!important}body:not(.catalog-home) .seo-tools-pill:hover{background:#1d2b43!important;color:#fff!important;border-color:#a99cff99!important}body:not(.catalog-home) .seo-tools-pill.active{background:linear-gradient(135deg,#7568df,#5b4fbd)!important;color:#fff!important;border-color:#b8adff!important;box-shadow:0 5px 16px #02071666,0 0 0 2px #a99cff22!important}body:not(.catalog-home) .seo-tools-pill.active i{color:#fff!important}
body:not(.catalog-home) .site-footer__faq{gap:4px 16px!important;padding:30px 26px 28px!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced{position:relative;margin:0!important;padding:0 14px!important;border:1px solid transparent!important;border-bottom-color:#ffffff12!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,margin .22s ease!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced summary{padding:14px 0!important;min-height:48px;color:#edf3ff!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced:hover{background:#ffffff05!important;border-color:#ffffff12!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced[open]{margin:4px 0 10px!important;background:linear-gradient(145deg,#19263c,#141f33)!important;border-color:#8de5d438!important;box-shadow:inset 3px 0 0 #8de5d4,0 10px 24px #02071638!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced[open] summary{padding-bottom:12px!important;color:#fff!important;border-bottom:1px solid #ffffff12!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced[open] summary::after{color:#8de5d4}body:not(.catalog-home) .site-footer__faq details.faq-enhanced p{margin:0!important;padding:14px 0 18px!important;color:#aebed7!important;line-height:1.7!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced a{color:#9debd5!important}@media(max-width:700px){body:not(.catalog-home) .site-footer__faq{grid-template-columns:1fr!important;padding:24px 16px!important;gap:2px!important}body:not(.catalog-home) .site-footer__faq details.faq-enhanced[open]{margin:4px 0 8px!important}}
.site-hero__meta{width:fit-content;max-width:100%;padding:6px!important;gap:6px!important;border:1px solid #ffffff12;border-radius:999px;background:#09142599;box-shadow:inset 0 1px 0 #ffffff0a,0 10px 26px #02071624;backdrop-filter:blur(12px)}.site-hero__pill{min-height:32px;padding:7px 12px!important;border:1px solid #ffffff12!important;border-radius:999px!important;background:#ffffff08!important;color:#aebed7!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.015em!important}.site-hero__pill b{color:#c2b7ff!important}.site-hero__pill::before{box-shadow:0 0 10px currentColor}.site-hero .share-bar-host{min-height:32px!important}.site-hero .share-bar{gap:5px!important}.site-hero .share-bar__btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:1px solid #ffffff16!important;border-radius:999px!important;background:#ffffff08!important;box-shadow:none!important;transition:transform .18s ease,background-color .18s ease,border-color .18s ease!important}.site-hero .share-bar__btn:hover{transform:translateY(-2px);background:#ffffff12!important;border-color:#ffffff2c!important;box-shadow:0 7px 16px #02071638!important}.site-hero .share-bar__btn:focus-visible{outline:2px solid #91edce!important;outline-offset:2px!important}.site-hero .share-bar__btn--tw svg{fill:#eef3fb!important}.site-hero .share-bar__btn--copy svg{fill:#aebed7!important}@media(max-width:700px){.site-hero__meta{width:100%;border-radius:18px;justify-content:flex-start!important;padding:7px!important}.site-hero__pill{flex:1 1 auto;justify-content:center}.site-hero .share-bar-host{flex:1 1 100%}.site-hero .share-bar{width:100%;justify-content:center}}
.site-footer__faq{gap:4px 16px!important;padding:30px 26px 28px!important}.site-footer__faq details.faq-enhanced{position:relative;margin:0!important;padding:0 14px!important;border:1px solid transparent!important;border-bottom-color:#ffffff12!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,margin .22s ease!important}.site-footer__faq details.faq-enhanced summary{padding:14px 0!important;min-height:48px;color:#edf3ff!important}.site-footer__faq details.faq-enhanced:hover{background:#ffffff05!important;border-color:#ffffff12!important}.site-footer__faq details.faq-enhanced[open]{margin:4px 0 10px!important;background:linear-gradient(145deg,#19263c,#141f33)!important;border-color:#8de5d438!important;box-shadow:inset 3px 0 0 #8de5d4,0 10px 24px #02071638!important}.site-footer__faq details.faq-enhanced[open] summary{padding-bottom:12px!important;color:#fff!important;border-bottom:1px solid #ffffff12!important}.site-footer__faq details.faq-enhanced[open] summary::after{color:#8de5d4}.site-footer__faq details.faq-enhanced p{margin:0!important;padding:14px 0 18px!important;color:#aebed7!important;line-height:1.7!important}.site-footer__faq details.faq-enhanced a{color:#9debd5!important}@media(max-width:700px){.site-footer__faq{grid-template-columns:1fr!important;padding:24px 16px!important;gap:2px!important}.site-footer__faq details.faq-enhanced[open]{margin:4px 0 8px!important}}
body:not(.catalog-home) .studio-shortcuts{display:none!important}body:not(.catalog-home) .site-wrap>header.site-hero{padding:22px 8px 16px!important}body:not(.catalog-home) .site-hero__inner{gap:10px!important}body:not(.catalog-home) .site-hero__title{font-size:clamp(2rem,4vw,2.8rem)!important}body:not(.catalog-home) .studio-intro{max-width:620px!important;color:#aebed7!important;font-size:14px!important;line-height:1.6!important}body:not(.catalog-home) #main-content .panel.active>.glass>p.info,body:not(.catalog-home) #main-content .panel.active .seo-tool-panel__desc,body:not(.catalog-home) #main-content .panel.active .info{color:#aebed7!important;opacity:1!important}body:not(.catalog-home) #main-content .panel.active>.glass>h2,body:not(.catalog-home) #main-content .panel.active .seo-tool-panel__title{color:#f2f6ff!important}body:not(.catalog-home) #main-content .panel.active>.glass{overflow:hidden}body:not(.catalog-home) #main-content .panel.active>.glass h2{min-width:0;max-width:100%;overflow-wrap:anywhere}body:not(.catalog-home) #main-content .button{align-items:center!important;justify-content:center!important;text-align:center!important}@media(max-width:700px){body:not(.catalog-home) .site-wrap>header.site-hero{padding:18px 8px 12px!important}body:not(.catalog-home) .site-hero__title{font-size:2rem!important}body:not(.catalog-home) .studio-intro{display:none!important}body:not(.catalog-home) #main-content .panel.active>.glass h2{font-size:1.18rem!important;line-height:1.3!important}body:not(.catalog-home) #main-content .panel.active>.glass{padding:16px!important}}
body:not(.catalog-home) .secure-qr-note strong{display:block;margin:0 0 7px;color:#9debd5!important;font-size:15px;font-weight:750;letter-spacing:-.01em}body:not(.catalog-home) .secure-qr-note p{margin:0!important;color:#b5c3d9!important}body:not(.catalog-home) .secure-qr-badge{background:#14362f!important;color:#91edce!important;border:1px solid #8de5d433!important}body:not(.catalog-home) .protected-link-label{color:#dce6f7!important}
/* Collage Studio: dark editor chrome; preserve the artwork canvas itself. */
body:not(.catalog-home) #collage-tab .canva-editor{--canva-bg:#091321;--canva-surface:#111d31;--canva-border:#ffffff17;--canva-text:#edf3ff;--canva-muted:#9eb0ca;--canva-placeholder:#58677e;--canva-placeholder-dark:#35445c;--canva-stage:#080f1c;--canva-purple:#a99cff;--canva-purple-hover:#b9afff;--canva-purple-soft:#a99cff20;background:#091321!important;border:1px solid #ffffff14;box-shadow:0 22px 55px #02071655}
body:not(.catalog-home) #collage-tab .canva-topbar,body:not(.catalog-home) #collage-tab .canva-panel,body:not(.catalog-home) #collage-tab .collage-canvas-toolbar,body:not(.catalog-home) #collage-tab .collage-pool{background:#111d31!important;border-color:#ffffff17!important;color:#edf3ff!important}
body:not(.catalog-home) #collage-tab .canva-topbar{box-shadow:0 1px 0 #ffffff08,0 8px 24px #02071622}
body:not(.catalog-home) #collage-tab .canva-stage{background:#0b1525!important}
body:not(.catalog-home) #collage-tab .canva-btn:not(.canva-btn--primary),body:not(.catalog-home) #collage-tab .collage-cat-btn,body:not(.catalog-home) #collage-tab .collage-toolbar-btn,body:not(.catalog-home) #collage-tab .collage-frame-btn,body:not(.catalog-home) #collage-tab .collage-load-more{background:#18263d!important;border-color:#ffffff1f!important;color:#dce6f7!important;box-shadow:none!important}
body:not(.catalog-home) #collage-tab .canva-btn:not(.canva-btn--primary):hover,body:not(.catalog-home) #collage-tab .collage-cat-btn:hover,body:not(.catalog-home) #collage-tab .collage-toolbar-btn:hover,body:not(.catalog-home) #collage-tab .collage-frame-btn:hover{background:#21314b!important;border-color:#a99cff66!important;color:#fff!important}
body:not(.catalog-home) #collage-tab .canva-btn--primary{background:linear-gradient(135deg,#8274eb,#6659ce)!important;border-color:#a99cff55!important;color:#fff!important;box-shadow:0 7px 18px #5f54c744!important}
body:not(.catalog-home) #collage-tab .collage-cat-btn.active{background:#a99cff22!important;border-color:#a99cff70!important;color:#c9c1ff!important}
body:not(.catalog-home) #collage-tab .collage-cat-btn em,body:not(.catalog-home) #collage-tab .collage-tpl-count{background:#ffffff0b!important;color:#9eb0ca!important}
body:not(.catalog-home) #collage-tab .collage-cat-btn.active em{background:#a99cff22!important;color:#d5d0ff!important}
body:not(.catalog-home) #collage-tab .collage-search,body:not(.catalog-home) #collage-tab .collage-canvas-toolbar select,body:not(.catalog-home) #collage-tab .collage-custom-size input[type=number],body:not(.catalog-home) #collage-tab .canva-panel--right select{background-color:#0b1525!important;border-color:#ffffff1a!important;color:#edf3ff!important}
body:not(.catalog-home) #collage-tab .collage-tpl-card{background:#162238!important;border-color:transparent!important;box-shadow:0 3px 10px #02071640!important}
body:not(.catalog-home) #collage-tab .collage-tpl-card:hover{background:#1b2a43!important;border-color:#a99cff66!important}
body:not(.catalog-home) #collage-tab .collage-tpl-card.selected{border-color:#a99cff!important;box-shadow:0 0 0 3px #a99cff24!important}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio{background-color:#080f1c!important;background-image:linear-gradient(45deg,#101b2d 25%,transparent 25%),linear-gradient(-45deg,#101b2d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#101b2d 75%),linear-gradient(-45deg,transparent 75%,#101b2d 75%)!important;border:1px solid #ffffff0e!important}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio canvas,body:not(.catalog-home) #collage-tab .collage-live-preview,body:not(.catalog-home) #collage-tab .collage-tpl-preview,body:not(.catalog-home) #collage-tab .canva-tpl-preview{background:#fff!important}
body:not(.catalog-home) #collage-tab .canva-panel__body{scrollbar-color:#3d506d transparent}
/* Collage Studio visual hierarchy and spacing refinement. */
@media (min-width:1101px){body:not(.catalog-home) #collage-tab .canva-workspace{grid-template-columns:236px minmax(520px,1fr) 246px}body:not(.catalog-home) #collage-tab .canva-editor{min-height:760px}}
body:not(.catalog-home) #collage-tab .canva-topbar{min-height:66px;padding:13px 18px!important}
body:not(.catalog-home) #collage-tab .canva-brand{font-size:20px;line-height:1.1;letter-spacing:-.025em}
body:not(.catalog-home) #collage-tab .canva-brand-sub{margin-top:3px;color:#8fa1bd!important}
body:not(.catalog-home) #collage-tab .canva-topbar__actions{gap:9px}
body:not(.catalog-home) #collage-tab .canva-btn{min-height:38px;padding:9px 14px;border-radius:10px}
body:not(.catalog-home) #collage-tab .canva-panel__head{min-height:50px;padding:15px 16px 12px;display:flex;align-items:center;justify-content:space-between}
body:not(.catalog-home) #collage-tab .canva-panel__head h4{font-size:14px;letter-spacing:-.01em}
body:not(.catalog-home) #collage-tab .canva-panel__body{padding:15px 14px 20px}
body:not(.catalog-home) #collage-tab .collage-search{height:40px;margin-bottom:12px;border-radius:10px}
body:not(.catalog-home) #collage-tab .collage-categories{gap:7px;margin:0 -2px 14px;padding:2px 2px 8px}
body:not(.catalog-home) #collage-tab .collage-cat-btn{min-width:40px;min-height:32px;justify-content:center;padding:6px 10px;border-radius:9px}
body:not(.catalog-home) #collage-tab .collage-template-grid{gap:12px;align-content:start;padding:1px 4px 8px 1px}
body:not(.catalog-home) #collage-tab .collage-tpl-card{padding:7px;border-radius:11px}
body:not(.catalog-home) #collage-tab .collage-tpl-preview,body:not(.catalog-home) #collage-tab .canva-tpl-preview{border-radius:7px;border-color:#ffffff20!important}
body:not(.catalog-home) #collage-tab .canva-stage{padding:16px 18px 20px;gap:0}
body:not(.catalog-home) #collage-tab .collage-canvas-toolbar{margin-bottom:14px;padding:10px 12px;border-radius:12px;box-shadow:0 8px 24px #02071630}
body:not(.catalog-home) #collage-tab .collage-toolbar-primary{gap:8px 10px}
body:not(.catalog-home) #collage-tab .collage-toolbar-field{gap:7px}
body:not(.catalog-home) #collage-tab .collage-canvas-toolbar select{height:34px;border-radius:8px}
body:not(.catalog-home) #collage-tab .collage-size-label,body:not(.catalog-home) #collage-tab .collage-slot-hint{padding:5px 8px;border-radius:7px;background:#ffffff08;color:#aebdd3!important}
body:not(.catalog-home) #collage-tab .collage-slot-hint{margin-left:auto}
body:not(.catalog-home) #collage-tab .collage-toolbar-actions{gap:7px}
body:not(.catalog-home) #collage-tab .collage-toolbar-btn{width:34px!important;height:34px;padding:0!important;border-radius:8px!important}
body:not(.catalog-home) #collage-tab .collage-toolbar-btn--apply{width:auto!important;padding:0 13px!important}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio{min-height:400px;padding:30px;border-radius:14px!important;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 14px 36px #02071638}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio canvas{box-shadow:0 0 0 1px #fff2,0 18px 48px #0008!important}
body:not(.catalog-home) #collage-tab .collage-canvas-hint{margin:12px auto 10px;padding:9px 12px;max-width:720px;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff05;color:#91a4c0!important;line-height:1.5}
body:not(.catalog-home) #collage-tab .collage-pool-label{margin:3px 0 7px;color:#8294b0!important}
body:not(.catalog-home) #collage-tab .collage-pool{min-height:54px;padding:9px;border-radius:10px}
body:not(.catalog-home) #collage-tab .collage-pool:empty::before{content:"Uploaded photos will appear here";display:flex;align-items:center;justify-content:center;min-height:34px;color:#71839f;font-size:11px}
body:not(.catalog-home) #collage-tab .canva-prop-section{margin-bottom:18px;padding-bottom:16px}
body:not(.catalog-home) #collage-tab .canva-prop-section__title{margin-bottom:13px;color:#a99cff!important}
body:not(.catalog-home) #collage-tab .canva-panel--right label{display:flex;align-items:center;justify-content:space-between;margin:13px 0 7px;color:#dce6f7!important}
body:not(.catalog-home) #collage-tab .canva-panel--right label span{color:#91a4c0;font-variant-numeric:tabular-nums}
body:not(.catalog-home) #collage-tab .canva-panel--right input[type=range]{height:5px;margin:0}
body:not(.catalog-home) #collage-tab .canva-panel--right input[type=color]{height:36px;padding:4px;border-radius:8px;background:#0b1525!important;border:1px solid #ffffff1a}
body:not(.catalog-home) #collage-tab .canva-panel--right select{height:38px;border-radius:8px}
@media(max-width:1100px){body:not(.catalog-home) #collage-tab .canva-workspace{gap:0}body:not(.catalog-home) #collage-tab .canva-stage{padding:16px}body:not(.catalog-home) #collage-tab .canva-panel__body{padding:16px}body:not(.catalog-home) #collage-tab .collage-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:360px}body:not(.catalog-home) #collage-tab .canva-panel--right .canva-panel__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body:not(.catalog-home) #collage-tab .canva-prop-section{margin:0}}
@media(max-width:700px){body:not(.catalog-home) #collage-tab .canva-topbar{padding:15px!important}body:not(.catalog-home) #collage-tab .collage-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.catalog-home) #collage-tab .canva-panel--right .canva-panel__body{grid-template-columns:1fr}body:not(.catalog-home) #collage-tab .canva-stage{padding:10px}body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio{min-height:250px;padding:15px 10px;border-radius:10px!important}body:not(.catalog-home) #collage-tab .collage-size-label,body:not(.catalog-home) #collage-tab .collage-slot-hint{font-size:11px}}
body:not(.catalog-home) #collage-tab .collage-pool[hidden],body:not(.catalog-home) #collage-tab .collage-pool-label[hidden],body:not(.catalog-home) #collage-tab .collage-status[hidden]{display:none!important}
body:not(.catalog-home) #collage-tab .collage-status:not([hidden]){width:fit-content;max-width:100%;margin:10px 0 0;padding:8px 11px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff06;color:#aebdd3!important}
body:not(.catalog-home) #collage-tab .collage-status:has(.collage-status--err){border-color:#fb718544;background:#4c182333}
/* Translator: remove inherited light strips and restore edge-to-edge card structure. */
body:not(.catalog-home) #translate-tab .tl-panel{padding:0!important;background:linear-gradient(145deg,#111d31,#0d1728)!important;border-color:#ffffff16!important;box-shadow:0 14px 34px #02071638!important}
body:not(.catalog-home) #translate-tab .tl-head{margin:0!important;padding:12px 14px!important;background:#16233a!important;border:0!important;border-bottom:1px solid #ffffff12!important;color:#edf3ff!important}
body:not(.catalog-home) #translate-tab .tl-foot{margin:0!important;padding:12px 14px!important;background:#101b2e!important;border:0!important;border-top:1px solid #ffffff12!important;color:#d7e0f2!important}
body:not(.catalog-home) #translate-tab .tl-small{color:#dce6f7!important;opacity:1!important}
body:not(.catalog-home) #translate-tab .tl-hint,body:not(.catalog-home) #translate-tab .tl-count{color:#9fb0ca!important;opacity:1!important}
body:not(.catalog-home) #translate-tab .tl-status{color:#91edce!important;opacity:1!important}
body:not(.catalog-home) #translate-tab .tl-text{display:block;margin:0!important;min-height:260px;padding:17px!important;background:#0b1525!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#edf3ff!important}
body:not(.catalog-home) #translate-tab .tl-text::placeholder{color:#7183a2!important}
body:not(.catalog-home) #translate-tab .tl-icon{background:#0c1729!important;border-color:#ffffff18!important;color:#a99cff!important;box-shadow:0 5px 14px #02071655!important}
body:not(.catalog-home) #translate-tab .tl-foot #translateBtn{width:auto!important;min-width:190px;min-height:44px;margin-left:auto}
@media(max-width:560px){body:not(.catalog-home) #translate-tab .tl-head{padding:10px 12px!important}body:not(.catalog-home) #translate-tab .tl-foot{padding:11px 12px!important}body:not(.catalog-home) #translate-tab .tl-foot #translateBtn{width:100%!important;min-width:0;margin-left:0}}
@media(max-width:700px){body:not(.catalog-home) #translate-tab .tl-bar{gap:8px;margin:12px 0 14px}body:not(.catalog-home) #translate-tab .tl-grid{gap:12px}body:not(.catalog-home) #translate-tab .tl-text{min-height:220px!important}body:not(.catalog-home) #translate-tab .tl-panel:first-child .tl-foot{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important}body:not(.catalog-home) #translate-tab .tl-panel:first-child .tl-hint{min-width:0;font-size:12px!important;line-height:1.35}body:not(.catalog-home) #translate-tab .tl-panel:first-child .tl-count{flex:0 0 auto;font-size:12px!important}}
@media(max-width:400px){body:not(.catalog-home) #translate-tab .glass{padding:14px!important}body:not(.catalog-home) #translate-tab .tl-pill{min-height:46px;padding:10px 13px}body:not(.catalog-home) #translate-tab .tl-swap{width:42px;height:42px}body:not(.catalog-home) #translate-tab .tl-text{min-height:205px!important}}
/* Case converter: balanced responsive action grid. */
body:not(.catalog-home) #case-tab .case-op-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 18px!important;align-items:stretch!important}
body:not(.catalog-home) #case-tab .case-op-btn{display:flex!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:10px 12px!important;justify-content:flex-start!important;gap:10px!important;border-radius:13px!important;background:#111d31!important;border:1px solid #ffffff24!important;color:#edf3ff!important;box-shadow:none!important;line-height:1.25;text-align:left;white-space:normal}
body:not(.catalog-home) #case-tab .case-op-btn:hover{transform:translateY(-2px);background:#18263d!important;border-color:#a99cff88!important;box-shadow:0 9px 20px #02071645!important}
body:not(.catalog-home) #case-tab .case-op-btn:active{transform:translateY(0);background:#0c1729!important;box-shadow:inset 0 0 0 1px #a99cff44!important}
body:not(.catalog-home) #case-tab .case-op-btn:focus-visible{outline:2px solid #91edce!important;outline-offset:2px}
body:not(.catalog-home) #case-tab .case-op-ico{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;background:linear-gradient(145deg,#e8e4ff,#cbc3ff)!important;color:#5f46d8!important;box-shadow:none!important}
@media(max-width:820px){body:not(.catalog-home) #case-tab .case-op-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){body:not(.catalog-home) #case-tab .case-op-grid{grid-template-columns:1fr!important;gap:8px!important}body:not(.catalog-home) #case-tab .case-op-btn{min-height:50px!important}}
/* PX to REM reference table: dark striped rows. */
body:not(.catalog-home) #pxrem-tab .table-wrap{background:#0c1627!important;border:1px solid #ffffff14!important;box-shadow:none!important}
body:not(.catalog-home) #pxrem-tab .pxrem-ref{background:#0d1728!important;color:#dce6f7!important}
body:not(.catalog-home) #pxrem-tab .pxrem-ref th{background:#1a2941!important;color:#f1f5ff!important;border-color:#ffffff1f!important}
body:not(.catalog-home) #pxrem-tab .pxrem-ref td{background:#0f1a2c!important;color:#cbd7ea!important;border-color:#ffffff0d!important}
body:not(.catalog-home) #pxrem-tab .pxrem-ref tbody tr:nth-child(even),body:not(.catalog-home) #pxrem-tab .pxrem-ref tbody tr:nth-child(even) td{background:#17243a!important;color:#d7e0f2!important}
body:not(.catalog-home) #pxrem-tab .pxrem-ref tbody tr{transition:background-color .16s ease}
body:not(.catalog-home) #pxrem-tab .pxrem-ref tbody tr:hover td{background:#20314d!important;color:#fff!important}
/* Video downloader: the connection card is the single API bootstrap message. */
body:not(.catalog-home) #video-tab #videoStatus{display:none!important}
/* QR generator: override legacy light-theme typography and controls. */
body:not(.catalog-home) #qr-tab label,body:not(.catalog-home) #qr-tab .qr-color-label{color:#aebdd3!important;font-weight:650!important;opacity:1!important}
body:not(.catalog-home) #qr-tab .qr-pill-btn{background:#111d31!important;color:#d7e0f2!important;border-color:#ffffff2b!important;box-shadow:none!important}
body:not(.catalog-home) #qr-tab .qr-pill-btn i{color:#a99cff!important}
body:not(.catalog-home) #qr-tab .qr-pill-btn:hover{background:#192942!important;color:#fff!important;border-color:#a99cff88!important;box-shadow:0 7px 18px #02071640!important}
body:not(.catalog-home) #qr-tab .qr-pill-btn.active{background:linear-gradient(135deg,#8b4cf6,#6c5ce0)!important;color:#fff!important;border-color:#b7a8ff66!important;box-shadow:0 7px 18px #684cc755!important}
body:not(.catalog-home) #qr-tab .qr-pill-btn.active i{color:#fff!important}
body:not(.catalog-home) #qr-tab .qr-color-field{background:#0d1728!important;border-color:#ffffff18!important;box-shadow:inset 0 1px 6px #02071666!important}
body:not(.catalog-home) #qr-tab .qr-color-field input[type=text]{background:transparent!important;color:#edf3ff!important;-webkit-text-fill-color:#edf3ff!important}
body:not(.catalog-home) #qr-tab #downloadButtons .button{background:#18263d!important;color:#edf3ff!important;border:1px solid #ffffff1f!important;box-shadow:none!important}
body:not(.catalog-home) #qr-tab #downloadButtons .button i{color:#a99cff!important}
body:not(.catalog-home) #qr-tab #downloadButtons .button:hover{background:#21314b!important;border-color:#a99cff77!important;transform:translateY(-1px)}
body:not(.catalog-home) #qr-tab .qr-status-badge{color:#9fb0ca!important}
body:not(.catalog-home) #qr-tab .qr-status-badge strong{color:#91edce!important}
body:not(.catalog-home) #qr-tab #qrStatusBadge>span:not(:first-child){color:#b7c5da!important}
body:not(.catalog-home) #qr-tab #qrStatusBadge>span:nth-child(3),body:not(.catalog-home) #qr-tab #qrStatusBadge>span:nth-child(5){color:#7186a5!important}
body:not(.catalog-home) #qr-tab #qrStatusBadge>div{color:#fbbf24!important}
/* Encoders: compact paired operation selector. */
body:not(.catalog-home) #encoders-tab #encModeRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0 20px!important}
body:not(.catalog-home) #encoders-tab .enc-mode{display:flex!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:10px 14px!important;justify-content:flex-start!important;gap:11px!important;border-radius:13px!important;background:#111d31!important;color:#dce6f7!important;border:1px solid #ffffff24!important;box-shadow:none!important;text-align:left}
body:not(.catalog-home) #encoders-tab .enc-mode::before{content:"↔";display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#a99cff18;color:#b9afff;font-size:12px;font-weight:800}
body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="b64e"]::before,body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="b64d"]::before{content:"64"}
body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="urle"]::before,body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="urld"]::before{content:"%"}
body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="sha256"]{grid-column:1/-1}
body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="sha256"]::before{content:"#"}
body:not(.catalog-home) #encoders-tab .enc-mode:hover{background:#192942!important;color:#fff!important;border-color:#a99cff77!important;transform:translateY(-1px);box-shadow:0 8px 20px #0207163d!important}
body:not(.catalog-home) #encoders-tab .enc-mode.active{background:linear-gradient(135deg,#7f6de4,#6254c8)!important;color:#fff!important;border-color:#b7a8ff66!important;box-shadow:0 7px 18px #5f54c744!important}
body:not(.catalog-home) #encoders-tab .enc-mode.active::before{background:#ffffff1f;color:#fff}
body:not(.catalog-home) #encoders-tab .enc-mode:focus-visible{outline:2px solid #91edce!important;outline-offset:2px}
@media(max-width:520px){body:not(.catalog-home) #encoders-tab #encModeRow{grid-template-columns:1fr!important;gap:8px!important}body:not(.catalog-home) #encoders-tab .enc-mode[data-enc="sha256"]{grid-column:auto}body:not(.catalog-home) #encoders-tab .enc-mode{min-height:50px!important}}

/* Case converter: compact action toolbar with a quieter visual hierarchy. */
body:not(.catalog-home) #case-tab .case-op-grid{gap:8px!important;margin:12px 0 20px!important}
body:not(.catalog-home) #case-tab .case-op-btn{min-height:46px!important;padding:8px 9px!important;gap:7px!important;border-radius:11px!important;background:linear-gradient(145deg,#111d31,#0e192b)!important;border-color:#ffffff1a!important;box-shadow:inset 0 1px 0 #ffffff08!important;font-size:12px!important;font-weight:650!important;line-height:1.15!important;white-space:nowrap!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body:not(.catalog-home) #case-tab .case-op-ico{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:7px!important;background:#a99cff16!important;border:1px solid #a99cff2e!important;color:#b9adff!important;font-size:9px!important;box-shadow:none!important}
body:not(.catalog-home) #case-tab .case-op-btn:hover{transform:translateY(-1px)!important;background:#17253b!important;border-color:#a99cff66!important;box-shadow:0 7px 16px #02071638,inset 0 1px 0 #ffffff0d!important}
body:not(.catalog-home) #case-tab .case-op-btn:active{transform:translateY(0)!important;background:#1b2440!important;border-color:#a99cff99!important;box-shadow:inset 0 0 0 1px #a99cff24!important}
@media(min-width:1051px){body:not(.catalog-home) #case-tab .case-op-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}body:not(.catalog-home) #case-tab .case-op-btn{font-size:clamp(10.5px,.82vw,12px)!important}}
@media(min-width:821px) and (max-width:1050px){body:not(.catalog-home) #case-tab .case-op-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:480px){body:not(.catalog-home) #case-tab .case-op-btn{min-height:46px!important}}

/* Case converter: prevent label clipping and center the final three actions. */
@media(min-width:821px){body:not(.catalog-home) #case-tab .case-op-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}body:not(.catalog-home) #case-tab .case-op-btn{grid-column:span 2!important;font-size:12px!important}body:not(.catalog-home) #case-tab .case-op-btn:nth-child(5){grid-column:2 / span 2!important}}

/* Shared dark-theme checkboxes: visible in every tool and every state. */
body:not(.catalog-home) input[type="checkbox"]{-webkit-appearance:none!important;appearance:none!important;width:17px!important;height:17px!important;min-width:17px!important;margin:0 8px 0 0!important;display:inline-grid!important;place-content:center!important;vertical-align:-3px!important;border:1px solid #60708c!important;border-radius:5px!important;background:#0b1526!important;box-shadow:inset 0 1px 3px #02071699!important;cursor:pointer!important;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important}
body:not(.catalog-home) input[type="checkbox"]::before{content:""!important;width:9px!important;height:5px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:rotate(-45deg) scale(0)!important;transform-origin:center!important;transition:transform .14s ease!important}
body:not(.catalog-home) input[type="checkbox"]:checked{background:linear-gradient(135deg,#8878f0,#6558d4)!important;border-color:#9d91ff!important;box-shadow:0 0 0 3px #7568df22!important}
body:not(.catalog-home) input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)!important}
body:not(.catalog-home) input[type="checkbox"]:hover{border-color:#a99cff!important}
body:not(.catalog-home) input[type="checkbox"]:focus-visible{outline:2px solid #91edce!important;outline-offset:2px!important}
body:not(.catalog-home) input[type="checkbox"]:disabled{cursor:not-allowed!important;opacity:.48!important}

/* Shared tool dropdowns: keep both the closed control and native option popup dark. */
body:not(.catalog-home){color-scheme:dark}
body:not(.catalog-home) select{color-scheme:dark!important;background-color:#0d1728!important;color:#edf3ff!important;border:1px solid #33425d!important;border-radius:11px!important;box-shadow:inset 0 1px 4px #02071666!important;cursor:pointer!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important}
body:not(.catalog-home) select:not([multiple]){-webkit-appearance:none!important;appearance:none!important;padding-right:42px!important;background-image:linear-gradient(45deg,transparent 50%,#a99cff 50%),linear-gradient(135deg,#a99cff 50%,transparent 50%)!important;background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
body:not(.catalog-home) select:hover{background-color:#111e33!important;border-color:#6d629f!important}
body:not(.catalog-home) select:focus-visible{outline:2px solid #91edce!important;outline-offset:2px!important;border-color:#91edce!important;box-shadow:0 0 0 3px #91edce1c,inset 0 1px 4px #02071666!important}
body:not(.catalog-home) select option,body:not(.catalog-home) select optgroup{background:#101a2d!important;color:#edf3ff!important}
body:not(.catalog-home) select option:checked{background:#675bd1!important;color:#fff!important}
body:not(.catalog-home) select:disabled{background-color:#111827!important;color:#71809b!important;cursor:not-allowed!important;opacity:.68!important}

/* Custom dark option popup: native select menus cannot be themed reliably by browsers. */
body:not(.catalog-home) .dark-select-menu{position:fixed;z-index:100000;overflow-y:auto;padding:6px;background:#0d1728;border:1px solid #43516c;border-radius:12px;box-shadow:0 18px 45px #020611cc,0 0 0 1px #ffffff08;color:#edf3ff;color-scheme:dark;overscroll-behavior:contain}
body:not(.catalog-home) .dark-select-option{display:flex;width:100%;min-height:38px;margin:0;padding:8px 11px;align-items:center;border:0;border-radius:8px;background:transparent;color:#dce5f6;font:inherit;font-size:14px;line-height:1.25;text-align:left;cursor:pointer;box-shadow:none}
body:not(.catalog-home) .dark-select-option:hover,body:not(.catalog-home) .dark-select-option:focus-visible{background:#1a2941;color:#fff;outline:0}
body:not(.catalog-home) .dark-select-option.is-selected{background:linear-gradient(125deg,#7568df,#6255cc);color:#fff;font-weight:700}
body:not(.catalog-home) .dark-select-option.is-selected::after{content:"✓";margin-left:auto;padding-left:12px;color:#fff;font-weight:800}
body:not(.catalog-home) .dark-select-option:disabled{color:#687894;cursor:not-allowed;opacity:.65}
body:not(.catalog-home) .dark-select-group{padding:9px 11px 5px;color:#91edce;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body:not(.catalog-home) .dark-select-menu::-webkit-scrollbar{width:9px}
body:not(.catalog-home) .dark-select-menu::-webkit-scrollbar-track{background:#0a1322;border-radius:9px}
body:not(.catalog-home) .dark-select-menu::-webkit-scrollbar-thumb{background:#3c4a68;border:2px solid #0a1322;border-radius:9px}

/* HTML table creator: balanced action layout. */
body:not(.catalog-home) #table-tab .table-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
body:not(.catalog-home) #table-tab .table-actions .button{width:100%!important;min-width:0!important;min-height:46px!important;margin:0!important;justify-content:center!important}
@media(max-width:760px){body:not(.catalog-home) #table-tab .table-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){body:not(.catalog-home) #table-tab .table-actions{grid-template-columns:1fr!important;gap:8px!important}}

/* Holiday Calendar: simplified, results-first workspace. */
body:not(.catalog-home) #holiday-tab>.glass{padding:clamp(22px,3vw,34px)!important}
body:not(.catalog-home) #holiday-tab>.glass>h2{margin:0!important;font-size:clamp(23px,3vw,30px)!important}
body:not(.catalog-home) #holiday-tab>.glass>h2 i{display:inline-grid;place-items:center;width:43px;height:43px;margin-right:8px;border-radius:13px;background:linear-gradient(135deg,#7568df,#5549bd);color:#fff!important;font-size:18px;box-shadow:0 10px 24px #5e52c83d}
body:not(.catalog-home) #holiday-tab>.glass>.info{max-width:760px;margin:10px 0 0!important;color:#93a3bd!important;line-height:1.65}
body:not(.catalog-home) #holiday-tab .hc-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important;margin:22px 0 0!important;padding:18px!important;border:1px solid #ffffff14!important;border-radius:16px!important;background:#0d182a!important;box-shadow:inset 0 1px 0 #ffffff08!important}
body:not(.catalog-home) #holiday-tab .hc-toolbar__range,body:not(.catalog-home) #holiday-tab .hc-toolbar__filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body:not(.catalog-home) #holiday-tab .hc-toolbar label{margin:0 0 7px!important;color:#aab7ce!important;font-size:11px!important;font-weight:750!important}
body:not(.catalog-home) #holiday-tab .hc-toolbar input,body:not(.catalog-home) #holiday-tab .hc-toolbar select{width:100%!important;min-height:45px!important}
body:not(.catalog-home) #holiday-tab .hc-toolbar__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
body:not(.catalog-home) #holiday-tab .hc-toolbar__actions .button{min-height:42px!important;margin:0!important;white-space:nowrap!important}
body:not(.catalog-home) #holiday-tab #hcRefreshBtn{grid-column:1/-1!important;grid-row:1!important}
body:not(.catalog-home) #holiday-tab .hc-layout{display:flex!important;flex-direction:column!important;gap:18px!important;margin-top:18px!important}
body:not(.catalog-home) #holiday-tab .hc-main{display:grid!important;grid-template-columns:minmax(270px,.72fr) minmax(0,1.35fr)!important;gap:14px!important;order:1!important}
body:not(.catalog-home) #holiday-tab .hc-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;order:2!important}
body:not(.catalog-home) #holiday-tab .hc-side:before{content:"Optional tools";grid-column:1/-1;color:#edf3ff;font-size:16px;font-weight:800;margin:5px 0 -3px}
body:not(.catalog-home) #holiday-tab .hc-panel{padding:17px!important;border:1px solid #ffffff14!important;border-radius:15px!important;background:#101b2e!important;box-shadow:none!important}
body:not(.catalog-home) #holiday-tab .hc-panel h4{margin:0 0 14px!important;padding-bottom:11px!important;border-bottom:1px solid #ffffff0e!important;color:#edf3ff!important;font-size:14px!important}
body:not(.catalog-home) #holiday-tab .hc-panel h4 i{color:#a99cff!important}
body:not(.catalog-home) #holiday-tab .hc-panel__head{margin:0 0 12px!important;padding-bottom:11px!important;border-bottom:1px solid #ffffff0e!important}
body:not(.catalog-home) #holiday-tab .hc-panel__head h4{margin:0!important;padding:0!important;border:0!important}
body:not(.catalog-home) #holiday-tab .hc-report-btns .button{min-height:34px!important;padding:7px 10px!important;margin:0!important;font-size:12px!important}
body:not(.catalog-home) #holiday-tab .hc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important}
body:not(.catalog-home) #holiday-tab .hc-stat{padding:13px 8px!important;background:#0c1728!important;border-color:#ffffff10!important}
body:not(.catalog-home) #holiday-tab .hc-range-summary{padding:11px 12px!important;margin-top:10px!important;border-radius:10px!important;background:#0c1728!important}
body:not(.catalog-home) #holiday-tab .hc-list{max-height:430px!important;gap:8px!important;padding-right:5px!important}
body:not(.catalog-home) #holiday-tab .hc-card{padding:12px 13px!important;background:#0c1728!important;border-color:#ffffff10!important;box-shadow:none!important}
body:not(.catalog-home) #holiday-tab .hc-card:hover{transform:none!important;background:#111f34!important;border-color:#7568df55!important}
body:not(.catalog-home) #holiday-tab .hc-note{display:flex;gap:7px;margin:12px 0 0!important;padding-top:11px;border-top:1px solid #ffffff0d;color:#73839f!important;font-size:11px!important;line-height:1.5}
body:not(.catalog-home) #holiday-tab .hc-side .hc-panel{position:relative}
body:not(.catalog-home) #holiday-tab .hc-side .hc-panel label{color:#aab7ce!important;font-size:11px!important}
body:not(.catalog-home) #holiday-tab .hc-side .hc-panel input,body:not(.catalog-home) #holiday-tab .hc-side .hc-panel select{min-height:44px!important}
body:not(.catalog-home) #holiday-tab .hc-side .button.primary{min-height:44px!important}
@media(max-width:980px){body:not(.catalog-home) #holiday-tab .hc-toolbar{grid-template-columns:1fr!important}body:not(.catalog-home) #holiday-tab .hc-toolbar__actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}body:not(.catalog-home) #holiday-tab #hcRefreshBtn{grid-column:auto!important;grid-row:auto!important}body:not(.catalog-home) #holiday-tab .hc-main{grid-template-columns:1fr!important}}
@media(max-width:700px){body:not(.catalog-home) #holiday-tab .hc-side{grid-template-columns:1fr!important}}
@media(max-width:520px){body:not(.catalog-home) #holiday-tab>.glass{padding:16px!important}body:not(.catalog-home) #holiday-tab .hc-toolbar{padding:14px!important}body:not(.catalog-home) #holiday-tab .hc-toolbar__range,body:not(.catalog-home) #holiday-tab .hc-toolbar__filters{grid-template-columns:1fr!important}body:not(.catalog-home) #holiday-tab .hc-toolbar__actions{grid-template-columns:1fr 1fr!important}body:not(.catalog-home) #holiday-tab #hcRefreshBtn{grid-column:1/-1!important}body:not(.catalog-home) #holiday-tab .hc-panel{padding:14px!important}}

/* Shared dark-theme date and time picker indicators. */
body:not(.catalog-home) input[type="date"],body:not(.catalog-home) input[type="datetime-local"],body:not(.catalog-home) input[type="month"],body:not(.catalog-home) input[type="time"],body:not(.catalog-home) input[type="week"]{color-scheme:dark!important}
body:not(.catalog-home) input[type="date"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="datetime-local"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="month"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="time"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="week"]::-webkit-calendar-picker-indicator{width:18px;height:18px;padding:5px;margin-right:2px;border-radius:7px;background-color:#7568df1f;filter:invert(78%) sepia(18%) saturate(611%) hue-rotate(194deg) brightness(111%) contrast(102%);opacity:1;cursor:pointer;transition:background-color .16s ease,filter .16s ease}
body:not(.catalog-home) input[type="date"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="month"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="time"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="week"]::-webkit-calendar-picker-indicator:hover{background-color:#7568df38;filter:invert(88%) sepia(18%) saturate(811%) hue-rotate(108deg) brightness(105%) contrast(91%)}

/* Prominent calendar control: crisp icon replacing the faint browser glyph. */
body:not(.catalog-home) input[type="date"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="datetime-local"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="month"]::-webkit-calendar-picker-indicator,body:not(.catalog-home) input[type="week"]::-webkit-calendar-picker-indicator{box-sizing:content-box!important;width:17px!important;height:17px!important;padding:6px!important;margin-right:1px!important;border:1px solid #9e93ff!important;border-radius:8px!important;background-color:#6659d5!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;filter:none!important;opacity:1!important;box-shadow:0 4px 12px #4d42b266,inset 0 1px 0 #ffffff35!important}
body:not(.catalog-home) input[type="date"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="month"]::-webkit-calendar-picker-indicator:hover,body:not(.catalog-home) input[type="week"]::-webkit-calendar-picker-indicator:hover{background-color:#7a6bea!important;border-color:#bcb4ff!important;filter:none!important;box-shadow:0 5px 15px #6659d58c,inset 0 1px 0 #ffffff45!important}
body:not(.catalog-home) input[type="time"]::-webkit-calendar-picker-indicator{background-color:#6659d5!important;filter:invert(1)!important;border-radius:7px!important;opacity:1!important}

/* Collage Studio: spacious two-zone editor with settings below the canvas. */
@media(min-width:1101px){
body:not(.catalog-home) #collage-tab .canva-editor{min-height:0!important}
body:not(.catalog-home) #collage-tab .canva-workspace{display:grid!important;grid-template-columns:218px minmax(0,1fr)!important;grid-template-areas:"templates stage" "settings settings"!important;align-items:start!important;overflow:visible!important}
body:not(.catalog-home) #collage-tab .canva-panel--left{grid-area:templates!important;max-height:760px!important;border-right:1px solid #ffffff14!important;border-bottom:1px solid #ffffff14!important}
body:not(.catalog-home) #collage-tab .canva-stage{grid-area:stage!important;min-height:760px!important;padding:22px 24px 24px!important;overflow:visible!important}
body:not(.catalog-home) #collage-tab .canva-panel--right{grid-area:settings!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;border-left:0!important;border-top:1px solid #ffffff14!important;overflow:visible!important}
body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__head{align-items:flex-start!important;justify-content:flex-start!important;padding:22px 20px!important;border-right:1px solid #ffffff10!important;border-bottom:0!important}
body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{display:grid!important;grid-template-columns:minmax(320px,1.4fr) minmax(220px,.8fr) minmax(300px,1fr)!important;gap:0!important;padding:0!important;overflow:visible!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-content:start!important;align-items:center!important;gap:10px 12px!important;margin:0!important;padding:20px!important;border-right:1px solid #ffffff10!important;border-bottom:0!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:last-child{border-right:0!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section__title,body:not(.catalog-home) #collage-tab .canva-panel--right .collage-frame-tools h5,body:not(.catalog-home) #collage-tab .canva-panel--right .collage-frame-grid-label,body:not(.catalog-home) #collage-tab .canva-panel--right .collage-frame-grid,body:not(.catalog-home) #collage-tab .canva-panel--right .collage-frame-actions,body:not(.catalog-home) #collage-tab .canva-panel--right .collage-frame-btn{grid-column:1/-1!important}
body:not(.catalog-home) #collage-tab .canva-panel--right label{margin:0!important;font-size:11px!important}
body:not(.catalog-home) #collage-tab .canva-panel--right input[type=range]{min-width:0!important}
body:not(.catalog-home) #collage-tab .canva-panel--right input[type=color],body:not(.catalog-home) #collage-tab .canva-panel--right select{height:40px!important}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio{min-height:590px!important;padding:38px!important;border-radius:16px!important}
body:not(.catalog-home) #collage-tab .collage-canvas-wrapper--studio canvas{max-height:min(68vh,700px)!important}
body:not(.catalog-home) #collage-tab .collage-canvas-hint{margin:10px 0 0!important;max-width:none!important;padding:8px 11px!important;text-align:left!important}
body:not(.catalog-home) #collage-tab .canva-panel--left .canva-panel__body{padding:12px 11px 16px!important}
body:not(.catalog-home) #collage-tab .collage-template-grid{gap:10px!important}
body:not(.catalog-home) #collage-tab .collage-tpl-card{padding:6px!important}
}
body:not(.catalog-home) #collage-tab .canva-topbar{padding:14px 20px!important}
body:not(.catalog-home) #collage-tab .canva-brand-sub{font-size:10px!important}
body:not(.catalog-home) #collage-tab .collage-canvas-toolbar{box-shadow:none!important;border-color:#ffffff12!important;background:#101b2e!important}
@media(max-width:1100px){body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:16px!important}}
@media(max-width:700px){body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{grid-template-columns:1fr!important}}

/* Collage Studio: prevent template and design-control clipping. */
@media(min-width:1101px){
body:not(.catalog-home) #collage-tab .canva-workspace{grid-template-columns:252px minmax(0,1fr)!important}
body:not(.catalog-home) #collage-tab .canva-panel--left .canva-panel__body{padding:13px!important}
body:not(.catalog-home) #collage-tab .collage-search{width:100%!important;min-width:0!important;padding-left:34px!important;font-size:12px!important}
body:not(.catalog-home) #collage-tab .collage-categories{width:100%!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
body:not(.catalog-home) #collage-tab .collage-categories::-webkit-scrollbar{display:none!important}
body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{grid-template-columns:minmax(360px,1.35fr) minmax(270px,.85fr) minmax(320px,1fr)!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2){grid-template-columns:1fr!important;gap:7px!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2) label{margin-top:5px!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2) input[type=color],body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2) select{width:100%!important;min-width:0!important}
}
body:not(.catalog-home) .dark-select-menu[data-select-id="collageTexture"]{min-width:240px!important}

/* Collage Studio final settings pass: one clear header, three balanced groups, no overflow. */
@media(min-width:1101px){
body:not(.catalog-home) #collage-tab .canva-panel--right{display:block!important}
body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__head{min-height:52px!important;padding:16px 20px!important;border-right:0!important;border-bottom:1px solid #ffffff10!important}
body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{display:grid!important;grid-template-columns:minmax(360px,1.15fr) minmax(260px,.8fr) minmax(340px,1.05fr)!important;align-items:start!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section{min-width:0!important;padding:18px 20px!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2){grid-template-columns:90px minmax(0,1fr)!important;gap:10px 12px!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2) .canva-prop-section__title{grid-column:1/-1!important}
body:not(.catalog-home) #collage-tab .canva-panel--right .canva-prop-section:nth-child(2) label{margin:0!important}
}
body:not(.catalog-home) #collage-tab .collage-frame-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
body:not(.catalog-home) #collage-tab .collage-frame-grid label{display:grid!important;grid-template-columns:15px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-width:0!important;width:100%!important}
body:not(.catalog-home) #collage-tab .collage-frame-grid input{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
body:not(.catalog-home) #collage-tab .collage-frame-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body:not(.catalog-home) #collage-tab .collage-frame-actions .collage-frame-btn{grid-column:auto!important;min-width:0!important;margin:0!important}
body:not(.catalog-home) #collage-tab .collage-frame-btn--hint{grid-column:1/-1!important;margin-top:8px!important}
body:not(.catalog-home) #collage-tab .collage-frame-tools{min-width:0!important;overflow:hidden!important}
body:not(.catalog-home) #collage-tab .canva-panel--right input,body:not(.catalog-home) #collage-tab .canva-panel--right select{max-width:100%!important;box-sizing:border-box!important}
body:not(.catalog-home) #collage-tab .collage-search::placeholder{color:#8999b4!important;opacity:1!important}
@media(max-width:1100px) and (min-width:701px){body:not(.catalog-home) #collage-tab .canva-panel--right>.canva-panel__body{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:not(.catalog-home) #collage-tab .collage-frame-tools{grid-column:1/-1!important}}
@media(max-width:700px){body:not(.catalog-home) #collage-tab .collage-frame-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Collage sidebar: keep the header left-aligned and never crop category controls. */

body:not(.catalog-home) #collage-tab .canva-topbar__left{align-items:flex-start!important;text-align:left!important}

body:not(.catalog-home) #collage-tab .collage-categories{flex:0 0 auto!important;min-height:44px!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 10px!important;margin:0 0 12px!important;scroll-snap-type:x proximity;scrollbar-width:thin!important;scrollbar-color:#6f65cf #0b1525!important}

body:not(.catalog-home) #collage-tab .collage-categories::-webkit-scrollbar{display:block!important;height:5px!important}

body:not(.catalog-home) #collage-tab .collage-categories::-webkit-scrollbar-track{background:#0b1525!important;border-radius:999px!important}

body:not(.catalog-home) #collage-tab .collage-categories::-webkit-scrollbar-thumb{background:#6f65cf!important;border-radius:999px!important}

body:not(.catalog-home) #collage-tab .collage-cat-btn{flex:0 0 auto!important;scroll-snap-align:start!important}

body:not(.catalog-home) #collage-tab .collage-template-grid{position:relative!important;flex:1 1 auto!important;min-height:260px!important}

@media(min-width:1101px){body:not(.catalog-home) #collage-tab .canva-topbar{padding-left:20px!important}body:not(.catalog-home) #collage-tab .canva-panel--left{min-width:0!important}body:not(.catalog-home) #collage-tab .canva-panel--left .canva-panel__body{overflow:hidden!important}}

/* Form-field content spacing: consistent readable inset across every tool. */

body:not(.catalog-home) input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]){box-sizing:border-box!important;padding-left:14px!important;padding-right:14px!important}

body:not(.catalog-home) textarea{box-sizing:border-box!important;padding:13px 14px!important;line-height:1.55!important}

body:not(.catalog-home) input::placeholder,body:not(.catalog-home) textarea::placeholder{opacity:1!important}

body:not(.catalog-home) #megaNav input.mega-nav__search,body:not(.catalog-home) #megaNavPanel input.mega-nav__search{padding-left:0!important;padding-right:0!important}

body:not(.catalog-home) #collage-tab .collage-search{padding-left:34px!important}

/* Full-bleed site wrapper requested globally. */

.site-wrap{padding:0!important}

body.catalog-home .site-wrap,body:not(.catalog-home) .site-wrap{padding:0!important}

/* Catalog full-width alignment after the global zero-padding wrapper. */

body.catalog-home .shell.shell--mega{width:100%!important;max-width:100%!important}

body.catalog-home #toolCatalog{width:100%!important;padding-left:0!important;padding-right:0!important}

body.catalog-home .catalog-search{width:100%!important;max-width:none!important}

/* Homepage alignment: every major section shares one centered content line. */
body.catalog-home .catalog-brand,
body.catalog-home .site-wrap>header.site-hero,
body.catalog-home .shell.shell--mega,
body.catalog-home #toolCatalog,
body.catalog-home .site-bottom{
  width:min(1200px,calc(100% - 32px))!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.catalog-home .site-footer__faq,
body.catalog-home .site-footer__copy{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Search alignment: lock the catalog search to the homepage content grid. */
body.catalog-home #toolCatalog>.catalog-search{
  display:block!important;
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto 20px!important;
  box-sizing:border-box!important;
}
body.catalog-home #toolCatalog>.catalog-search #catalogSearch{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Hero hover FX containment: prevent canvas/pseudo layers leaking through rounded edges. */
body.catalog-home .site-wrap>header.site-hero{
  overflow:hidden!important;
  overflow:clip!important;
  clip-path:inset(0 round 30px);
  contain:paint;
}
body.catalog-home .site-wrap>header.site-hero::before,
body.catalog-home .site-wrap>header.site-hero>.header-fx-layer{
  border-radius:inherit!important;
  clip-path:inset(0 round 30px);
}
@media(max-width:420px){
  body.catalog-home .site-wrap>header.site-hero,
  body.catalog-home .site-wrap>header.site-hero::before,
  body.catalog-home .site-wrap>header.site-hero>.header-fx-layer{clip-path:inset(0 round 23px)}
}

/* Exact homepage edge alignment: neutralize inherited shell/footer gutters. */
body.catalog-home .shell.shell--mega,
body.catalog-home .site-bottom{
  padding-left:0!important;
  padding-right:0!important;
}
body.catalog-home #toolCatalog{
  margin-left:0!important;
  margin-right:0!important;
}

/* Optical FAQ alignment: match the visible outer edge of the card grid. */
@media(min-width:701px){
  body.catalog-home .site-footer__faq{
    width:calc(100% + 12px)!important;
    max-width:calc(100% + 12px)!important;
    margin-left:-6px!important;
    margin-right:-6px!important;
  }
}

/* Final homepage grid correction: apply the responsive gutter once, on outer sections only. */
body.catalog-home .shell.shell--mega,
body.catalog-home .site-wrap>header.site-hero,
body.catalog-home .catalog-brand,
body.catalog-home .site-bottom{
  width:min(1200px,calc(100% - 32px))!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.catalog-home #toolCatalog,
body.catalog-home #toolCatalog>.catalog-search,
body.catalog-home #toolCatalog>.catalog-filters,
body.catalog-home #toolCatalog>.catalog-title-row,
body.catalog-home #toolCatalog>.catalog-grid,
body.catalog-home .site-footer,
body.catalog-home .site-footer__faq,
body.catalog-home .site-footer__copy{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Catalog search proportion: centered, readable, and responsive instead of over-stretched. */
body.catalog-home #toolCatalog>.catalog-search{
  width:calc(100% - 32px)!important;
  max-width:900px!important;
  margin:0 auto 20px!important;
}
@media(max-width:700px){
  body.catalog-home #toolCatalog>.catalog-search{
    width:100%!important;
    max-width:none!important;
  }
}

/* Full catalog search: use the complete grid width without clipping either edge. */
body.catalog-home #toolCatalog>.catalog-search{
  width:100%!important;
  max-width:none!important;
  margin:0 0 20px!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.catalog-home #toolCatalog>.catalog-search #catalogSearch{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  background-clip:padding-box!important;
}
/* Hero meta strip: stable height, clean spacing, and no clipped chips. */
body.catalog-home .site-hero .site-hero__meta{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  padding:5px!important;
  margin:4px 0 0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.catalog-home .site-hero .site-hero__pill{
  min-height:32px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  body.catalog-home .site-hero .site-hero__meta{width:100%!important;border-radius:16px!important}
}

/* Symmetric viewport gutters: keep full-width sections visually centered beside the scrollbar. */
html{scrollbar-gutter:stable both-edges!important}
@supports not (scrollbar-gutter:stable){
  body.catalog-home .site-wrap{padding-left:0!important;padding-right:0!important}
}

/* Root fix for the search edge: let its border/shadow paint beyond the shell boundary. */
body.catalog-home main#main-content,
body.catalog-home .shell.shell--mega,
body.catalog-home #toolCatalog{
  overflow:visible!important;
}
body.catalog-home .shell.shell--mega{padding-top:0!important}
body.catalog-home #toolCatalog>.catalog-search{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}

/* Quick Access: match the homepage dark theme. */
body.catalog-home .home-quick-tools{background:linear-gradient(135deg,#151f35 0%,#111a2e 54%,#132a32 100%)!important;border-color:#ffffff14!important;box-shadow:0 16px 42px #02071645!important}
body.catalog-home .home-quick-tools__heading span{color:#9e92ff!important}
body.catalog-home .home-quick-tools__heading h2{color:#f2f5ff!important}
body.catalog-home .home-quick-tools__heading p{color:#9bacc9!important}
body.catalog-home .home-quick-tool{background:linear-gradient(145deg,#19243b,#121c30)!important;border-color:#ffffff12!important;color:#edf3ff!important;box-shadow:0 5px 18px #00000014!important}
body.catalog-home .home-quick-tool:hover,body.catalog-home .home-quick-tool:focus-visible{border-color:var(--quick)!important;box-shadow:0 13px 30px #02071655!important}
body.catalog-home .home-quick-tool__copy strong{color:#edf3ff!important}
body.catalog-home .home-quick-tool__copy small{color:#a9b8d2!important}
body.catalog-home .home-quick-tool__icon{background:linear-gradient(135deg,var(--quick-bg),#182238)!important;border:1px solid #ffffff12;box-shadow:0 5px 16px #00000024!important}
body.catalog-home .home-quick-tool--video{--quick:#efbd8a;--quick-bg:#352e2e}
body.catalog-home .home-quick-tool--qr{--quick:#8de5d4;--quick-bg:#173636}
body.catalog-home .home-quick-tool--barcode{--quick:#aeb8ff;--quick-bg:#292d48}

/* Keep Quick Access dark after catalog-home is removed for an opened tool. */
.home-quick-tools{background:linear-gradient(135deg,#151f35 0%,#111a2e 54%,#132a32 100%)!important;border-color:#ffffff14!important;box-shadow:0 16px 42px #02071645!important}
.home-quick-tools__heading span{color:#9e92ff!important}
.home-quick-tools__heading h2{color:#f2f5ff!important}
.home-quick-tools__heading p{color:#9bacc9!important}
.home-quick-tool{background:linear-gradient(145deg,#19243b,#121c30)!important;border-color:#ffffff12!important;color:#edf3ff!important;box-shadow:0 5px 18px #00000014!important}
.home-quick-tool:hover,.home-quick-tool:focus-visible{border-color:var(--quick)!important;box-shadow:0 13px 30px #02071655!important}
.home-quick-tool__copy strong{color:#edf3ff!important}
.home-quick-tool__copy small{color:#a9b8d2!important}
.home-quick-tool__icon{background:linear-gradient(135deg,var(--quick-bg),#182238)!important;border:1px solid #ffffff12!important;box-shadow:0 5px 16px #00000024!important}
.home-quick-tool--video{--quick:#efbd8a;--quick-bg:#352e2e}
.home-quick-tool--qr{--quick:#8de5d4;--quick-bg:#173636}
.home-quick-tool--barcode{--quick:#aeb8ff;--quick-bg:#292d48}

/* Quick Access spacing inside the opened-tool shell. */
body:not(.catalog-home) .home-quick-tools{width:auto!important;margin:18px 16px 30px!important;padding:24px!important;border-radius:22px!important;box-shadow:0 14px 34px #02071638,inset 0 1px 0 #ffffff08!important}
body:not(.catalog-home) .home-quick-tools__heading{margin-bottom:18px!important}
body:not(.catalog-home) .home-quick-tools__grid{gap:14px!important}
body:not(.catalog-home) .home-quick-tool{padding:16px!important;min-height:88px!important}
@media(max-width:760px){body:not(.catalog-home) .home-quick-tools{margin:12px 10px 24px!important;padding:16px!important;border-radius:18px!important}body:not(.catalog-home) .home-quick-tools__heading{margin-bottom:14px!important}body:not(.catalog-home) .home-quick-tools__grid{gap:10px!important}body:not(.catalog-home) .home-quick-tool{min-height:74px!important;padding:13px!important}}