
:root{color-scheme:light;--ink:#211d3b;--muted:#777286;--muted-2:#9a95aa;--line:#e8e1f3;--surface:#fff;--canvas:#fbfaff;--blue:#6840cf;--blue-dark:#4b279e;--blue-soft:#f2edff;--green:#45ad91;--shadow:0 18px 48px rgba(49,30,87,.08);--rail:0px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:Manrope,var(--font)}
html{scroll-padding-top:80px;background:#fff}body{margin:0!important;background:#fff!important;color:#211d3b!important;font-family:var(--font)!important;font-size:16px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased!important}button,a,input,select,textarea{font:inherit}
.v6-tool-header{position:relative;z-index:10;display:flex;min-height:66px;align-items:center;gap:clamp(12px,2.4vw,34px);padding:0 max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid #eee8fb;background:#fff;color:#21134a}
.v6-tool-topline{display:flex;align-items:center;flex:none}.v6-tool-wordmark{color:#351074;font:850 27px/1 Manrope,ui-sans-serif,sans-serif;letter-spacing:-.075em;text-decoration:none}
.v6-tool-tabs{display:grid!important;grid-template-columns:repeat(2,max-content);gap:5px!important;width:auto!important;margin:0 auto 0 0!important;padding:3px;border:1px solid #e7ddf8;border-radius:13px;background:#f8f4ff;box-shadow:inset 0 1px 2px #4122720a}
.v6-tool-tabs a{display:flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;color:#5b3b91!important;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.v6-tool-tabs a[aria-current=page]{background:#6b36d0;color:#fff!important;box-shadow:0 5px 14px #5f2dbb35}
.v6-tool-search{display:grid;flex:none;width:38px;height:38px;place-items:center;border:1px solid #eee8fb;border-radius:12px;color:#32117d;text-decoration:none}.v6-tool-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}
.v6-tool-document{min-height:calc(100vh - 66px);background:linear-gradient(180deg,#fbfaff,#fff 420px)}.v6-tool-workspace{max-width:1160px;margin:0 auto;padding:20px 22px 64px}
.tool-page-header{position:relative!important;z-index:2!important;display:flex!important;width:100%!important;min-height:88px!important;grid-column:1/-1!important;align-items:center!important;gap:15px!important;margin:0 auto!important;padding:14px 16px!important;overflow:visible!important;border:1px solid #e8e1f3!important;border-radius:23px!important;background:#fff!important;box-shadow:0 10px 26px #37206a0d!important}
.tool-page-header .tool-app-icon{display:grid!important;width:52px!important;height:52px!important;flex:none!important;place-items:center!important;border-radius:17px!important;background:#f0eaff!important;color:#6438d2!important}.tool-page-header .tool-identity-glyph{width:25px!important;height:25px!important;color:#6438d2!important}
.tool-page-header .tool-title-wrap{position:relative!important;min-width:0!important;flex:1!important;overflow:visible!important}.tool-page-header .tool-kickers{display:flex!important;gap:6px!important;margin-bottom:4px!important;color:#8063c7!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}.tool-page-header .tool-kickers span:first-child{display:none!important}.tool-page-header .tool-title-wrap h1{position:relative!important;z-index:1!important;width:fit-content!important;max-width:100%!important;margin:0!important;color:#211d3b!important;font:850 clamp(23px,3vw,36px)/1.1 Manrope,ui-sans-serif,sans-serif!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important}
.tool-page-header .app-title-tooltip{position:absolute!important;z-index:20!important;top:calc(100% + 8px)!important;left:0!important;display:block!important;width:max-content!important;max-width:min(380px,calc(100vw - 44px))!important;margin:0!important;padding:10px 12px!important;border:1px solid #ded4f2!important;border-radius:12px!important;background:#211d3b!important;color:#fff!important;font:500 13px/1.5 var(--font)!important;box-shadow:0 12px 32px #20133435!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-3px)!important;transition:opacity .15s ease,transform .15s ease,visibility .15s!important}.tool-page-header .app-tooltip-trigger:hover+.app-title-tooltip,.tool-page-header .app-tooltip-trigger:focus+.app-title-tooltip,.tool-page-header .app-title-tooltip:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
.tool-page-header .tool-actions{display:flex!important;gap:6px!important;flex:none!important}.tool-page-header .tool-action-button{min-height:42px!important;padding:0 12px!important;border:1px solid #e7ddf8!important;border-radius:11px!important;background:#faf8ff!important;color:#5b3b91!important;font-size:14px!important;font-weight:750!important}.tool-page-header .tool-action-button .icon{width:18px!important;height:18px!important}
.v6-tool-opening-art{position:relative!important;display:block!important;width:100%!important;grid-column:1/-1!important;aspect-ratio:2.4/1!important;max-height:320px!important;margin:15px auto 22px!important;overflow:hidden!important;border:1px solid #e8e1f3!important;border-radius:24px!important;background:#f4efff!important;box-shadow:0 12px 30px #37206a15!important}.v6-tool-opening-art picture,.v6-tool-opening-art img{display:block!important;width:100%!important;height:100%!important}.v6-tool-opening-art img{object-fit:contain!important}
.v6-tool-workspace :is(p,li,label,legend,small,summary,td,th,dt,dd,button,[class*="hint"],[class*="help"],[class*="caption"],[class*="note"],[class*="description"],[class*="label"]){font-size:clamp(13px,1em,15px)!important;line-height:1.45!important}
.v6-tool-workspace main{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.v6-tool-workspace #tool{max-width:100%!important}.v6-tool-workspace input:not([type=checkbox]):not([type=radio]):not([type=file]),.v6-tool-workspace select,.v6-tool-workspace textarea{min-height:44px!important;border-color:#ded5ef!important;border-radius:12px!important;background:#fff!important;color:#211d3b!important}.v6-tool-workspace button:not(.icon-button){touch-action:manipulation}.v6-tool-workspace :focus-visible{outline:3px solid #b29ae9!important;outline-offset:2px!important}
.v6-tool-footer{display:block;min-height:0;padding:0;border:0;background:linear-gradient(115deg,#21113f,#30205f 58%,#432571);color:#e8e0fb;font-size:14px}.v6-tool-footer-inner{width:min(1180px,100%);margin:0 auto;padding:34px 24px 18px}.v6-tool-footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:28px}.v6-tool-footer-wordmark{color:#fff;font:850 29px/1 Manrope,ui-sans-serif,sans-serif;letter-spacing:-.075em;text-decoration:none}.v6-tool-footer-main p{margin:10px 0 0;color:#c8bde1;font-size:14px;line-height:1.6}.v6-tool-footer-main nav{display:flex;flex-wrap:wrap;gap:10px}.v6-tool-footer-main nav a{display:flex;min-height:46px;align-items:center;padding:0 15px;border:1px solid #ffffff2b;border-radius:14px;background:#ffffff0b;color:#f5f0ff;font-size:14px;font-weight:750;text-decoration:none}.v6-tool-footer-main nav b{margin-left:8px;color:#d7ff8a}.v6-tool-footer-bottom{display:flex;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #ffffff24;color:#b9acce;font-size:13px}.v6-tool-footer-bottom a{color:#eee8fb;font-weight:700;text-decoration:none}
.v6-tool-document .toast{z-index:30}
.v6-tool-skip{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:10px;background:#32117d;color:#fff;text-decoration:none;transform:translateY(-150%)}.v6-tool-skip:focus{transform:none}
@media(max-width:620px){.tool-page-header .app-title-tooltip{left:auto!important;right:0!important;max-width:min(340px,calc(100vw - 24px))!important;overflow-wrap:anywhere!important}}
@media(max-width:620px){.v6-tool-header{min-height:60px;gap:8px;padding:0 13px}.v6-tool-wordmark{font-size:24px}.v6-tool-tabs{gap:3px!important;padding:2px}.v6-tool-tabs a{min-height:38px;padding:0 10px;font-size:13px}.v6-tool-search{width:36px;height:36px}.v6-tool-workspace{padding:12px 13px 42px}.tool-page-header{min-height:78px!important;gap:10px!important;padding:11px!important;border-radius:18px!important}.tool-page-header .tool-app-icon{width:48px!important;height:48px!important;border-radius:14px!important}.tool-page-header .tool-kickers{font-size:11px!important}.tool-page-header .tool-title-wrap h1{font-size:clamp(20px,5.4vw,26px)!important;line-height:1.12!important}.tool-page-header .tool-actions{gap:4px!important}.tool-page-header .tool-action-button{width:42px!important;min-width:42px!important;min-height:42px!important;justify-content:center!important;padding:0!important}.tool-page-header .tool-action-button span{display:none!important}.v6-tool-opening-art{aspect-ratio:1.8/1!important;max-height:245px!important;margin:11px auto 17px!important;border-radius:19px!important}.v6-tool-footer-inner{padding:27px 18px 16px}.v6-tool-footer-main{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:22px}.v6-tool-footer-main nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.v6-tool-footer-main nav a{min-height:44px;justify-content:center;padding:0 7px;font-size:13px}.v6-tool-footer-bottom{font-size:12px}}
@media(max-width:620px){.tool-page-header{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:8px 10px!important}.tool-page-header .tool-app-icon{grid-column:1!important;grid-row:1!important}.tool-page-header .tool-title-wrap{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}.tool-page-header .tool-title-wrap h1{font-size:clamp(20px,5.4vw,26px)!important;line-height:1.12!important;overflow-wrap:anywhere!important}.tool-page-header .tool-actions{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-end!important;width:100%!important}.tool-page-header .tool-action-button{width:auto!important;min-width:72px!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important}.tool-page-header .tool-action-button span{display:inline!important}.tool-page-header .tool-action-button .icon{display:none!important}}
@media(max-width:767px){html:has(body > .v6-tool-document){height:auto!important}body:has(> .v6-tool-document){display:block!important;height:auto!important;min-height:100vh!important;min-height:100dvh!important;overflow:visible!important;overscroll-behavior-y:auto!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V6 tool hero: make the title part of the tool-specific artwork. */
.v6-tool-workspace .animate-rise:has(> .tool-page-header){position:relative!important;margin:0 0 28px!important;isolation:isolate!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>span:first-child{display:none!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header{position:absolute!important;inset:0!important;z-index:4!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-app-icon{display:none!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap{position:absolute!important;top:50%!important;left:clamp(18px,4vw,50px)!important;z-index:1!important;width:min(46%,510px)!important;padding:clamp(18px,2.5vw,29px)!important;transform:translateY(-50%)!important;border:1px solid #ffffffdf!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffffef,#ffffffcf)!important;box-shadow:0 18px 48px #2820442a!important;backdrop-filter:blur(15px)!important;pointer-events:auto!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-kickers{margin:0 0 10px!important;color:#7455c8!important;font-size:clamp(9px,.95vw,12px)!important;letter-spacing:.15em!important;line-height:1.35!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap h1{width:100%!important;max-width:100%!important;color:#211d3d!important;font-size:clamp(27px,3.8vw,45px)!important;line-height:1.03!important;text-wrap:balance!important;overflow-wrap:anywhere!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-actions{position:absolute!important;right:18px!important;bottom:16px!important;z-index:2!important;display:flex!important;gap:7px!important;pointer-events:auto!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-action-button{min-height:40px!important;padding:0 12px!important;border:1px solid #ffffffd9!important;border-radius:12px!important;background:#ffffffed!important;color:#4d3788!important;box-shadow:0 8px 22px #28204420!important;backdrop-filter:blur(10px)!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art{position:relative!important;z-index:0!important;width:100%!important;aspect-ratio:2.55/1!important;min-height:320px!important;max-height:430px!important;margin:0!important;overflow:hidden!important;border:1px solid #ddd0fb!important;border-radius:30px!important;background:linear-gradient(125deg,#eef4ff,#fff 54%,#dbf3eb)!important;box-shadow:0 22px 54px #2c214015!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art:after{position:absolute!important;z-index:1!important;inset:0!important;content:''!important;pointer-events:none!important;background:linear-gradient(90deg,#f8f7fff2 0%,#f8f7ffe8 30%,#f8f7ffbd 45%,#f8f7ff1c 68%,transparent 82%),linear-gradient(0deg,#22203b20,transparent 43%)!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.96!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art img{object-fit:cover!important;object-position:center!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header):hover>.v6-tool-opening-art img{transform:scale(1.025)}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .app-title-tooltip{top:calc(100% + 9px)!important;left:0!important;width:min(270px,calc(100vw - 28px))!important;max-width:270px!important;padding:9px 11px!important;border:1px solid #d8ccf7!important;border-radius:15px 15px 15px 6px!important;background:#fff!important;color:#292343!important;font:500 12px/1.42 var(--font)!important;box-shadow:0 12px 30px #20133426!important;overflow-wrap:anywhere!important}
.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .app-title-tooltip:before{position:absolute!important;top:-6px!important;left:14px!important;width:10px!important;height:10px!important;content:''!important;transform:rotate(45deg)!important;border-top:1px solid #d8ccf7!important;border-left:1px solid #d8ccf7!important;border-radius:2px 0 0!important;background:#fff!important}
@media(max-width:620px){.v6-tool-workspace .animate-rise:has(> .tool-page-header){margin-bottom:18px!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art{width:100%!important;aspect-ratio:1.3/1!important;min-height:310px!important;max-height:410px!important;border-radius:24px!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art:after{background:linear-gradient(180deg,transparent 8%,#ffffff05 35%,#ffffff73 57%,#ffffffed 76%,#fff 100%)!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap{top:auto!important;right:11px!important;bottom:11px!important;left:11px!important;width:auto!important;padding:15px 16px!important;transform:none!important;border-radius:18px!important;background:#fffffff0!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-kickers{margin-bottom:7px!important;font-size:9px!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap h1{font-size:clamp(23px,6.4vw,34px)!important;line-height:1.06!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-actions{top:12px!important;right:12px!important;bottom:auto!important;gap:5px!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-action-button{width:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;justify-content:center!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-action-button span{display:none!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-action-button .icon{display:block!important;width:17px!important;height:17px!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .app-title-tooltip{left:0!important;right:auto!important;max-width:min(250px,calc(100vw - 42px))!important}}
@media(prefers-reduced-motion:reduce){.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art img{transition:none!important}}
@media(max-width:620px){.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .app-title-tooltip{top:auto!important;bottom:calc(100% + 8px)!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .app-title-tooltip:before{top:auto!important;bottom:-6px!important;transform:rotate(225deg)!important}}
@media(max-width:620px){.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.v6-tool-opening-art:after{background:linear-gradient(180deg,transparent 4%,#ffffff06 47%,#ffffff28 70%,#ffffff48 100%)!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap{padding:10px 12px!important;background:#ffffffc2!important;backdrop-filter:blur(10px)!important}.v6-tool-workspace .animate-rise:has(> .tool-page-header)>.tool-page-header .tool-title-wrap h1{font-size:clamp(19px,5vw,28px)!important;line-height:1.04!important}}
@media(max-width:620px){.v6-tool-workspace .animate-rise:has(> .tool-page-header[data-tool-theme="3pl-vs-self-fulfilment-break-even-calculator"])>.v6-tool-opening-art img{transform:translateY(-42px) scale(1.12)!important}}
@media(max-width:620px){.v6-tool-workspace .animate-rise:has(> .tool-page-header:not([data-tool-theme="3pl-vs-self-fulfilment-break-even-calculator"]):not([data-tool-theme="ai-app-subscription-gross-margin-calculator"]):not([data-tool-theme="qr-code-generator-with-logo-and-colour"]):not([data-tool-theme="qr-label-generator"]):not([data-tool-theme="ean-13-upc-a-barcode-generator-with-check-digit"]))>.v6-tool-opening-art img{object-position:100% center!important;transform:translateY(-28px) scale(1.04)!important}}
