:root{--blue:#0647b8;--text:#0f172a;--muted:#64748b;--border:#dbe3ee;--soft:#f5f8fc;--shadow:0 14px 35px #0f172a14}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 32px);margin:auto}header{z-index:20;border-bottom:1px solid var(--border);background:#fffffff2;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:66px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand>span{color:#fff;background:var(--blue);border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.nav nav{gap:16px;font-size:12px;font-weight:700;display:flex}.hero,.pageHero{background:linear-gradient(#f5f8ff,#fff)}.hero{padding:78px 0}.pageHero{padding:54px 0}.heroGrid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.hero h1,.pageHero h1{letter-spacing:-.045em;max-width:800px;margin:8px 0 14px;font-size:clamp(42px,6vw,72px);line-height:.98}.pageHero h1{font-size:clamp(38px,5vw,58px)}.hero p,.pageHero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.65}.eyebrow,.tag{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.actions{gap:9px;margin-top:25px;display:flex}.actions a,.tokenLayout button,.builder aside button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:800}.actions .primary{color:#fff;border-color:var(--blue);background:var(--blue)}.heroColors{gap:9px;display:grid}.heroColors>div{height:58px;box-shadow:var(--shadow);border-radius:10px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.heroColors i{display:block}.section{padding-top:54px;padding-bottom:54px}.heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.heading h2{margin:4px 0 0;font-size:32px}.heading>a{color:var(--blue);font-size:12px;font-weight:800}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.swatches{grid-template-columns:repeat(5,1fr);height:100px;display:grid}.swatches button{cursor:pointer;border:0}.cardbody{padding:15px}.cardbody h3{margin:5px 0 12px}.codes{flex-wrap:wrap;gap:4px;display:flex}.codes button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:5px;padding:5px;font-size:9px}.card small,.builder small,.tokenLayout small{color:var(--muted);margin-top:9px;display:block}.soft{background:var(--soft)}.tools{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tools a{border:1px solid var(--border);background:#fff;border-radius:10px;gap:5px;padding:20px;display:grid}.tools span{color:var(--blue);font-size:10px;font-weight:800}.builder,.contrast,.tokenLayout{grid-template-columns:280px 1fr;gap:22px;display:grid}.builder aside,.contrast aside,.tokenLayout>aside{border:1px solid var(--border);background:var(--soft);border-radius:11px;align-content:start;gap:10px;padding:18px;display:grid}.builder label,.contrast label{gap:5px;font-size:10px;font-weight:800;display:grid}.builder input,.tokenLayout select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:38px;padding:0 8px}.colorrow{grid-template-columns:48px 1fr;gap:6px;display:grid}.colorrow input[type=color]{width:48px;padding:3px}.bigswatches{border-radius:12px;grid-template-columns:repeat(5,1fr);min-height:430px;display:grid;overflow:hidden}.bigswatches div{position:relative}.bigswatches span{background:#ffffffd9;border-radius:4px;padding:4px;font-size:9px;position:absolute;bottom:10px;left:8px}.contrast aside input[type=color]{border:1px solid var(--border);border-radius:7px;width:100%;height:55px}.contrast main{border:1px solid var(--border);border-radius:12px;min-height:430px;padding:50px}.contrast main h2{font-size:38px}.contrast main p{max-width:600px;line-height:1.7}.contrast main button{border:0;border-radius:7px;padding:12px 16px}.ratio{background:#fff;border-radius:8px;padding:15px;display:grid}.ratio strong{font-size:28px}.ratio span{color:var(--muted);font-size:10px}.gradientGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gradientGrid button{cursor:pointer;border:0;border-radius:12px;min-height:220px;position:relative}.gradientGrid span{background:#ffffffe6;border-radius:6px;padding:7px 9px;font-size:10px;position:absolute;bottom:10px;left:10px}.tokenLayout pre{border:1px solid var(--border);color:#e2e8f0;background:#0f172a;border-radius:9px;padding:18px;line-height:1.6;overflow:auto}footer{border-top:1px solid var(--border);margin-top:60px}footer>div{justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}footer span{color:var(--muted);font-size:11px}@media (max-width:850px){.heroGrid,.builder,.contrast,.tokenLayout{grid-template-columns:1fr}.grid,.gradientGrid,.tools{grid-template-columns:1fr 1fr}.nav{flex-direction:column;align-items:flex-start;padding:14px 0}.nav nav{width:100%;padding-bottom:4px;overflow:auto}.hero{padding:55px 0}}@media (max-width:560px){.grid,.gradientGrid,.tools{grid-template-columns:1fr}.bigswatches{grid-template-columns:1fr;min-height:600px}.hero h1{font-size:46px}.contrast main{padding:25px}footer>div{flex-direction:column;justify-content:center;align-items:flex-start}}.cardActions{margin-top:10px}.favbtn{border:1px solid var(--border);color:#be185d;cursor:pointer;background:#fff;border-radius:7px;min-height:32px;padding:0 9px;font-size:10px;font-weight:800}.paletteFilters{border:1px solid var(--border);background:var(--soft);border-radius:10px;grid-template-columns:1fr 220px;gap:10px;padding:14px;display:grid}.paletteFilters input,.paletteFilters select,.harmony select{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:42px;padding:0 10px}.resultCount{color:var(--muted);padding:14px 2px}.harmony,.shadeTool{grid-template-columns:250px 1fr;gap:22px;display:grid}.harmony aside,.shadeTool aside{border:1px solid var(--border);background:var(--soft);border-radius:11px;align-content:start;gap:12px;padding:18px;display:grid}.harmony label,.shadeTool label{gap:5px;font-size:10px;font-weight:800;display:grid}.harmony input[type=color],.shadeTool input[type=color]{border:1px solid var(--border);border-radius:8px;width:100%;height:65px}.harmony main{border-radius:12px;grid-template-columns:repeat(4,1fr);min-height:430px;display:grid;overflow:hidden}.harmony main button{cursor:pointer;border:0;position:relative}.harmony main span{background:#ffffffdb;border-radius:5px;padding:5px 6px;font-size:9px;position:absolute;bottom:8px;left:8px}.shadeTool aside button{border:1px solid var(--border);min-height:40px;color:var(--blue);background:#fff;border-radius:8px;font-weight:800}.shadeTool main{border-radius:12px;grid-template-columns:repeat(11,1fr);min-height:420px;display:grid;overflow:hidden}.shadeTool main div{flex-direction:column;justify-content:flex-end;gap:3px;padding:8px;display:flex}.shadeTool main strong,.shadeTool main span{background:#ffffffd1;border-radius:4px;padding:3px 4px;font-size:8px}.emptyState{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:12px;padding:50px}@media (max-width:900px){.harmony,.shadeTool{grid-template-columns:1fr}.harmony main{grid-template-columns:repeat(2,1fr)}.shadeTool main{grid-template-columns:repeat(6,1fr)}}@media (max-width:600px){.paletteFilters{grid-template-columns:1fr}.shadeTool main{grid-template-columns:repeat(3,1fr);min-height:700px}}.converter{border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.converterPreview{min-height:430px}.converterControls{align-content:center;gap:10px;padding:30px;display:grid}.converterControls label{gap:6px;font-size:10px;font-weight:800;display:grid}.converterControls input[type=color]{border:1px solid var(--border);border-radius:8px;width:100%;height:70px}.converterControls button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:70px 1fr;gap:10px;padding:13px;display:grid}.converterControls span{color:var(--muted)}.uiPreviewTool{grid-template-columns:240px 1fr;gap:20px;display:grid}.uiPreviewTool>aside{border:1px solid var(--border);background:var(--soft);border-radius:10px;align-content:start;gap:10px;padding:16px;display:grid}.uiPreviewTool label{gap:5px;font-size:10px;font-weight:800;display:grid}.uiPreviewTool select,.uiPreviewTool>aside button,.compare select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:40px;padding:0 9px}.uiPreviewTool>main{border:1px solid var(--border);border-radius:12px;min-height:500px;overflow:hidden}.uiPreviewTool nav{border-bottom:1px solid;justify-content:space-between;padding:16px 20px;display:flex}.uiPreviewTool main>section{padding:48px}.uiPreviewTool h2{margin:7px 0;font-size:38px}.uiPreviewTool p{max-width:600px;line-height:1.7}.uiPreviewTool main button{border:0;border-radius:7px;padding:12px 16px}.previewCards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px;display:grid}.previewCards article{border:1px solid;border-radius:9px;gap:6px;padding:18px;display:grid}.previewCards strong{font-size:24px}.compare{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compare>div{border:1px solid var(--border);border-radius:12px;padding:18px}.compare select{width:100%}.compareSwatches{border-radius:9px;grid-template-columns:repeat(5,1fr);min-height:330px;display:grid;overflow:hidden}.compareSwatches i{position:relative}.compareSwatches span{background:#ffffffd6;border-radius:4px;padding:3px;font-size:8px;position:absolute;bottom:6px;left:5px}@media (max-width:800px){.converter,.uiPreviewTool,.compare,.previewCards{grid-template-columns:1fr}.compareSwatches{min-height:220px}}.semanticTool,.brandKit{grid-template-columns:260px 1fr;gap:20px;display:grid}.semanticTool>aside,.brandKit>aside{border:1px solid var(--border);background:var(--soft);border-radius:10px;align-content:start;gap:10px;padding:17px;display:grid}.semanticTool label,.brandKit label{gap:5px;font-size:10px;font-weight:800;display:grid}.semanticTool select,.semanticTool aside button,.brandKit input,.brandKit aside button,.matrixTool>select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:40px;padding:0 9px}.brandKit input[type=color]{width:100%;height:60px}.semanticTool>main{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.semanticTool main button{border:1px solid var(--border);text-align:left;background:#fff;border-radius:9px;grid-template-columns:60px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.semanticTool i{border-radius:7px;width:60px;height:60px}.semanticTool span{text-transform:capitalize;display:grid}.semanticTool small{color:var(--muted)}.brandKit>main{border:1px solid var(--border);border-radius:12px;overflow:hidden}.brandHero{padding:55px}.brandHero h2{max-width:600px;font-size:42px}.brandHero button{border:0;border-radius:7px;padding:12px 15px;font-weight:800}.brandRoles{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;display:grid}.brandRoles div{border:1px solid var(--border);text-transform:capitalize;border-radius:7px;grid-template-columns:45px 1fr;align-items:center;gap:8px;padding:7px;display:grid}.brandRoles i{border-radius:6px;width:45px;height:45px}.brandRoles span{font-size:10px;font-weight:800;display:grid}.brandRoles small{color:var(--muted);font-weight:400}.matrixTool{overflow:auto}.matrixTool>select{min-width:260px;margin-bottom:14px}.matrix{border:1px solid var(--border);border-radius:10px;grid-template-columns:100px repeat(5,minmax(100px,1fr));min-width:650px;display:grid;overflow:hidden}.matrix>strong{border:1px solid var(--border);place-items:center;min-height:42px;padding:5px;font-size:9px;display:grid}.matrix>div{border:1px solid #80808033;place-items:center;min-height:95px;display:grid}.matrix span{font-size:25px;font-weight:900}.matrix small{color:#111;background:#ffffffd1;border-radius:4px;padding:2px 4px;font-size:8px}@media (max-width:800px){.semanticTool,.brandKit{grid-template-columns:1fr}.semanticTool>main,.brandRoles{grid-template-columns:1fr 1fr}}@media (max-width:520px){.semanticTool>main,.brandRoles{grid-template-columns:1fr}.brandHero{padding:30px}.brandHero h2{font-size:34px}}.visionTool,.audit{grid-template-columns:260px 1fr;gap:20px;display:grid}.visionTool>aside,.audit>aside{border:1px solid var(--border);background:var(--soft);border-radius:10px;align-content:start;gap:10px;padding:17px;display:grid}.visionTool label{gap:5px;font-size:10px;font-weight:800;display:grid}.visionTool select,.audit select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:40px;padding:0 9px}.visionTool aside p,.audit aside p{color:var(--muted);font-size:10px;line-height:1.5}.visionRows{gap:18px;display:grid}.visionRows section>strong{margin-bottom:7px;display:block}.visionRows section>div{border-radius:10px;grid-template-columns:repeat(5,1fr);min-height:180px;display:grid;overflow:hidden}.visionRows i{position:relative}.visionRows span{background:#ffffffd6;border-radius:4px;padding:3px;font-size:8px;position:absolute;bottom:5px;left:5px}.auditScore{background:#fff;border-radius:9px;padding:15px;display:grid}.auditScore strong{color:var(--blue);font-size:40px}.auditScore span{color:var(--muted);font-size:9px}.audit>main{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.audit main>div{border:1px solid var(--border);border-radius:8px;grid-template-columns:70px 1fr;align-items:center;gap:2px 10px;padding:9px;display:grid}.audit main>div>span{border-radius:6px;grid-row:1/3;grid-template-columns:1fr 1fr;height:48px;display:grid;overflow:hidden}.audit main i{display:block}.audit main small{color:var(--muted)}.guidanceGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.guidanceGrid article{border:1px solid var(--border);border-radius:10px;padding:20px}.guidanceGrid article>span{color:var(--blue);font-size:10px;font-weight:900}.guidanceGrid h2{margin:7px 0}.guidanceGrid p{color:var(--muted);line-height:1.65}@media (max-width:850px){.visionTool,.audit{grid-template-columns:1fr}.audit>main{grid-template-columns:1fr 1fr}}@media (max-width:560px){.audit>main,.guidanceGrid{grid-template-columns:1fr}.visionRows section>div{min-height:300px}}.projectTool,.exportCenter{grid-template-columns:280px 1fr;gap:20px;display:grid}.projectTool>aside,.exportCenter>aside{border:1px solid var(--border);background:var(--soft);border-radius:10px;align-content:start;gap:10px;padding:17px;display:grid}.projectTool label,.exportCenter label{gap:5px;font-size:10px;font-weight:800;display:grid}.projectTool input,.projectTool select,.projectTool textarea,.projectTool>aside>button,.exportCenter select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:40px;padding:0 9px}.projectTool textarea{resize:vertical;min-height:110px;padding:9px}.projectTool>main{border:1px solid var(--border);border-radius:12px;padding:28px}.projectTool main h2{margin:7px 0;font-size:38px}.projectTool main p{color:var(--muted)}.projectSwatches{border-radius:10px;grid-template-columns:repeat(5,1fr);min-height:330px;margin-top:25px;display:grid;overflow:hidden}.projectSwatches div{position:relative}.projectSwatches span{background:#ffffffd9;border-radius:4px;padding:4px;font-size:8px;position:absolute;bottom:7px;left:6px}.savedProjects{gap:5px;margin-top:8px;display:grid}.savedProjects>div{grid-template-columns:1fr auto;display:grid}.savedProjects button{border:1px solid var(--border);min-height:32px;color:var(--blue);background:#fff}.exportCenter>main{gap:12px;display:grid}.exportCenter article{border:1px solid var(--border);border-radius:10px;overflow:hidden}.exportCenter header{background:var(--soft);justify-content:space-between;align-items:center;padding:10px 13px;display:flex;position:static}.exportCenter header span{gap:5px;display:flex}.exportCenter button,.handoffControls button{border:1px solid var(--border);min-height:32px;color:var(--blue);background:#fff;border-radius:6px;padding:0 9px;font-weight:800}.exportCenter pre{color:#e2e8f0;background:#0f172a;margin:0;padding:16px;line-height:1.55;overflow:auto}.handoffControls{gap:8px;margin-bottom:20px;display:flex}.handoffControls select{border:1px solid var(--border);border-radius:7px;min-width:240px;min-height:40px;padding:0 9px}.handoffSheet>article{border:1px solid var(--border);border-radius:12px;padding:35px}.handoffSheet h1{margin:6px 0;font-size:44px}.handoffSheet>article>p{color:var(--muted)}.handoffSwatches{grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0;display:grid}.handoffSwatches section{gap:5px;display:grid}.handoffSwatches section>div{border:1px solid var(--border);border-radius:8px;height:150px}.handoffSwatches code{color:var(--muted)}.handoffSheet li{color:var(--muted);margin:8px 0}@media (max-width:800px){.projectTool,.exportCenter{grid-template-columns:1fr}.handoffSwatches{grid-template-columns:1fr 1fr}}@media print{.noPrint,header,footer{display:none!important}.shell{width:100%}.section{padding:0}.handoffSheet>article{border:0;padding:0}.handoffSwatches section>div{height:110px}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.systemReview{grid-template-columns:250px 1fr;gap:20px;display:grid}.systemReview>aside{border:1px solid var(--border);background:var(--soft);border-radius:10px;align-content:start;gap:10px;padding:17px;display:grid}.systemReview label{gap:5px;font-size:10px;font-weight:800;display:grid}.systemReview select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:40px;padding:0 9px}.reviewScore{background:#fff;border-radius:9px;align-items:baseline;padding:15px;display:flex}.reviewScore strong{color:var(--blue);font-size:48px}.reviewScore span{color:var(--muted)}.systemReview aside p{color:var(--muted);font-size:10px;line-height:1.5}.systemReview>main{border:1px solid var(--border);border-radius:12px;padding:24px}.systemReview h2{font-size:34px}.reviewSwatches{border-radius:9px;grid-template-columns:repeat(5,1fr);min-height:150px;display:grid;overflow:hidden}.reviewSwatches i{position:relative}.reviewSwatches span{background:#ffffffd9;border-radius:4px;padding:3px;font-size:8px;position:absolute;bottom:5px;left:5px}.reviewChecks{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.reviewChecks article{border:1px solid var(--border);border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:11px;display:grid}.reviewChecks b{background:var(--soft);width:34px;height:34px;color:var(--blue);border-radius:50%;place-items:center;display:grid}.reviewChecks span{display:grid}.reviewChecks small{color:var(--muted)}.workflow{gap:10px;max-width:900px;display:grid}.workflow article{border:1px solid var(--border);border-radius:11px;grid-template-columns:75px 1fr;gap:20px;padding:22px;display:grid}.workflow article>span{color:var(--blue);font-size:34px;font-weight:900}.workflow h2{margin:0 0 5px}.workflow p{color:var(--muted);line-height:1.6}.workflow a{color:var(--blue);font-size:10px;font-weight:900;text-decoration:none}@media (max-width:760px){.systemReview,.reviewChecks{grid-template-columns:1fr}.workflow article{grid-template-columns:50px 1fr}}
.AbleProShell-module__TlD67G__header{background:#fff;border-bottom:1px solid #e5e7eb}.AbleProShell-module__TlD67G__container{width:min(1380px,100% - 48px);margin:0 auto}.AbleProShell-module__TlD67G__headerInner{justify-content:space-between;align-items:center;gap:28px;min-height:88px;display:flex}.AbleProShell-module__TlD67G__brand{color:#0f172a;align-items:center;gap:18px;min-width:max-content;text-decoration:none;display:flex}.AbleProShell-module__TlD67G__brandLogo{object-fit:contain;width:220px;height:auto}.AbleProShell-module__TlD67G__brandDivider{background:#dbe3ef;width:1px;height:34px}.AbleProShell-module__TlD67G__brandLabel{color:#0f172a;font-size:22px;font-weight:800;line-height:1}.AbleProShell-module__TlD67G__nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;display:flex}.AbleProShell-module__TlD67G__nav a{color:#0f172a;white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none}.AbleProShell-module__TlD67G__nav a:hover{color:#2563eb}.AbleProShell-module__TlD67G__mainSite{background:#3157bf;border-radius:10px;padding:14px 20px;color:#fff!important}.AbleProShell-module__TlD67G__mainSite:hover{background:#2448a8}.AbleProShell-module__TlD67G__footer{color:#fff;background:#10203f;margin-top:72px}.AbleProShell-module__TlD67G__footerGrid{grid-template-columns:1.45fr .8fr .8fr .8fr;gap:54px;padding:58px 0 44px;display:grid}.AbleProShell-module__TlD67G__footerBrand p{color:#e2e8f0;max-width:390px;margin:22px 0 0;font-size:15px;line-height:1.8}.AbleProShell-module__TlD67G__footerLogo{object-fit:contain;width:220px;height:auto}.AbleProShell-module__TlD67G__footer h4{color:#fff;margin:0 0 18px;font-size:16px}.AbleProShell-module__TlD67G__footerLinks{flex-direction:column;gap:14px;display:flex}.AbleProShell-module__TlD67G__footer a{color:#e2e8f0;font-size:15px;text-decoration:none}.AbleProShell-module__TlD67G__footer a:hover{color:#fff}.AbleProShell-module__TlD67G__footerBottom{color:#e2e8f0;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:24px;min-height:78px;font-size:14px;display:flex}@media (max-width:1100px){.AbleProShell-module__TlD67G__headerInner{flex-direction:column;align-items:flex-start;padding:18px 0}.AbleProShell-module__TlD67G__nav{justify-content:flex-start}.AbleProShell-module__TlD67G__footerGrid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.AbleProShell-module__TlD67G__container{width:min(100% - 28px,1380px)}.AbleProShell-module__TlD67G__brandLogo{width:175px}.AbleProShell-module__TlD67G__brandLabel{font-size:18px}.AbleProShell-module__TlD67G__nav{gap:14px}.AbleProShell-module__TlD67G__nav a{font-size:14px}.AbleProShell-module__TlD67G__footerGrid{grid-template-columns:1fr;gap:34px}.AbleProShell-module__TlD67G__footerBottom{flex-direction:column;justify-content:center;align-items:flex-start;padding:22px 0}}