.za-dc-tool-page .za-dc-header-lang-host{display:none}.za-dc-tool-page .za-dc-header-lang{display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #e7e6ed;border-radius:999px;overflow:hidden;background:#fff;min-width:128px;box-shadow:0 4px 14px rgb(25 22 38 / .035)}.za-dc-tool-page .za-dc-header-lang a{display:block;min-width:62px;padding:8px 12px;color:#848391;font-size:13px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.za-dc-tool-page .za-dc-header-lang a.is-active{background:linear-gradient(135deg,#f0ebff,#f7f4ff);color:#6548ee}.za-dc-tool-page .za-dc-header-lang a:focus-visible{outline:2px solid #6e4cff;outline-offset:-2px}@media (min-width:1200px){.za-dc-tool-page #header .za-dc-search-hidden,.za-dc-tool-page .main-header .za-dc-search-hidden{display:none!important}.za-dc-tool-page #header .za-dc-search-hidden *,.za-dc-tool-page .main-header .za-dc-search-hidden *{pointer-events:none!important}.za-dc-tool-page #header .za-dc-header-lang-column,.za-dc-tool-page .main-header .za-dc-header-lang-column{position:relative!important;z-index:1002!important;overflow:visible!important}.za-dc-tool-page #header .za-dc-header-lang-parent,.za-dc-tool-page .main-header .za-dc-header-lang-parent{position:relative!important;z-index:1003!important;overflow:visible!important;pointer-events:auto!important}.za-dc-tool-page #header .za-dc-header-lang-host,.za-dc-tool-page .main-header .za-dc-header-lang-host{display:flex;width:100%;align-items:center;justify-content:flex-end;padding-right:24px;position:relative;z-index:1004;isolation:isolate;pointer-events:auto!important}.za-dc-tool-page #header .za-dc-header-lang,.za-dc-tool-page .main-header .za-dc-header-lang,.za-dc-tool-page #header .za-dc-header-lang a,.za-dc-tool-page .main-header .za-dc-header-lang a{position:relative;z-index:1005;pointer-events:auto!important}}.za-design-checker .za-dc-mobile-language{width:min(1500px,96vw);margin:14px auto 0;display:flex;justify-content:flex-end}.za-design-checker .za-dc-mobile-language .za-dc-header-lang{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid #e7e6ed;border-radius:999px;overflow:hidden;background:#fff}.za-design-checker .za-dc-mobile-language a{display:block;min-width:62px;padding:8px 12px;color:#848391;font-size:13px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.za-design-checker .za-dc-mobile-language a.is-active{background:linear-gradient(135deg,#f0ebff,#f7f4ff);color:#6548ee}@media (min-width:1200px){.za-design-checker .za-dc-mobile-language{display:none}}.za-design-checker a:hover{color:inherit}.za-design-checker{--bg:#f5f5f2;--panel:#fff;--panel2:#f0f0ec;--ink:#121310;--muted:#686a63;--line:#dedfd8;--purple:#6e4cff;--pink:#d64ca1;--purpleSoft:#eeeaff;--green:#247a58;--greenSoft:#e7f4ee;--amber:#9b6213;--amberSoft:#fff3de;--red:#a94343;--redSoft:#fdeaea;--shadow:0 18px 50px rgba(18,19,16,.07);--radiusXL:30px;--radiusLG:22px;--radiusMD:16px}.za-design-checker,.za-design-checker *{box-sizing:border-box}.za-design-checker{scroll-behavior:smooth}.za-design-checker{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"IBM Plex Sans Arabic",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.za-design-checker button,.za-design-checker input,.za-design-checker textarea{font:inherit}.za-design-checker button{cursor:pointer}.za-design-checker a{color:inherit;text-decoration:none}.za-design-checker .wrap{width:min(1500px,96vw);margin:auto}.za-design-checker .topbar{position:sticky;top:0;z-index:100;background:rgb(255 255 255 / .92);backdrop-filter:blur(16px);border-bottom:1px solid rgb(232 232 238 / .92);box-shadow:0 5px 18px rgb(25 22 38 / .025)}.za-design-checker .topbarInner{height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.za-design-checker .brandHome{display:flex;align-items:center;gap:14px;min-width:max-content}.za-design-checker .brandLogo{width:72px;height:auto;display:block}.za-design-checker .brandDivider{width:1px;height:28px;background:#e9e9ee}.za-design-checker .brandLabel{font-size:17px;font-weight:750;letter-spacing:-.018em;color:#11162a;white-space:nowrap}.za-design-checker .mainNav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.7vw,40px)}.za-design-checker .mainNav a{font-size:15px;font-weight:560;letter-spacing:-.01em;color:#11162a;transition:color .18s ease}.za-design-checker .mainNav a:hover,.za-design-checker .mainNav a:focus-visible{color:var(--purple)}.za-design-checker .langSwitch{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #e7e6ed;border-radius:999px;overflow:hidden;background:#fff;min-width:128px}.za-design-checker .langSwitch button{border:0;background:#fff0;padding:8px 12px;color:#848391;font-weight:700;min-width:62px;font-size:13px}.za-design-checker .langSwitch button.active{background:linear-gradient(135deg,#f0ebff,#f7f4ff);color:#6548ee}.za-design-checker .langSwitch button:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}.za-design-checker .mobileMenuBtn{display:none;width:38px;height:38px;border:0;background:#fff0;padding:7px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.za-design-checker .mobileMenuBtn span{display:block;width:24px;height:2px;background:#11162a;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.za-design-checker .mobileMenuBtn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.za-design-checker .mobileMenuBtn[aria-expanded="true"] span:nth-child(2){opacity:0}.za-design-checker .mobileMenuBtn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.za-design-checker .mobileMenu{display:none;background:#fff;border-top:1px solid #f0eff3;border-bottom:1px solid #ececf1;box-shadow:0 14px 30px rgb(25 22 38 / .05)}.za-design-checker .mobileMenu.open{display:block}.za-design-checker .mobileMenuInner{width:min(1500px,92vw);margin:auto;padding:14px 0 18px}.za-design-checker .mobileMenuNav{display:grid}.za-design-checker .mobileMenuNav a{padding:12px 2px;border-bottom:1px solid #f1f0f4;font-size:15px;font-weight:600;color:#11162a}.za-design-checker .mobileLang{display:flex;gap:8px;padding-top:15px}.za-design-checker .mobileLang button{border:1px solid #e7e6ed;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:#777684}.za-design-checker .mobileLang button.active{background:#f1edff;color:#6548ee;border-color:#e4dcff}.za-design-checker .hero{padding:64px 0 30px}.za-design-checker .heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:end}.za-design-checker .kicker{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}.za-design-checker h1{font-size:clamp(46px,6vw,84px);line-height:.96;letter-spacing:-.055em;margin:14px 0 20px;max-width:1050px}.za-design-checker .heroCopy{font-size:19px;line-height:1.65;color:var(--muted);max-width:900px}.za-design-checker .promise{background:var(--panel);border:1px solid var(--line);border-radius:var(--radiusXL);padding:24px;box-shadow:var(--shadow)}.za-design-checker .promise strong{display:block;font-size:17px;margin-bottom:10px}.za-design-checker .promise p{margin:0;color:var(--muted);line-height:1.6}.za-design-checker .scanbar{margin-top:30px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.za-design-checker .scanbar input{border:0;outline:0;background:#fff0;padding:13px 16px;font-size:17px}.za-design-checker .scanDemo{margin-top:9px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:13px;line-height:1.45}.za-design-checker .scanDemo button{border:0;background:#fff0;padding:2px 0;color:var(--purple);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.za-design-checker .scanDemo button:hover{text-decoration-thickness:2px}.za-design-checker .scanDemo button:focus-visible{outline:3px solid rgb(110 76 255 / .34);outline-offset:3px;border-radius:4px}.za-design-checker .primaryBtn{border:0;background:var(--ink);color:#fff;border-radius:15px;padding:15px 20px;font-weight:850}.za-design-checker .notice{margin-top:14px;padding:14px 16px;border:1px solid #eadbbc;background:#fff9ee;border-radius:16px;color:#7f5b24;font-size:13px;line-height:1.5}.za-design-checker .section{padding:34px 0}.za-design-checker .sectionHead{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.za-design-checker .sectionHead h2{font-size:32px;letter-spacing:-.03em;margin:0}.za-design-checker .sectionHead p{margin:7px 0 0;color:var(--muted);max-width:850px}.za-design-checker .reportHead{padding:22px 0 8px}.za-design-checker .reportHeadRow{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.za-design-checker .reportHead h2{font-size:34px;letter-spacing:-.035em;margin:0 0 8px}.za-design-checker .reportHead p{margin:0;color:var(--muted)}.za-design-checker .switchGroup{display:flex;gap:6px;flex-wrap:wrap}.za-design-checker .switchGroup button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 12px;color:var(--muted)}.za-design-checker .switchGroup button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.za-design-checker .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radiusXL);box-shadow:var(--shadow)}.za-design-checker .dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px;margin-top:18px}.za-design-checker .capturePanel{padding:18px}.za-design-checker .captureToolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.za-design-checker .captureToolbar strong{font-size:15px}.za-design-checker .captureToolbar span{font-size:12px;color:var(--muted)}.za-design-checker .stage{border:1px solid #cfd1c9;background:#d9dbd4;border-radius:22px;padding:18px;min-height:680px;display:grid;place-items:center;overflow:auto}.za-design-checker .browser{width:100%;max-width:1120px;background:#fff;border:1px solid #c6c8c0;border-radius:18px;overflow:hidden;box-shadow:0 28px 60px rgb(0 0 0 / .12);transition:.25s ease}.za-design-checker .browser.tablet{width:770px}.za-design-checker .browser.mobile{width:390px}.za-design-checker .chrome{height:34px;background:#f1f2ef;border-bottom:1px solid #dbddd6;display:flex;align-items:center;gap:6px;padding:0 12px}.za-design-checker .dot{width:8px;height:8px;border-radius:50%;background:#c3c5be}.za-design-checker .fakePage{position:relative;background:#fbfbf8;min-height:590px}.za-design-checker .fakeNav{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.za-design-checker .fakeLogo{font-weight:900}.za-design-checker .fakeLinks{display:flex;gap:18px;font-size:11px;color:#777}.za-design-checker .fakeHero{padding:48px 7% 36px;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center}.za-design-checker .fakeEyebrow{height:8px;width:86px;border-radius:5px;background:#d5d0e8;margin-bottom:15px}.za-design-checker .line{height:20px;background:#1d1d1d;border-radius:7px;margin-bottom:8px}.za-design-checker .line.l1{width:94%}.za-design-checker .line.l2{width:72%}.za-design-checker .copyline{height:8px;background:#cbccc6;border-radius:5px;margin-top:8px}.za-design-checker .copyline.c1{width:82%}.za-design-checker .copyline.c2{width:70%}.za-design-checker .copyline.c3{width:58%}.za-design-checker .fakeCtas{display:flex;gap:10px;margin-top:20px}.za-design-checker .cta{height:36px;width:116px;border-radius:12px;background:#202020}.za-design-checker .cta.alt{background:#ecece7;border:1px solid #d6d7d0;border-radius:22px;width:132px}.za-design-checker .art{height:240px;border-radius:24px;background:radial-gradient(circle at 26% 30%,#d9d1ff 0 18%,transparent 19%),radial-gradient(circle at 67% 42%,#ffcde8 0 21%,transparent 22%),linear-gradient(135deg,#efebff,#fff1f8);position:relative;overflow:hidden}.za-design-checker .art:after{content:"";position:absolute;width:120px;height:120px;border-radius:30px;background:#6e4cff;right:16%;top:28%;transform:rotate(12deg);opacity:.84}.za-design-checker .fakeSection{padding:24px 7% 52px}.za-design-checker .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.za-design-checker .card{height:126px;background:#fff;border:1px solid #e2e3dd;box-shadow:0 5px 14px rgb(0 0 0 / .03);border-radius:16px}.za-design-checker .card:nth-child(2){border-radius:26px}.za-design-checker .card:nth-child(3){border-radius:10px}.za-design-checker .pin{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid #fff;background:var(--purple);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 18px rgb(110 76 255 / .35)}.za-design-checker .pin[data-id="1"]{left:26%;top:38%}.za-design-checker .pin[data-id="2"]{left:53%;top:74%}.za-design-checker .pin[data-id="3"]{right:11%;top:76%}.za-design-checker .pin[data-id="4"]{right:12%;top:30%}.za-design-checker .pin.active{outline:6px solid rgb(110 76 255 / .18)}.za-design-checker .browser.tablet .fakeHero{grid-template-columns:1fr;gap:18px;padding-top:30px}.za-design-checker .browser.tablet .art{height:170px}.za-design-checker .browser.tablet .cards{grid-template-columns:repeat(2,1fr)}.za-design-checker .browser.mobile .fakeLinks{display:none}.za-design-checker .browser.mobile .fakeHero{grid-template-columns:1fr;padding:28px 8% 22px}.za-design-checker .browser.mobile .art{height:150px}.za-design-checker .browser.mobile .cards{grid-template-columns:1fr}.za-design-checker .browser.mobile .fakeSection{padding-inline:8%}.za-design-checker .browser.mobile .pin[data-id="2"]{left:24%;top:73%}.za-design-checker .side{display:grid;gap:14px;align-content:start}.za-design-checker .sideCard{padding:20px}.za-design-checker .sideCard h3{margin:0 0 14px;font-size:18px;letter-spacing:-.02em}.za-design-checker .dnaGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.za-design-checker .dna{background:var(--panel2);border-radius:16px;padding:14px}.za-design-checker .dna small{display:block;color:var(--muted);margin-bottom:6px}.za-design-checker .dna strong{font-size:20px}.za-design-checker .swatches{display:flex;gap:6px;margin-top:10px}.za-design-checker .sw{width:28px;height:28px;border-radius:9px;border:1px solid rgb(0 0 0 / .06)}.za-design-checker .rule{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.za-design-checker .rule:first-of-type{border-top:0}.za-design-checker .rule span{font-size:13px;color:var(--muted)}.za-design-checker .rule b{font-size:13px}.za-design-checker .current{padding:16px;border-radius:18px;background:var(--purpleSoft);border:1px solid #dcd3ff}.za-design-checker .current small{display:block;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#6b58c2}.za-design-checker .current h4{font-size:17px;margin:8px 0}.za-design-checker .current p{font-size:13px;line-height:1.55;color:#605c6f;margin:0}.za-design-checker .good{color:var(--green)}.za-design-checker .warn{color:var(--amber)}.za-design-checker .mapGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.za-design-checker .mapCard{padding:20px}.za-design-checker .mapCard h3{margin:0 0 8px;font-size:18px}.za-design-checker .mapCard p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.za-design-checker .metricRow{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px}.za-design-checker .metricRow b{font-size:28px}.za-design-checker .metricRow span{font-size:12px;color:var(--muted)}.za-design-checker .progress{height:7px;background:var(--panel2);border-radius:999px;overflow:hidden;margin-top:11px}.za-design-checker .progress i{display:block;height:100%;border-radius:999px;background:var(--purple)}.za-design-checker .findings{display:grid;gap:12px}.za-design-checker .finding{padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start}.za-design-checker .num{width:36px;height:36px;border-radius:12px;background:var(--purpleSoft);color:var(--purple);display:grid;place-items:center;font-weight:900}.za-design-checker .findMain h3{margin:0 0 7px;font-size:20px;letter-spacing:-.02em}.za-design-checker .findMain p{margin:0;color:var(--muted);line-height:1.58}.za-design-checker .severity{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap}.za-design-checker .improve{background:var(--amberSoft);color:var(--amber)}.za-design-checker .review{background:var(--purpleSoft);color:#5d45c4}.za-design-checker .consistent{background:var(--greenSoft);color:var(--green)}.za-design-checker .findMeta{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap}.za-design-checker .tag{font-size:12px;padding:7px 9px;border-radius:999px;background:var(--panel2);color:var(--muted)}.za-design-checker .detailBtn,.za-design-checker .askBtn{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 11px;font-weight:700}.za-design-checker .detail{grid-column:2/-1;display:none;background:#151515;color:#efefe9;border-radius:14px;padding:14px 16px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.za-design-checker .finding.open .detail{display:block}.za-design-checker .componentGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.za-design-checker .comp{padding:18px}.za-design-checker .comp small{display:block;color:var(--muted);margin-bottom:6px}.za-design-checker .comp b{font-size:28px}.za-design-checker .comp .sub{margin-top:7px;font-size:12px;color:var(--muted)}.za-design-checker .crossPages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.za-design-checker .page{padding:14px}.za-design-checker .thumb{height:110px;border-radius:14px;background:linear-gradient(160deg,#f2efff,#fff);border:1px solid var(--line);margin-bottom:11px;position:relative;overflow:hidden}.za-design-checker .thumb:before{content:"";position:absolute;left:12px;right:12px;top:14px;height:9px;background:#222;border-radius:4px}.za-design-checker .thumb:after{content:"";position:absolute;left:12px;width:58%;top:36px;height:6px;background:#c9cac4;border-radius:4px;box-shadow:0 13px 0 #d8d8d2,0 26px 0 #e4e4df}.za-design-checker .page strong{font-size:14px}.za-design-checker .page span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.za-design-checker .compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.za-design-checker .compareCard{padding:20px}.za-design-checker .compareCard h3{font-size:18px;margin:0 0 8px}.za-design-checker .compareList{display:grid;gap:8px;margin-top:14px}.za-design-checker .compareItem{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:13px}.za-design-checker .rtlGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.za-design-checker .rtlCard{padding:20px}.za-design-checker .rtlCard h3{margin:0 0 8px;font-size:18px}.za-design-checker .rtlChecklist{display:grid;gap:8px;margin-top:14px}.za-design-checker .rtlItem{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:13px}.za-design-checker .repairGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.za-design-checker .repair{padding:18px}.za-design-checker .repair small{color:var(--muted)}.za-design-checker .repair h3{font-size:18px;margin:8px 0}.za-design-checker .repair p{font-size:13px;color:var(--muted);line-height:1.5}.za-design-checker .helpCard{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:30px;background:#121310;color:#fff;border-radius:30px;box-shadow:0 22px 60px rgb(18 19 16 / .16)}.za-design-checker .helpCard:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-140px;background:radial-gradient(circle,#6e4cff 0,#d64ca1 48%,transparent 70%);opacity:.38;filter:blur(8px);pointer-events:none}.za-design-checker .helpCard h2{font-size:32px;letter-spacing:-.035em;margin:0 0 10px;position:relative;z-index:1;color:#fff}.za-design-checker .helpCard p{margin:0;color:#c9cbc4;line-height:1.6;max-width:720px;position:relative;z-index:1}.za-design-checker .helpActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.za-design-checker .helpPrimary{border:0;background:#fff;color:#121310;padding:14px 18px;border-radius:14px;font-weight:850}.za-design-checker .helpSecondary{border:1px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .06);color:#fff;padding:14px 18px;border-radius:14px;font-weight:750}.za-design-checker.modalBackdrop,.za-design-checker .modalBackdrop{position:fixed;inset:0;background:rgb(10 10 10 / .6);display:none;place-items:center;z-index:2147483600;padding:24px;overscroll-behavior:contain}.za-design-checker.modalBackdrop.show,.za-design-checker .modalBackdrop.show{display:grid}.za-design-checker .za-dc-modal-dialog{width:min(820px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:hidden;background:#fff;border-radius:26px;box-shadow:0 28px 80px rgb(0 0 0 / .28);padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.za-design-checker .modalHead{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:22px 24px 16px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:2}.za-design-checker .modalHead h2{margin:0 0 6px;font-size:27px;letter-spacing:-.03em}.za-design-checker .modalHead p{margin:0;color:var(--muted);line-height:1.45;font-size:14px;max-width:650px}.za-design-checker .closeModal{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px}.za-design-checker .za-dc-modal-body{min-height:0;overflow:auto;padding:16px 24px 18px;overscroll-behavior:contain;scrollbar-gutter:stable}.za-design-checker .contextBox{margin-top:0;padding:14px 16px;border-radius:15px;background:var(--panel2);border:1px solid var(--line)}.za-design-checker .contextBox small{display:block;color:var(--muted);margin-bottom:7px}.za-design-checker .contextList{display:grid;gap:6px;font-size:13px}.za-design-checker .contextList div{display:flex;justify-content:space-between;gap:16px;align-items:start}.za-design-checker .contextList span{color:var(--muted);flex:0 0 auto}.za-design-checker .contextList strong{min-width:0;text-align:end;overflow-wrap:anywhere}.za-design-checker .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.za-design-checker .field{display:grid;gap:6px}.za-design-checker .field.full{grid-column:1/-1}.za-design-checker .field label{font-size:13px;font-weight:750}.za-design-checker .field input,.za-design-checker .field textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 13px;background:#fff;outline:none}.za-design-checker .field textarea{min-height:90px;resize:vertical}.za-design-checker .za-dc-modal-footer{padding:14px 24px 18px;border-top:1px solid var(--line);background:#fff;position:relative;z-index:2}.za-design-checker .modalActions{display:flex;justify-content:flex-end;gap:10px;margin:0}.za-design-checker .sendBtn{border:0;background:#121310;color:#fff;border-radius:13px;padding:13px 16px;font-weight:850}.za-design-checker .cancelBtn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 16px;font-weight:750}.za-design-checker .successMsg{display:none;margin:0 0 10px;padding:12px 14px;border-radius:14px;background:var(--greenSoft);color:var(--green);font-weight:700}.za-design-checker .successMsg.show{display:block}.za-design-checker footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted);font-size:13px}.za-design-checker[dir="rtl"]{text-align:right}.za-design-checker[dir="rtl"] .brandHome,.za-design-checker[dir="rtl"] .mainNav,.za-design-checker[dir="rtl"] .langSwitch,.za-design-checker[dir="rtl"] .reportHeadRow,.za-design-checker[dir="rtl"] .sectionHead,.za-design-checker[dir="rtl"] .captureToolbar,.za-design-checker[dir="rtl"] .rule,.za-design-checker[dir="rtl"] .metricRow,.za-design-checker[dir="rtl"] .compareItem,.za-design-checker[dir="rtl"] .rtlItem,.za-design-checker[dir="rtl"] .contextList div,.za-design-checker[dir="rtl"] .modalHead{direction:rtl}.za-design-checker[dir="rtl"] .fakeNav,.za-design-checker[dir="rtl"] .fakeHero,.za-design-checker[dir="rtl"] .cards{direction:rtl}.za-design-checker[dir="rtl"] .helpActions{justify-content:flex-start}@media (max-width:1180px){.za-design-checker .topbarInner{gap:18px}.za-design-checker .brandLogo{width:66px}.za-design-checker .brandLabel{font-size:16px}.za-design-checker .mainNav{gap:22px}.za-design-checker .mainNav a{font-size:14px}}@media (max-width:940px){.za-design-checker .topbar{background:#fff;backdrop-filter:none;box-shadow:none}.za-design-checker .topbarInner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:0;direction:ltr}.za-design-checker .brandHome{gap:0}.za-design-checker .brandLogo{width:58px}.za-design-checker .brandDivider,.za-design-checker .brandLabel,.za-design-checker .mainNav,.za-design-checker .langSwitch{display:none}.za-design-checker .mobileMenuBtn{display:flex}.za-design-checker[dir="rtl"] .mobileMenuInner{text-align:right}}@media (max-width:560px){.za-design-checker .topbarInner{height:62px}.za-design-checker .brandLogo{width:54px}.za-design-checker .mobileMenuBtn{width:36px;height:36px;padding:6px}.za-design-checker .mobileMenuBtn span{width:23px}}@media (max-width:1100px){.za-design-checker .heroGrid,.za-design-checker .dashboard{grid-template-columns:1fr}.za-design-checker .side{grid-template-columns:1fr 1fr}.za-design-checker .componentGrid{grid-template-columns:repeat(2,1fr)}.za-design-checker .crossPages{grid-template-columns:repeat(3,1fr)}.za-design-checker .repairGrid{grid-template-columns:1fr}}@media (max-width:760px){.za-design-checker .scanbar{grid-template-columns:1fr}.za-design-checker .side{grid-template-columns:1fr}.za-design-checker .mapGrid,.za-design-checker .compare,.za-design-checker .rtlGrid{grid-template-columns:1fr}.za-design-checker .componentGrid,.za-design-checker .crossPages{grid-template-columns:1fr 1fr}.za-design-checker .stage{padding:8px;min-height:580px}.za-design-checker .finding{grid-template-columns:auto 1fr}.za-design-checker .severity{grid-column:2}.za-design-checker .findMeta,.za-design-checker .detail{grid-column:1/-1}.za-design-checker .helpCard{grid-template-columns:1fr}.za-design-checker .helpActions{justify-content:flex-start}.za-design-checker .formGrid{grid-template-columns:1fr}.za-design-checker .field.full{grid-column:auto}}@media (max-width:520px){.za-design-checker .componentGrid,.za-design-checker .crossPages{grid-template-columns:1fr}.za-design-checker h1{font-size:44px}}.za-design-checker .scanbar input:focus,.za-design-checker .field input:focus,.za-design-checker .field textarea:focus{box-shadow:0 0 0 3px rgb(110 76 255 / .12)}.za-design-checker .primaryBtn:disabled,.za-design-checker .helpPrimary:disabled,.za-design-checker .helpSecondary:disabled,.za-design-checker .sendBtn:disabled{opacity:.55;cursor:not-allowed}.za-design-checker .notice.live{border-color:#d8d7ef;background:#f6f4ff;color:#5b5483}.za-design-checker .notice.error{border-color:#efcaca;background:var(--redSoft);color:var(--red)}.za-design-checker .notice.success{border-color:#cce4d8;background:var(--greenSoft);color:var(--green)}.za-design-checker .capturePlaceholder{min-height:520px;display:grid;place-items:center;padding:36px;text-align:center;color:var(--muted);background:#fbfbf8}.za-design-checker .capturePlaceholder strong{display:block;color:var(--ink);font-size:20px;margin-bottom:8px}.za-design-checker .captureImage{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#fff}.za-design-checker .browser.tablet .captureImage{max-height:760px}.za-design-checker .browser.mobile .captureImage{max-height:844px}.za-design-checker .liveEmpty{padding:24px;border:1px dashed var(--line);border-radius:18px;background:var(--panel2);color:var(--muted);line-height:1.6}.za-design-checker .liveEmpty strong{display:block;color:var(--ink);margin-bottom:6px}.za-design-checker .finding .evidenceLine{margin-top:10px;font-size:12px;color:var(--muted)}.za-design-checker .finding .detail{direction:ltr;text-align:left}.za-design-checker[dir="rtl"] .finding .detail{direction:ltr;text-align:left}.za-design-checker .liveLinkPath{font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);word-break:break-word}.za-design-checker .statusDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-inline-end:7px}.za-design-checker .loadingDot{background:var(--amber)}.za-design-checker .hidden{display:none!important}.za-design-checker{position:relative;left:auto;right:auto;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:clip}.za-design-checker,.za-design-checker *{box-sizing:border-box}.za-design-checker .wrap{width:min(1500px,96vw);margin-left:auto;margin-right:auto}.za-design-checker .za-dc-mobile-language{width:min(1500px,96vw);margin-left:auto;margin-right:auto}@media (max-width:600px){.za-design-checker .wrap,.za-design-checker .za-dc-mobile-language{width:calc(100vw - 32px)}.za-design-checker .za-dc-mobile-language{margin-top:10px}.za-design-checker .za-dc-mobile-language .za-dc-header-lang a{min-width:52px;padding:7px 10px;font-size:12px}.za-design-checker .hero{padding:36px 0 22px}.za-design-checker .heroGrid{gap:18px}.za-design-checker .kicker{font-size:11px;line-height:1.35;letter-spacing:.075em}.za-design-checker h1{font-size:38px;line-height:1.01;letter-spacing:-.045em;margin:12px 0 16px;max-width:none}.za-design-checker .heroCopy{font-size:16px;line-height:1.55}.za-design-checker .promise{padding:18px;border-radius:22px}.za-design-checker .promise strong{font-size:16px;margin-bottom:7px}.za-design-checker .promise p{font-size:15px;line-height:1.5}.za-design-checker .scanbar{margin-top:20px;padding:10px;gap:8px;border-radius:20px}.za-design-checker .scanbar input{padding:11px 12px;font-size:16px}.za-design-checker .primaryBtn{min-height:50px;padding:13px 16px;font-size:15px}.za-design-checker .notice{margin-top:10px;padding:12px 14px;font-size:12px}.za-design-checker .section{padding:26px 0}.za-design-checker .reportHead{padding:22px 0 4px}.za-design-checker .reportHead h2{font-size:29px;line-height:1.05;letter-spacing:-.032em;margin-bottom:7px}.za-design-checker .reportHead p{font-size:15px;line-height:1.5}.za-design-checker .sectionHead{gap:10px;margin-bottom:14px}.za-design-checker .sectionHead h2{font-size:28px;line-height:1.08;letter-spacing:-.028em}.za-design-checker .sectionHead p{margin-top:6px;font-size:15px;line-height:1.5}.za-design-checker .reportHeadRow{align-items:flex-start;gap:14px}.za-design-checker .reportHeadRow>div:last-child{width:100%;gap:8px!important}.za-design-checker .switchGroup{gap:6px}.za-design-checker .switchGroup button{padding:8px 11px;font-size:14px;line-height:1.2}.za-design-checker .dashboard{gap:14px;margin-top:14px}.za-design-checker .capturePanel{padding:14px}.za-design-checker .captureToolbar{align-items:flex-start;margin-bottom:10px}.za-design-checker .captureToolbar strong{font-size:14px}.za-design-checker .captureToolbar span{font-size:11px;white-space:nowrap}.za-design-checker .stage{min-height:430px;padding:7px;border-radius:18px}.za-design-checker .capturePlaceholder{min-height:350px;padding:24px 18px}.za-design-checker .capturePlaceholder strong{font-size:18px}.za-design-checker .side{gap:12px}.za-design-checker .sideCard,.za-design-checker .mapCard,.za-design-checker .compareCard,.za-design-checker .rtlCard{padding:16px}.za-design-checker .sideCard h3,.za-design-checker .mapCard h3,.za-design-checker .compareCard h3,.za-design-checker .rtlCard h3{font-size:17px}.za-design-checker .dna{padding:12px;border-radius:14px}.za-design-checker .dna small{font-size:11px}.za-design-checker .dna strong{font-size:19px}.za-design-checker .rule{padding:10px 0}.za-design-checker .mapGrid{gap:12px}.za-design-checker .mapCard p{font-size:13px}.za-design-checker .metricRow{margin-top:13px}.za-design-checker .metricRow b{font-size:24px}.za-design-checker .componentGrid,.za-design-checker .crossPages{gap:10px}.za-design-checker .comp,.za-design-checker .page{padding:16px}.za-design-checker .liveEmpty{padding:18px}.za-design-checker .repair{padding:16px}.za-design-checker .helpCard{gap:18px;padding:24px 20px;border-radius:26px}.za-design-checker .helpCard h2{font-size:30px;line-height:1.02;margin-bottom:10px}.za-design-checker .helpCard p{font-size:15px;line-height:1.55}.za-design-checker .helpActions{gap:8px}.za-design-checker .helpPrimary,.za-design-checker .helpSecondary{width:100%;min-height:48px;padding:12px 14px;font-size:14px}.za-design-checker .compareCard{padding:16px}.za-design-checker .compareItem,.za-design-checker .rtlItem{padding:10px;font-size:12px}.za-design-checker .za-dc-modal-dialog{width:calc(100vw - 24px);padding:0;border-radius:22px}.za-design-checker .modalHead h2{font-size:24px}.za-design-checker .modalHead p{font-size:14px}}.za-design-checker .za-dc-mobile-language{display:none!important}.za-dc-mobile-lang-menu-item{display:none}@media (max-width:1199px){.main-header .main-nav>.za-dc-mobile-lang-menu-item,#header .main-nav>.za-dc-mobile-lang-menu-item{display:block;width:100%;margin-top:12px;padding-top:14px;border-top:1px solid rgb(255 255 255 / .14)}.main-header .za-dc-mobile-lang-menu,#header .za-dc-mobile-lang-menu{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 0 4px}.main-header .za-dc-mobile-lang-label,#header .za-dc-mobile-lang-label{color:inherit;font-size:14px;font-weight:600;line-height:1.3}.main-header .za-dc-mobile-lang-options,#header .za-dc-mobile-lang-options{display:inline-grid;grid-template-columns:1fr 1fr;min-width:132px;overflow:hidden;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:rgb(255 255 255 / .08)}.main-header .za-dc-mobile-lang-options a,#header .za-dc-mobile-lang-options a{display:block;padding:8px 12px;color:inherit;font-size:13px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;opacity:.7}.main-header .za-dc-mobile-lang-options a.is-active,#header .za-dc-mobile-lang-options a.is-active{background:rgb(255 255 255 / .16);opacity:1}.main-header .za-dc-mobile-lang-options a:focus-visible,#header .za-dc-mobile-lang-options a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}}@media (min-width:1200px){.main-header .za-dc-mobile-lang-menu-item,#header .za-dc-mobile-lang-menu-item{display:none!important}}@media (max-width:1199px){.main-header .main-nav>.za-dc-mobile-lang-menu-item,#header .main-nav>.za-dc-mobile-lang-menu-item{margin-top:14px;padding-top:0;border-top:0}.main-header .za-dc-mobile-lang-menu,#header .za-dc-mobile-lang-menu{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0}.main-header .za-dc-mobile-lang-label,#header .za-dc-mobile-lang-label{display:none!important}.main-header .za-dc-mobile-lang-options,#header .za-dc-mobile-lang-options{display:grid;grid-template-columns:1fr 1fr;width:144px;min-width:144px;height:38px;overflow:hidden;border:1px solid #e7e2f2;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgb(69 50 120 / .05)}.main-header .za-dc-mobile-lang-options a,#header .za-dc-mobile-lang-options a{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:0 10px;color:#777482!important;background:#fff;font-size:13px;font-weight:600;line-height:1;text-align:center;text-decoration:none;opacity:1;transition:background-color .2s ease,color .2s ease}.main-header .za-dc-mobile-lang-options a+a,#header .za-dc-mobile-lang-options a+a{border-inline-start:1px solid #f0edf7}.main-header .za-dc-mobile-lang-options a.is-active,#header .za-dc-mobile-lang-options a.is-active{color:#6f4cff!important;background:linear-gradient(135deg,#f4efff,#faf8ff);opacity:1}.main-header .za-dc-mobile-lang-options a:focus-visible,#header .za-dc-mobile-lang-options a:focus-visible{outline:2px solid #6f4cff;outline-offset:-3px}}.za-design-checker .v04-summary-wrap{padding-top:18px}.za-design-checker .v04-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radiusXL);box-shadow:var(--shadow)}.za-design-checker .v04-summary-copy{min-width:0}.za-design-checker .v04-summary-kicker{margin:0 0 7px;font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--purple)}.za-design-checker .v04-summary h3{margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.12;letter-spacing:-.03em}.za-design-checker .v04-summary p{margin:9px 0 0;max-width:820px;color:var(--muted);line-height:1.58}.za-design-checker .v04-summary-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.za-design-checker .v04-stat{display:grid;gap:2px;min-width:92px;padding:11px 13px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}.za-design-checker .v04-stat b{font-size:20px;line-height:1}.za-design-checker .v04-stat span{font-size:11px;color:var(--muted)}.za-design-checker .v04-stat[data-kind="improve"] b{color:var(--amber)}.za-design-checker .v04-stat[data-kind="review"] b{color:var(--purple)}.za-design-checker .v04-stat[data-kind="total"] b{color:var(--green)}.za-design-checker .v04-evidence-section{padding-top:6px}.za-design-checker .v04-evidence-section>.dashboard{margin-top:0}.za-design-checker .v04-coverage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.za-design-checker .v04-coverage-item{min-width:0;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.za-design-checker .v04-coverage-item small{display:block;margin-bottom:7px;color:var(--muted);font-size:12px}.za-design-checker .v04-coverage-item strong{display:block;font-size:16px;line-height:1.35}.za-design-checker .v04-coverage-item p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.za-design-checker .v04-coverage-note{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.za-design-checker .v04-coverage-note strong{display:block;font-size:13px;margin-bottom:5px}.za-design-checker .v04-coverage-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.za-design-checker .v04-review-label{color:var(--muted)}.za-design-checker button:focus-visible,.za-design-checker a:focus-visible,.za-design-checker [role="button"]:focus-visible{outline:3px solid rgb(110 76 255 / .34);outline-offset:3px}.za-design-checker .browser.tablet{width:min(770px,100%)}.za-design-checker .browser.mobile{width:min(390px,100%)}.za-design-checker #helpModal[aria-hidden="false"] .za-dc-modal-dialog{overscroll-behavior:contain}@media (max-width:1100px){.za-design-checker .v04-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.za-design-checker .wrap{width:calc(100% - 28px)}.za-design-checker .hero{padding:38px 0 18px}.za-design-checker .heroGrid{gap:16px}.za-design-checker h1{font-size:38px;line-height:1.02;letter-spacing:-.045em;margin:11px 0 14px}.za-design-checker .heroCopy{font-size:16px;line-height:1.55;margin-bottom:0}.za-design-checker .promise{padding:18px;border-radius:20px}.za-design-checker .scanbar{margin-top:20px;padding:8px;border-radius:18px}.za-design-checker .scanbar input{padding:12px 11px;font-size:16px;min-width:0}.za-design-checker .scanDemo{margin-top:8px;font-size:12px}.za-design-checker .primaryBtn{min-height:48px;padding:13px 16px}.za-design-checker .notice{margin-top:10px;padding:12px 13px;border-radius:14px}.za-design-checker .reportHead{padding:20px 0 4px}.za-design-checker .reportHeadRow{display:flex;flex-direction:column;align-items:stretch;gap:12px}.za-design-checker .reportHeadRow>div:last-child{width:100%}.za-design-checker .reportHead h2{font-size:28px}.za-design-checker .switchGroup{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.za-design-checker .switchGroup::-webkit-scrollbar{display:none}.za-design-checker .switchGroup button{flex:1 0 auto;min-height:42px}.za-design-checker .v04-summary-wrap{padding-top:13px}.za-design-checker .v04-summary{grid-template-columns:1fr;gap:14px;padding:18px;border-radius:22px}.za-design-checker .v04-summary h3{font-size:23px}.za-design-checker .v04-summary-stats{justify-content:flex-start}.za-design-checker .v04-stat{min-width:0;flex:1 1 86px}.za-design-checker .section{padding:22px 0}.za-design-checker .sectionHead{margin-bottom:12px}.za-design-checker .sectionHead h2{font-size:26px}.za-design-checker .sectionHead p{font-size:14px;line-height:1.5}.za-design-checker .dashboard{gap:12px;margin-top:12px}.za-design-checker .capturePanel{padding:10px;border-radius:22px}.za-design-checker .captureToolbar{margin-bottom:9px;align-items:flex-start}.za-design-checker .stage{min-height:0;padding:6px;border-radius:16px;overflow:hidden}.za-design-checker .browser{max-width:100%;border-radius:13px;box-shadow:0 14px 32px rgb(0 0 0 / .09)}.za-design-checker .chrome{height:28px;padding-inline:9px}.za-design-checker .capturePlaceholder{min-height:260px;padding:22px 15px}.za-design-checker .capturePlaceholder strong{font-size:17px}.za-design-checker .captureImage{max-height:560px}.za-design-checker .browser.tablet .captureImage,.za-design-checker .browser.mobile .captureImage{max-height:560px}.za-design-checker .side{gap:10px}.za-design-checker .sideCard{padding:16px;border-radius:20px}.za-design-checker .sideCard h3{font-size:17px;margin-bottom:11px}.za-design-checker .dna{padding:11px;border-radius:13px}.za-design-checker .dna strong{font-size:18px}.za-design-checker .rule{padding:10px 0}.za-design-checker .mapGrid,.za-design-checker .compare,.za-design-checker .rtlGrid{gap:10px}.za-design-checker .mapCard,.za-design-checker .compareCard,.za-design-checker .rtlCard{padding:16px;border-radius:20px}.za-design-checker .metricRow{margin-top:12px}.za-design-checker .metricRow b{font-size:24px}.za-design-checker .finding{padding:15px;gap:10px;border-radius:20px}.za-design-checker .num{width:32px;height:32px;border-radius:10px}.za-design-checker .findMain h3{font-size:18px}.za-design-checker .findMain p{font-size:14px;line-height:1.5}.za-design-checker .findMeta{gap:6px}.za-design-checker .detailBtn,.za-design-checker .askBtn{min-height:40px;padding:8px 10px}.za-design-checker .detail{padding:12px;font-size:11px;max-height:300px;overflow:auto}.za-design-checker .componentGrid{gap:10px}.za-design-checker .comp{padding:15px;border-radius:20px}.za-design-checker .comp b{font-size:24px}.za-design-checker .repairGrid{grid-template-columns:1fr;gap:10px}.za-design-checker .repair{padding:15px;border-radius:20px}.za-design-checker .helpCard{padding:20px;border-radius:22px;gap:16px}.za-design-checker .helpCard h2{font-size:25px}.za-design-checker .helpCard p{font-size:14px;line-height:1.5}.za-design-checker .helpActions{width:100%}.za-design-checker .helpActions button{width:100%;min-height:48px}.za-design-checker.modalBackdrop,.za-design-checker .modalBackdrop{padding:8px;align-items:end}.za-design-checker .za-dc-modal-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:22px 22px 14px 14px}.za-design-checker .modalHead{padding:17px 18px 13px}.za-design-checker .modalHead h2{font-size:23px}.za-design-checker .modalHead p{font-size:13px;line-height:1.4}.za-design-checker .za-dc-modal-body{padding:13px 18px 14px}.za-design-checker .contextBox{padding:12px 13px}.za-design-checker .contextList div{display:grid;grid-template-columns:1fr;gap:2px}.za-design-checker .contextList strong{text-align:start}.za-design-checker .formGrid{grid-template-columns:1fr;gap:10px;margin-top:12px}.za-design-checker .field.full{grid-column:auto}.za-design-checker .field textarea{min-height:84px}.za-design-checker .za-dc-modal-footer{padding:12px 18px 14px}.za-design-checker .modalActions{display:grid;grid-template-columns:1fr;gap:8px}.za-design-checker .modalActions button{width:100%;min-height:46px}.za-design-checker .v04-coverage-grid{grid-template-columns:1fr;gap:9px}.za-design-checker .v04-coverage-item{padding:14px 15px;border-radius:16px}}@media (max-width:430px){.za-design-checker .wrap{width:calc(100% - 24px)}.za-design-checker h1{font-size:34px}.za-design-checker .heroCopy{font-size:15.5px}.za-design-checker .section{padding:19px 0}.za-design-checker .sectionHead h2{font-size:24px}.za-design-checker .captureToolbar{display:grid;grid-template-columns:1fr;gap:3px}.za-design-checker .dnaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.za-design-checker .severity{font-size:11px;padding:7px 9px}}@media (max-width:390px){.za-design-checker .wrap{width:calc(100% - 20px)}.za-design-checker h1{font-size:32px}.za-design-checker .v04-summary{padding:16px}.za-design-checker .v04-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.za-design-checker .v04-stat{padding:10px 8px}.za-design-checker .v04-stat b{font-size:18px}.za-design-checker .v04-stat span{font-size:10px}.za-design-checker .finding{grid-template-columns:32px minmax(0,1fr)}.za-design-checker .componentGrid{grid-template-columns:1fr}}.za-design-checker .v05-summary-wrap{padding-top:18px}.za-design-checker .v05-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 26px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radiusXL);box-shadow:var(--shadow)}.za-design-checker .v05-summary-copy{min-width:0}.za-design-checker .v05-summary-kicker{margin:0 0 7px;font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--purple)}.za-design-checker .v05-summary h3{margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.12;letter-spacing:-.03em}.za-design-checker .v05-summary p{margin:9px 0 0;max-width:820px;color:var(--muted);line-height:1.58}.za-design-checker .v05-summary-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.za-design-checker .v05-stat{display:grid;gap:3px;min-width:108px;padding:12px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}.za-design-checker .v05-stat b{font-size:21px;line-height:1}.za-design-checker .v05-stat span{font-size:11px;color:var(--muted);line-height:1.3}.za-design-checker .v05-stat[data-kind="improve"] b{color:var(--amber)}.za-design-checker .v05-stat[data-kind="review"] b{color:var(--purple)}.za-design-checker .v05-evidence-section{padding-top:12px}.za-design-checker .v05-evidence-dashboard{margin-top:0}.za-design-checker .v05-capture-toolbar{gap:14px;align-items:center}.za-design-checker .v05-capture-toolbar>div:first-child{display:grid;gap:3px}.za-design-checker .v05-capture-toolbar>div:first-child span{font-size:12px;color:var(--muted)}.za-design-checker .v05-capture-toolbar .switchGroup{margin-inline-start:auto}.za-design-checker .v05-evidence-side{grid-template-columns:1fr}.za-design-checker .v05-selected-card{position:sticky;top:24px}.za-design-checker .finding{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.za-design-checker .finding.is-selected{border-color:#cfc5ff;box-shadow:0 12px 30px rgb(110 76 255 / .08)}.za-design-checker .finding.is-selected .num{background:var(--purple);color:#fff}.za-design-checker .finding .evidenceLine strong{color:var(--ink)}.za-design-checker .v05-selected-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}.za-design-checker .v05-evidence-facts{display:grid;gap:9px;margin-top:14px}.za-design-checker .v05-evidence-facts>div{display:grid;gap:4px;padding:11px 12px;border-radius:13px;background:#fff;border:1px solid #e4e1f3}.za-design-checker .v05-evidence-facts small{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:0;text-transform:none}.za-design-checker .v05-evidence-facts strong{font-size:12px;line-height:1.48;font-weight:700;color:var(--ink)}.za-design-checker .v05-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.za-design-checker .v05-system-card{padding:20px;min-width:0}.za-design-checker .v05-components-card{grid-column:1/-1}.za-design-checker .v05-system-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.za-design-checker .v05-system-head small{display:block;color:var(--purple);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.za-design-checker .v05-system-head h3{margin:0;font-size:19px;letter-spacing:-.02em}.za-design-checker .v05-system-head>b{font-size:28px;line-height:1;color:var(--ink)}.za-design-checker .v05-system-card>p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.za-design-checker .v05-token-list{display:grid;gap:8px;margin-top:16px}.za-design-checker .v05-token-row{display:grid;grid-template-columns:minmax(52px,auto) minmax(70px,1fr) auto;gap:9px;align-items:center;min-width:0}.za-design-checker .v05-token-value{font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.za-design-checker .v05-token-bar{height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}.za-design-checker .v05-token-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),#a174ff)}.za-design-checker .v05-token-count{font-size:11px;color:var(--muted);white-space:nowrap}.za-design-checker .v05-map-empty{padding:12px 0;color:var(--muted);font-size:12px}.za-design-checker .v05-color-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.za-design-checker .v05-color-token{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border-radius:13px;background:var(--panel2)}.za-design-checker .v05-color-token>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px;border:1px solid rgb(0 0 0 / .08)}.za-design-checker .v05-color-token div{min-width:0}.za-design-checker .v05-color-token strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.za-design-checker .v05-color-token small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.za-design-checker .v05-component-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.za-design-checker .v05-component-item{padding:14px;border-radius:15px;background:var(--panel2);min-width:0}.za-design-checker .v05-component-item small{display:block;color:var(--muted);font-size:11px}.za-design-checker .v05-component-item strong{display:block;font-size:26px;margin-top:4px}.za-design-checker .v05-component-item span{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:3px}.za-design-checker .v05-rtl-section[hidden]{display:none!important}.za-design-checker .v05-about-section{padding-top:16px}.za-design-checker .v05-scan-disclosure{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.za-design-checker .v05-scan-disclosure summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;cursor:pointer}.za-design-checker .v05-scan-disclosure summary::-webkit-details-marker{display:none}.za-design-checker .v05-scan-disclosure summary span{font-weight:850}.za-design-checker .v05-scan-disclosure summary strong{font-size:12px;color:var(--muted);font-weight:650;text-align:end}.za-design-checker .v05-scan-disclosure summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:999px;background:var(--panel2);font-weight:900}.za-design-checker .v05-scan-disclosure[open] summary:after{content:"−"}.za-design-checker .v05-scan-disclosure[open] summary{border-bottom:1px solid var(--line)}.za-design-checker .v05-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 16px 0}.za-design-checker .v05-coverage-item{padding:14px 15px;border-radius:15px;background:var(--panel2);min-width:0}.za-design-checker .v05-coverage-item small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.za-design-checker .v05-coverage-item strong{display:block;font-size:18px}.za-design-checker .v05-coverage-item p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.za-design-checker .v05-coverage-note{margin:10px 16px 16px;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}.za-design-checker .v05-coverage-note strong{display:block;font-size:12px;margin-bottom:4px}.za-design-checker .v05-coverage-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.za-design-checker .v05-recheck-section{padding-top:8px}.za-design-checker .v05-recheck-card{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 24px}.za-design-checker .v05-recheck-card small{display:block;color:var(--purple);font-weight:850;margin-bottom:4px}.za-design-checker .v05-recheck-card h2{margin:0;font-size:24px;letter-spacing:-.025em}.za-design-checker .v05-recheck-card p{margin:7px 0 0;color:var(--muted);line-height:1.5;max-width:760px}.za-design-checker .v05-recheck-card .primaryBtn{flex:0 0 auto}.za-design-checker[dir="rtl"] .v05-system-head,.za-design-checker[dir="rtl"] .v05-selected-meta,.za-design-checker[dir="rtl"] .v05-recheck-card,.za-design-checker[dir="rtl"] .v05-scan-disclosure summary{direction:rtl}.za-design-checker[dir="rtl"] .v05-scan-disclosure summary strong{text-align:start}@media (max-width:1100px){.za-design-checker .v05-system-grid{grid-template-columns:1fr 1fr}.za-design-checker .v05-component-map{grid-template-columns:repeat(2,minmax(0,1fr))}.za-design-checker .v05-selected-card{position:static}}@media (max-width:760px){.za-design-checker .v05-summary-wrap{padding-top:13px}.za-design-checker .v05-summary{grid-template-columns:1fr;gap:14px;padding:18px;border-radius:22px}.za-design-checker .v05-summary h3{font-size:23px}.za-design-checker .v05-summary-stats{justify-content:flex-start;width:100%}.za-design-checker .v05-stat{min-width:0;flex:1 1 92px}.za-design-checker .v05-capture-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.za-design-checker .v05-capture-toolbar .switchGroup{margin-inline-start:0;width:100%}.za-design-checker .v05-capture-toolbar .switchGroup button{flex:1 1 0%}.za-design-checker .v05-evidence-dashboard{display:flex;flex-direction:column}.za-design-checker .v05-evidence-side{order:-1}.za-design-checker .v05-system-grid{grid-template-columns:1fr;gap:10px}.za-design-checker .v05-components-card{grid-column:auto}.za-design-checker .v05-system-card{padding:16px;border-radius:20px}.za-design-checker .v05-system-head>b{font-size:24px}.za-design-checker .v05-component-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.za-design-checker .v05-color-list{grid-template-columns:1fr}.za-design-checker .v05-coverage-grid{grid-template-columns:1fr;gap:8px;padding:12px 12px 0}.za-design-checker .v05-coverage-note{margin:8px 12px 12px}.za-design-checker .v05-scan-disclosure summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:15px 16px}.za-design-checker .v05-scan-disclosure summary strong{grid-column:1;font-size:11px;text-align:start}.za-design-checker .v05-scan-disclosure summary:after{grid-column:2;grid-row:1/3}.za-design-checker .v05-recheck-card{display:grid;grid-template-columns:1fr;padding:18px;border-radius:20px}.za-design-checker .v05-recheck-card h2{font-size:22px}.za-design-checker .v05-recheck-card .primaryBtn{width:100%}}@media (max-width:430px){.za-design-checker .v05-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.za-design-checker .v05-stat{padding:10px 8px}.za-design-checker .v05-stat b{font-size:18px}.za-design-checker .v05-stat span{font-size:9.5px}.za-design-checker .v05-evidence-facts>div{padding:10px}.za-design-checker .v05-component-map{grid-template-columns:1fr 1fr}.za-design-checker .v05-token-row{grid-template-columns:50px minmax(50px,1fr) auto;gap:7px}.za-design-checker .v05-token-count{font-size:10px}}@media (max-width:390px){.za-design-checker .v05-summary{padding:16px}.za-design-checker .v05-summary-stats{grid-template-columns:1fr 1fr}.za-design-checker .v05-component-map{grid-template-columns:1fr}}.za-design-checker .v05-family-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.za-design-checker .v05-family-list>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:var(--panel2);font-size:11px;font-weight:750;min-width:0;max-width:100%}.za-design-checker .v05-family-list small{color:var(--muted);font-size:9px;font-weight:650;white-space:nowrap}.za-design-checker [hidden]{display:none!important}.za-design-checker{background:#fff}.za-design-checker .v06-tool-hero{background:#fff;padding:88px 0 110px;min-height:calc(100vh - 92px);display:flex;align-items:center}.za-design-checker .v06-tool-focus{width:min(900px,92vw);margin:0 auto;text-align:center}.za-design-checker .v06-tool-focus .kicker{font-size:13px;letter-spacing:.08em;color:var(--purple)}.za-design-checker .v06-tool-focus h1{max-width:860px;margin:18px auto 18px;font-size:clamp(50px,5.3vw,74px);line-height:1.03;letter-spacing:-.052em}.za-design-checker .v06-tool-focus .heroCopy{max-width:700px;margin:0 auto;color:#646878;font-size:19px;line-height:1.55}.za-design-checker .v06-scanbar{width:min(790px,100%);margin:38px auto 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;background:#fff0;border:0;border-radius:0;box-shadow:none}.za-design-checker .v06-scanbar input{height:60px;padding:0 20px;border:1px solid #dedfe6;border-radius:16px;background:#fff;font-size:17px;box-shadow:0 8px 24px rgb(25 22 38 / .035);outline:none}.za-design-checker .v06-scanbar input:focus{border-color:#cfc5ff;box-shadow:0 0 0 4px rgb(110 76 255 / .09)}.za-design-checker .v06-scanbar .primaryBtn{height:60px;min-width:210px;border-radius:16px;padding:0 24px;background:#111b2d;color:#fff;box-shadow:0 10px 26px rgb(17 27 45 / .13)}.za-design-checker .v06-tool-focus .scanDemo{width:min(790px,100%);margin:10px auto 0;justify-content:flex-start;text-align:start}.za-design-checker .v06-reassurance{margin:50px auto 0;display:flex;justify-content:center;gap:34px;flex-wrap:wrap;color:#606576;font-size:14px}.za-design-checker .v06-reassurance span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.za-design-checker .v06-reassurance i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1edff;color:#6548ee;font-style:normal;font-weight:900}.za-design-checker .v06-scan-notice{width:min(790px,100%);margin:22px auto 0;text-align:start}.za-design-checker .v06-report-output{background:#fff;padding:8px 0 44px}.za-design-checker .v06-report-output .section{padding:24px 0}.za-design-checker .v06-numbered-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:18px}.za-design-checker .v06-step{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:900;font-size:15px}.za-design-checker .v06-numbered-heading h2{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.025em}.za-design-checker .v06-numbered-heading p{margin:4px 0 0;color:#6c7180;font-size:13px;line-height:1.45}.za-design-checker .v06-text-action{align-self:center;border:0;background:#fff0;color:var(--purple);font-size:12px;font-weight:800;padding:8px 0}.za-design-checker .v06-system-layout{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.48fr);gap:14px}.za-design-checker .v06-capture-card{padding:12px;border-radius:24px;box-shadow:0 10px 30px rgb(25 22 38 / .045)}.za-design-checker .v06-capture-frame{border-radius:18px;overflow:hidden;background:#f7f7f9;border:1px solid #ececf0}.za-design-checker .v06-capture-card .browser{width:100%!important;max-width:none;border:0;border-radius:0;box-shadow:none;background:#fff}.za-design-checker .v06-capture-card .chrome{height:24px}.za-design-checker .v06-capture-card .captureImage{width:100%;max-height:410px;object-fit:contain;background:#fff}.za-design-checker .v06-device-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.za-design-checker .v06-device-switch button{border:1px solid #e2e3e9;background:#fff;border-radius:13px;padding:10px 8px;color:#202638;display:grid;gap:2px;text-align:center}.za-design-checker .v06-device-switch button strong{font-size:12px}.za-design-checker .v06-device-switch button span{font-size:10px;color:#777c88}.za-design-checker .v06-device-switch button.active{border-color:#8a70ff;background:#fbfaff;box-shadow:0 0 0 2px rgb(110 76 255 / .06)}.za-design-checker .v06-device-meta{display:none}.za-design-checker .v06-system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.za-design-checker .v06-system-card{min-width:0;padding:17px;border-radius:20px;display:flex;align-items:flex-start;gap:11px;box-shadow:0 8px 26px rgb(25 22 38 / .035)}.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:span 2}.za-design-checker .v06-card-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#f2efff;color:#6e4cff;font-weight:900;font-size:14px}.za-design-checker .v06-system-copy{min-width:0;flex:1}.za-design-checker .v06-system-copy h3{margin:0 0 6px;font-size:15px;line-height:1.25}.za-design-checker .v06-system-copy>p{margin:0;color:#606575;font-size:11.5px;line-height:1.45}.za-design-checker .v06-family-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.za-design-checker .v06-family-chip{display:inline-flex;align-items:baseline;gap:5px;padding:6px 8px;border-radius:999px;background:#f6f6f8;min-width:0;max-width:100%}.za-design-checker .v06-family-chip strong{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.za-design-checker .v06-family-chip small{font-size:9px;color:#737784;white-space:nowrap}.za-design-checker .v06-inline-pattern{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.za-design-checker .v06-inline-pattern>span{display:grid;gap:1px;padding:6px 8px;border-radius:9px;background:#fafaff;border:1px solid #ece8ff}.za-design-checker .v06-inline-pattern strong{font-size:10px}.za-design-checker .v06-inline-pattern small{font-size:8px;color:#797d88}.za-design-checker .v06-mini-bars{display:grid;gap:5px;margin-top:11px}.za-design-checker .v06-mini-bars .v05-token-row{display:grid;grid-template-columns:38px minmax(44px,1fr) auto;gap:6px;align-items:center}.za-design-checker .v06-mini-bars .v05-token-value{font-size:9px}.za-design-checker .v06-mini-bars .v05-token-count{font-size:8px}.za-design-checker .v06-mini-bars .v05-token-bar{height:6px}.za-design-checker .v06-color-swatches{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.za-design-checker .v06-swatch{width:30px;height:30px;border-radius:50%;border:1px solid rgb(0 0 0 / .08);box-shadow:0 1px 4px rgb(0 0 0 / .04)}.za-design-checker .v06-component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.za-design-checker .v06-component-item{padding:10px;border-radius:13px;background:#f7f7f9;min-width:0}.za-design-checker .v06-component-item small{display:block;color:#737784;font-size:9px}.za-design-checker .v06-component-item strong{display:block;font-size:19px;line-height:1.1;margin-top:4px}.za-design-checker .v06-component-item span{display:block;color:#737784;font-size:8.5px;line-height:1.3;margin-top:3px}.za-design-checker .v06-rtl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.za-design-checker .v06-rtl-grid>span{padding:9px;border-radius:12px;background:#f7f7f9;display:grid;gap:2px}.za-design-checker .v06-rtl-grid small{font-size:9px;color:#747985}.za-design-checker .v06-rtl-grid strong{font-size:11px}.za-design-checker .v06-findings-section{border-top:1px solid #f0f0f2}.za-design-checker .v06-finding-filters{display:flex;gap:6px;align-items:center;align-self:center;flex-wrap:wrap;justify-content:flex-end}.za-design-checker .v06-finding-filters button{border:1px solid #e4e5ea;background:#fff;border-radius:999px;padding:7px 10px;color:#606575;font-size:10px;font-weight:700}.za-design-checker .v06-finding-filters button span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#f1efff;color:#6548ee;margin-inline-start:4px}.za-design-checker .v06-finding-filters button.active{background:#6e4cff;color:#fff;border-color:#6e4cff}.za-design-checker .v06-finding-filters button.active span{background:#fff;color:#6e4cff}.za-design-checker .v06-findings{display:grid;gap:9px}.za-design-checker .v06-finding-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border-radius:18px;box-shadow:0 6px 20px rgb(25 22 38 / .025)}.za-design-checker .v06-finding-row.is-selected{border-color:#d5ccff;box-shadow:0 8px 26px rgb(110 76 255 / .07)}.za-design-checker .v06-finding-main{display:flex;gap:10px;min-width:0}.za-design-checker .v06-finding-icon{width:29px;height:29px;flex:0 0 29px;border-radius:50%;display:grid;place-items:center;background:#fdeaea;color:#a94343;font-weight:900}.za-design-checker .v06-finding-icon.review{background:#fff3de;color:#9b6213}.za-design-checker .v06-finding-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.za-design-checker .v06-finding-title-row h3{margin:0;font-size:13px;line-height:1.28}.za-design-checker .v06-finding-main p{margin:4px 0 0;color:#6a6f7d;font-size:10px;line-height:1.42}.za-design-checker .v06-observed{margin-top:7px;display:flex;gap:5px;align-items:baseline;flex-wrap:wrap;font-size:9px;color:#727785}.za-design-checker .v06-observed strong{color:#333847}.za-design-checker .v06-finding-facts{display:grid;grid-template-columns:.72fr .72fr 1.25fr 1.25fr;gap:12px;min-width:0}.za-design-checker .v06-finding-facts>div{min-width:0}.za-design-checker .v06-finding-facts small{display:block;color:#6f7481;font-size:8.5px;font-weight:800;margin-bottom:4px}.za-design-checker .v06-finding-facts strong{font-size:9.5px}.za-design-checker .v06-finding-facts span{display:block;color:#4f5562;font-size:9px;line-height:1.38}.za-design-checker .v06-finding-row .detailBtn{border:0;background:#f2efff;color:#6e4cff;border-radius:999px;padding:9px 12px;font-size:9.5px;font-weight:800;white-space:nowrap}.za-design-checker .v06-close-section{border-top:1px solid #f0f0f2;padding-bottom:28px!important}.za-design-checker .v06-close-heading{margin-bottom:14px}.za-design-checker .v06-close-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:5px 0 14px}.za-design-checker .v06-close-actions button{min-height:46px;border-radius:14px;padding:0 18px;font-weight:800}.za-design-checker .v06-close-actions .helpPrimary{border:0;background:#111b2d;color:#fff;min-width:230px}.za-design-checker .v06-secondary-action{border:1px solid #e2e3e9;background:#fff;color:#22283a;min-width:170px}.za-design-checker .v06-scan-disclosure{margin-top:8px;border-radius:16px;box-shadow:none}.za-design-checker[dir="rtl"] .v06-tool-focus{text-align:center}.za-design-checker[dir="rtl"] .v06-tool-focus .scanDemo{justify-content:flex-start}.za-design-checker[dir="rtl"] .v06-numbered-heading,.za-design-checker[dir="rtl"] .v06-finding-row,.za-design-checker[dir="rtl"] .v06-system-card{direction:rtl}@media (max-width:1100px){.za-design-checker .v06-system-layout{grid-template-columns:1fr}.za-design-checker .v06-capture-card{max-width:720px;width:100%;margin:auto}.za-design-checker .v06-system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:1/-1}.za-design-checker .v06-finding-row{grid-template-columns:1fr auto}.za-design-checker .v06-finding-facts{grid-column:1/-1}.za-design-checker .v06-finding-row .detailBtn{grid-column:2;grid-row:1}}@media (max-width:760px){.za-design-checker .v06-tool-hero{min-height:calc(100dvh - 72px);padding:44px 0 64px;align-items:flex-start}.za-design-checker .v06-tool-focus{width:min(92vw,560px);text-align:start}.za-design-checker[dir="rtl"] .v06-tool-focus{text-align:start}.za-design-checker .v06-tool-focus .kicker{font-size:11px}.za-design-checker .v06-tool-focus h1{font-size:clamp(38px,10.8vw,52px);line-height:1.03;margin:14px 0 14px}.za-design-checker .v06-tool-focus .heroCopy{font-size:16px;line-height:1.5;margin:0}.za-design-checker .v06-scanbar{margin-top:28px;grid-template-columns:1fr;gap:10px}.za-design-checker .v06-scanbar input,.za-design-checker .v06-scanbar .primaryBtn{height:56px;width:100%}.za-design-checker .v06-tool-focus .scanDemo{margin-top:9px}.za-design-checker .v06-reassurance{margin-top:30px;display:grid;justify-content:stretch;gap:11px;font-size:13px}.za-design-checker .v06-reassurance span{white-space:normal}.za-design-checker .v06-reassurance i{width:27px;height:27px}.za-design-checker .v06-numbered-heading{grid-template-columns:auto minmax(0,1fr);gap:10px;margin-bottom:13px}.za-design-checker .v06-numbered-heading>.v06-text-action,.za-design-checker .v06-numbered-heading>.v06-finding-filters{grid-column:1/-1;margin-inline-start:44px;justify-content:flex-start}.za-design-checker .v06-numbered-heading h2{font-size:22px}.za-design-checker .v06-system-layout{gap:10px}.za-design-checker .v06-capture-card{padding:9px;border-radius:18px}.za-design-checker .v06-capture-card .captureImage{max-height:360px}.za-design-checker .v06-device-switch{gap:6px}.za-design-checker .v06-device-switch button{padding:8px 5px;border-radius:11px}.za-design-checker .v06-device-switch button strong{font-size:10px}.za-design-checker .v06-device-switch button span{font-size:8px}.za-design-checker .v06-system-cards{grid-template-columns:1fr;gap:8px}.za-design-checker .v06-system-card,.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:auto;padding:14px;border-radius:16px}.za-design-checker .v06-system-copy h3{font-size:14px}.za-design-checker .v06-system-copy>p{font-size:11px}.za-design-checker .v06-component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.za-design-checker .v06-component-item{padding:8px}.za-design-checker .v06-component-item strong{font-size:17px}.za-design-checker .v06-component-item span{font-size:7.5px}.za-design-checker .v06-rtl-grid{grid-template-columns:1fr 1fr 1fr}.za-design-checker .v06-finding-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.za-design-checker .v06-finding-filters button{white-space:nowrap}.za-design-checker .v06-finding-row{grid-template-columns:1fr;gap:11px;padding:13px}.za-design-checker .v06-finding-row .detailBtn{grid-column:auto;grid-row:auto;width:100%;padding:10px}.za-design-checker .v06-finding-facts{grid-column:auto;grid-template-columns:1fr 1fr;gap:9px;padding-top:10px;border-top:1px solid #f0f0f3}.za-design-checker .v06-finding-facts>div:nth-child(n+3){grid-column:1/-1}.za-design-checker .v06-close-actions{display:grid;grid-template-columns:1fr;gap:8px}.za-design-checker .v06-close-actions button{width:100%;min-width:0}}@media (max-width:430px){.za-design-checker .v06-tool-hero{padding-top:34px}.za-design-checker .v06-tool-focus h1{font-size:40px}.za-design-checker .v06-component-grid{grid-template-columns:1fr 1fr}.za-design-checker .v06-inline-pattern>span:nth-child(n+4){display:none}.za-design-checker .v06-color-swatches .v06-swatch:nth-child(n+5){display:none}}.za-design-checker .v061-scan-progress{width:min(790px,100%);margin:16px auto 0;text-align:start}.za-design-checker .v061-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:#505667;font-size:12px}.za-design-checker .v061-progress-head strong{font-size:12px;color:#303647}.za-design-checker .v061-progress-head span{font-variant-numeric:tabular-nums;font-weight:850;color:#6548ee}.za-design-checker .v061-progress-track{height:8px;border-radius:999px;background:#eeedf3;overflow:hidden;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .025)}.za-design-checker .v061-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e4cff,#9b7cff);transition:width .42s cubic-bezier(.22,.61,.36,1)}.za-design-checker .v06-system-layout{grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.za-design-checker .v06-capture-card{min-width:0}.za-design-checker .v06-capture-frame{height:540px;padding:12px;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:#f5f5f8}.za-design-checker .v06-capture-card .browser{width:100%!important;max-width:100%;height:100%;min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr);overflow:hidden;border:1px solid #e0e1e7;border-radius:14px;box-shadow:0 12px 28px rgb(25 22 38 / .07);transition:width .28s ease,max-width .28s ease}.za-design-checker .v06-capture-card .browser.tablet{width:min(72%,520px)!important}.za-design-checker .v06-capture-card .browser.mobile{width:min(46%,320px)!important}.za-design-checker .v06-capture-card #captureHost{min-height:0;height:100%;overflow:auto;background:#fff;scrollbar-width:thin;overscroll-behavior:contain}.za-design-checker .v06-capture-card .capturePlaceholder{min-height:100%;height:100%}.za-design-checker .v06-capture-card .captureImage{display:block;width:100%;height:auto;max-height:none!important;object-fit:initial;background:#fff}.za-design-checker .v06-system-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-content:start}.za-design-checker .v06-system-card{padding:20px;gap:13px;border-radius:22px}.za-design-checker .v06-system-card-type{grid-column:1/-1}.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors,.za-design-checker .v06-system-card-radius{grid-column:span 2}.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:1/-1}.za-design-checker .v06-card-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:15px}.za-design-checker .v06-system-copy h3{font-size:17px;margin-bottom:7px}.za-design-checker .v06-system-copy>p{font-size:13px;line-height:1.5}.za-design-checker .v06-family-chip{padding:7px 10px}.za-design-checker .v06-family-chip strong{font-size:12px}.za-design-checker .v06-family-chip small{font-size:10px}.za-design-checker .v06-inline-pattern>span{padding:8px 10px}.za-design-checker .v06-inline-pattern strong{font-size:11px}.za-design-checker .v06-inline-pattern small{font-size:9px}.za-design-checker .v06-mini-bars{gap:8px;margin-top:13px}.za-design-checker .v06-mini-bars .v05-token-row{grid-template-columns:45px minmax(58px,1fr) auto;gap:8px}.za-design-checker .v06-mini-bars .v05-token-value{font-size:10px}.za-design-checker .v06-mini-bars .v05-token-count{font-size:9px}.za-design-checker .v06-mini-bars .v05-token-bar{height:7px}.za-design-checker .v06-swatch{width:34px;height:34px}.za-design-checker .v06-component-grid{gap:10px}.za-design-checker .v06-component-item{padding:12px}.za-design-checker .v06-component-item small{font-size:10px}.za-design-checker .v06-component-item strong{font-size:22px}.za-design-checker .v06-component-item span{font-size:9.5px}@media (max-width:1250px){.za-design-checker .v06-system-layout{grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr)}.za-design-checker .v06-capture-frame{height:500px}.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors{grid-column:span 3}.za-design-checker .v06-system-card-radius{grid-column:1/-1}}@media (max-width:1100px){.za-design-checker .v06-system-layout{grid-template-columns:1fr}.za-design-checker .v06-capture-card{max-width:none}.za-design-checker .v06-capture-frame{height:520px}.za-design-checker .v06-system-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.za-design-checker .v06-system-card-type,.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:1/-1}.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors,.za-design-checker .v06-system-card-radius{grid-column:span 2}}@media (max-width:760px){.za-design-checker .v061-scan-progress{margin-top:14px}.za-design-checker .v06-capture-frame{height:430px;padding:9px}.za-design-checker .v06-capture-card .browser.tablet{width:min(78%,420px)!important}.za-design-checker .v06-capture-card .browser.mobile{width:min(58%,270px)!important}.za-design-checker .v06-system-cards{grid-template-columns:1fr!important;gap:9px}.za-design-checker .v06-system-card-type,.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors,.za-design-checker .v06-system-card-radius,.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:1!important}.za-design-checker .v06-system-card{padding:16px}.za-design-checker .v06-system-copy h3{font-size:15px}.za-design-checker .v06-system-copy>p{font-size:12px}}@media (max-width:430px){.za-design-checker .v06-capture-frame{height:390px}.za-design-checker .v06-capture-card .browser.tablet{width:82%!important}.za-design-checker .v06-capture-card .browser.mobile{width:66%!important}}@media (min-width:1101px){.za-design-checker .v06-system-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}.za-design-checker .v06-capture-card{grid-column:1 / span 5;grid-row:1;align-self:stretch}.za-design-checker .v06-capture-frame{height:450px}.za-design-checker .v06-system-cards{display:contents}.za-design-checker .v06-system-card-type{grid-column:6 / -1;grid-row:1}.za-design-checker .v06-system-card-spacing{grid-column:1 / span 4;grid-row:2}.za-design-checker .v06-system-card-colors{grid-column:5 / span 4;grid-row:2}.za-design-checker .v06-system-card-radius{grid-column:9 / span 4;grid-row:2}.za-design-checker .v06-system-card-components{grid-column:1 / -1;grid-row:3}.za-design-checker .v06-rtl-card{grid-column:1 / -1;grid-row:auto}.za-design-checker .v06-system-card{min-height:0}.za-design-checker .v06-system-card-type .v06-system-copy>p{max-width:820px}}@media (min-width:761px) and (max-width:1100px){.za-design-checker .v06-system-layout{grid-template-columns:1fr;gap:12px}.za-design-checker .v06-capture-card{grid-column:1}.za-design-checker .v06-system-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.za-design-checker .v06-system-card-type,.za-design-checker .v06-system-card-components,.za-design-checker .v06-rtl-card{grid-column:1 / -1}.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors,.za-design-checker .v06-system-card-radius{grid-column:auto}}@media (max-width:760px){.za-design-checker .v06-system-cards{display:grid}}@media (min-width:1200px){.za-dc-tool-page #header .za-dc-header-lang-widget,.za-dc-tool-page .main-header .za-dc-header-lang-widget{position:relative!important;z-index:1002!important;overflow:visible!important}.za-dc-tool-page #header .za-dc-header-lang-widget>.elementor-widget-container,.za-dc-tool-page .main-header .za-dc-header-lang-widget>.elementor-widget-container{display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:visible!important}.za-dc-tool-page #header .za-dc-header-lang-widget .ld-module-search,.za-dc-tool-page .main-header .za-dc-header-lang-widget .ld-module-search{display:none!important;pointer-events:none!important}.za-dc-tool-page #header .za-dc-header-lang-widget>.elementor-widget-container>.za-dc-header-lang-host,.za-dc-tool-page .main-header .za-dc-header-lang-widget>.elementor-widget-container>.za-dc-header-lang-host{display:flex!important;width:auto!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;padding:0!important;margin:0!important;position:relative;z-index:1004;pointer-events:auto!important}}@media (min-width:1101px){.za-design-checker .v06-system-layout{grid-template-columns:repeat(30,minmax(0,1fr));gap:16px;align-items:start}.za-design-checker .v06-capture-card{grid-column:1 / span 18;grid-row:1;align-self:start}.za-design-checker .v06-system-card-type{grid-column:19 / -1;grid-row:1;align-self:start}.za-design-checker .v06-system-card-spacing{grid-column:1 / span 10;grid-row:2}.za-design-checker .v06-system-card-colors{grid-column:11 / span 10;grid-row:2}.za-design-checker .v06-system-card-radius{grid-column:21 / span 10;grid-row:2}.za-design-checker .v06-system-card-components{grid-column:1 / -1;grid-row:3}.za-design-checker .v06-capture-frame{height:390px;min-height:0;padding:12px}.za-design-checker .v06-capture-card .browser.tablet{width:min(72%,560px)!important}.za-design-checker .v06-capture-card .browser.mobile{width:min(44%,340px)!important}}@media (max-width:760px){.za-design-checker .v06-capture-frame{height:350px;min-height:0}.za-design-checker .v06-capture-card .browser.tablet{width:min(100%,520px)!important;max-width:100%!important}.za-design-checker .v06-capture-card .browser.mobile{width:min(100%,390px)!important;max-width:100%!important}}@media (max-width:430px){.za-design-checker .v06-capture-frame{height:330px;padding:8px}.za-design-checker .v06-capture-card .browser.tablet,.za-design-checker .v06-capture-card .browser.mobile{width:100%!important}}.za-design-checker .v065-type-analysis{margin-top:16px;padding-top:14px;border-top:1px solid #ececf1}.za-design-checker .v065-type-analysis-title{margin-bottom:9px;color:#3b4050;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.za-design-checker .v065-type-role-list{display:grid;gap:6px}.za-design-checker .v065-type-role{display:grid;grid-template-columns:minmax(78px,.8fr) minmax(110px,1.25fr) auto;gap:8px;align-items:center;min-width:0;padding:8px 9px;border-radius:11px;background:#f8f8fa;border:1px solid #efeff3}.za-design-checker .v065-type-role>div{min-width:0;display:grid;gap:1px}.za-design-checker .v065-type-role>div strong{font-size:10px;line-height:1.25;color:#252a38}.za-design-checker .v065-type-role>div strong sup{font-size:7px;color:#7a6bf0;margin-inline-start:2px}.za-design-checker .v065-type-role>div small{font-size:7.5px;line-height:1.25;color:#8a8e9a}.za-design-checker .v065-type-role>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;color:#444a59}.za-design-checker .v065-type-role>em{font-style:normal;font-size:8px;color:#707584;white-space:nowrap}.za-design-checker .v065-type-role.is-inferred{background:#fbfaff;border-color:#eee9ff}.za-design-checker .v065-type-empty{padding:9px;border-radius:11px;background:#f8f8fa;color:#737784;font-size:9px;line-height:1.4}.za-design-checker .v065-type-drift{margin-top:9px;padding:9px 10px;border-radius:12px;background:#fbfaff;border:1px solid #eee9ff}.za-design-checker .v065-type-drift strong{display:block;font-size:9px;color:#5c48c8;margin-bottom:3px}.za-design-checker .v065-type-drift p{margin:0;color:#656a78;font-size:8px;line-height:1.35;display:flex;gap:8px;flex-wrap:wrap}.za-design-checker .v065-type-examples-toggle{margin-top:9px;border:0;background:#fff0;color:#684df0;padding:2px 0;font-size:9px;font-weight:850;text-decoration:underline;text-underline-offset:3px}.za-design-checker .v065-type-examples{margin-top:8px;padding-top:8px;border-top:1px dashed #e5e3ee}.za-design-checker .v065-type-examples ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.za-design-checker .v065-type-examples li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:3px 8px;align-items:baseline}.za-design-checker .v065-type-examples li strong{font-size:8px;color:#5d48cb}.za-design-checker .v065-type-examples li span{font-size:8.5px;color:#3e4351;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.za-design-checker .v065-type-examples li small{grid-column:2;color:#858996;font-size:7.5px}.za-design-checker .v065-type-examples>p{margin:0;color:#737784;font-size:8.5px;line-height:1.45}.za-design-checker .v065-rare-values{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:7px}.za-design-checker .v065-rare-values>strong{font-size:8px;color:#555b69;margin-inline-end:2px}.za-design-checker .v065-rare-values>span{padding:4px 6px;border-radius:999px;background:#f5f4f8;color:#757987;font-size:7.5px}@media (max-width:1250px) and (min-width:1101px){.za-design-checker .v065-type-role{grid-template-columns:minmax(70px,.72fr) minmax(90px,1fr)}.za-design-checker .v065-type-role>em{grid-column:2}}@media (max-width:760px){.za-design-checker .v065-type-analysis{margin-top:13px;padding-top:12px}.za-design-checker .v065-type-role{grid-template-columns:minmax(90px,.75fr) minmax(0,1fr) auto;padding:8px}.za-design-checker .v065-type-role>div strong{font-size:9.5px}.za-design-checker .v065-type-role>span{font-size:8.5px}.za-design-checker .v065-type-role>em{font-size:7.5px}}@media (max-width:430px){.za-design-checker .v065-type-role{grid-template-columns:84px minmax(0,1fr)}.za-design-checker .v065-type-role>em{grid-column:2}}@media (min-width:1101px){.za-design-checker .v06-capture-frame{height:455px}}@media (max-width:430px){.za-design-checker .v065-type-role{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.za-design-checker .v065-type-role>div{grid-column:1/-1}.za-design-checker .v065-type-role>span{grid-column:1;white-space:normal}.za-design-checker .v065-type-role>em{grid-column:2;align-self:end}}.za-design-checker .v066-color-usage{display:grid;gap:7px;margin-top:11px;padding-top:9px;border-top:1px solid #ececf1}.za-design-checker .v066-color-row{display:grid;grid-template-columns:18px minmax(64px,.62fr) minmax(70px,1fr) auto;gap:7px;align-items:center;min-width:0}.za-design-checker .v066-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgb(25 25 30 / .13);box-shadow:0 1px 3px rgb(0 0 0 / .05)}.za-design-checker .v066-color-token{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:800;color:#3d4250;font-variant-numeric:tabular-nums}.za-design-checker .v066-color-bar{height:7px;border-radius:999px;background:#eeeef1;overflow:hidden}.za-design-checker .v066-color-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e4cff,#9b7cff)}.za-design-checker .v066-color-row small{font-size:8.5px;color:#747987;white-space:nowrap;font-variant-numeric:tabular-nums}.za-design-checker .v066-color-summary{margin-top:8px;padding:7px 9px;border-radius:10px;background:#fbfaff;border:1px solid #eee9ff}.za-design-checker .v066-color-summary strong{display:block;margin-bottom:2px;font-size:8.5px;color:#5c48c8}.za-design-checker .v066-color-summary p{margin:0;color:#656a78;font-size:8px;line-height:1.35;display:flex;gap:8px;flex-wrap:wrap}@media (max-width:1250px) and (min-width:1101px){.za-design-checker .v066-color-row{grid-template-columns:16px 56px minmax(58px,1fr) auto;gap:5px}.za-design-checker .v066-color-token{font-size:8.5px}.za-design-checker .v066-color-row small{font-size:7.8px}}@media (max-width:760px){.za-design-checker .v066-color-usage{margin-top:12px;padding-top:10px}.za-design-checker .v066-color-row{grid-template-columns:17px 70px minmax(70px,1fr) auto}.za-design-checker .v066-color-token{font-size:9px}}@media (max-width:430px){.za-design-checker .v066-color-row{grid-template-columns:16px 62px minmax(54px,1fr) auto;gap:5px}.za-design-checker .v066-color-row small{font-size:7.8px}}@media (min-width:1101px){.za-design-checker .v06-system-card-spacing,.za-design-checker .v06-system-card-colors,.za-design-checker .v06-system-card-radius{align-self:stretch;height:100%}}@media (min-width:1101px){.za-design-checker .v06-report-output{font-size:16px;line-height:1.5}.za-design-checker .v06-numbered-heading{gap:14px;margin-bottom:22px}.za-design-checker .v06-step{width:38px;height:38px;font-size:16px}.za-design-checker .v06-numbered-heading h2{font-size:30px;line-height:1.18}.za-design-checker .v06-numbered-heading p{margin-top:6px;font-size:15.5px;line-height:1.55}.za-design-checker .v06-text-action{font-size:14px}.za-design-checker .v06-system-layout{align-items:stretch;gap:18px}.za-design-checker .v06-capture-card,.za-design-checker .v06-system-card-type{align-self:stretch;height:100%}.za-design-checker .v06-capture-card{display:flex;flex-direction:column;padding:14px}.za-design-checker .v06-capture-frame{flex:1 1 auto;height:auto;min-height:455px}.za-design-checker .v06-device-switch{flex:0 0 auto;margin-top:12px;gap:10px}.za-design-checker .v06-device-switch button{min-height:66px;padding:12px 10px}.za-design-checker .v06-device-switch button strong{font-size:15px}.za-design-checker .v06-device-switch button span{font-size:12px}.za-design-checker .v06-system-card{padding:22px;gap:14px;border-radius:24px}.za-design-checker .v06-card-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:17px}.za-design-checker .v06-system-copy h3{margin-bottom:8px;font-size:21px;line-height:1.25}.za-design-checker .v06-system-copy>p{font-size:15.5px;line-height:1.55}.za-design-checker .v06-family-list{gap:9px;margin-top:14px}.za-design-checker .v06-family-chip{gap:6px;padding:9px 11px}.za-design-checker .v06-family-chip strong{font-size:14px}.za-design-checker .v06-family-chip small{font-size:12px}.za-design-checker .v06-inline-pattern{gap:8px;margin-top:12px}.za-design-checker .v06-inline-pattern>span{gap:3px;padding:10px 12px;border-radius:11px}.za-design-checker .v06-inline-pattern strong{font-size:14px}.za-design-checker .v06-inline-pattern small{font-size:12px}.za-design-checker .v065-type-analysis{margin-top:20px;padding-top:18px}.za-design-checker .v065-type-analysis-title{margin-bottom:12px;font-size:13px;letter-spacing:.045em}.za-design-checker .v065-type-role-list{gap:9px}.za-design-checker .v065-type-role{grid-template-columns:minmax(100px,.78fr) minmax(150px,1.2fr) auto;gap:12px;padding:12px 13px;border-radius:13px}.za-design-checker .v065-type-role>div strong{font-size:14px;line-height:1.3}.za-design-checker .v065-type-role>div strong sup{font-size:9px}.za-design-checker .v065-type-role>div small{font-size:11.5px;line-height:1.35}.za-design-checker .v065-type-role>span{font-size:13.5px}.za-design-checker .v065-type-role>em{font-size:12px}.za-design-checker .v065-type-empty{padding:12px;font-size:13px;line-height:1.5}.za-design-checker .v065-type-drift{margin-top:12px;padding:12px 13px;border-radius:13px}.za-design-checker .v065-type-drift strong{margin-bottom:5px;font-size:13px}.za-design-checker .v065-type-drift p{font-size:12.5px;line-height:1.5;gap:10px}.za-design-checker .v065-type-examples-toggle{margin-top:12px;font-size:13px;padding:3px 0}.za-design-checker .v065-type-examples{margin-top:11px;padding-top:11px}.za-design-checker .v065-type-examples li{grid-template-columns:76px minmax(0,1fr);gap:4px 10px}.za-design-checker .v065-type-examples li strong{font-size:12px}.za-design-checker .v065-type-examples li span{font-size:13px}.za-design-checker .v065-type-examples li small{font-size:11px}.za-design-checker .v065-type-examples>p{font-size:12.5px;line-height:1.5}.za-design-checker .v065-rare-values{gap:7px;margin-top:10px}.za-design-checker .v065-rare-values>strong{font-size:12px}.za-design-checker .v065-rare-values>span{padding:5px 8px;font-size:11px}.za-design-checker .v06-mini-bars{gap:10px;margin-top:15px}.za-design-checker .v06-mini-bars .v05-token-row{grid-template-columns:58px minmax(90px,1fr) auto;gap:10px}.za-design-checker .v06-mini-bars .v05-token-value{font-size:13px}.za-design-checker .v06-mini-bars .v05-token-count{font-size:12px}.za-design-checker .v06-mini-bars .v05-token-bar{height:8px}.za-design-checker .v06-color-swatches{gap:9px;margin-top:16px}.za-design-checker .v06-swatch{width:38px;height:38px}.za-design-checker .v066-color-usage{gap:10px;margin-top:14px;padding-top:13px}.za-design-checker .v066-color-row{grid-template-columns:20px minmax(78px,.62fr) minmax(100px,1fr) auto;gap:9px}.za-design-checker .v066-color-dot{width:18px;height:18px}.za-design-checker .v066-color-token{font-size:12.5px}.za-design-checker .v066-color-bar{height:8px}.za-design-checker .v066-color-row small{font-size:11.5px}.za-design-checker .v066-color-summary{margin-top:11px;padding:11px 12px;border-radius:12px}.za-design-checker .v066-color-summary strong{margin-bottom:4px;font-size:12.5px}.za-design-checker .v066-color-summary p{font-size:12px;line-height:1.5;gap:10px}.za-design-checker .v06-component-grid{gap:12px;margin-top:16px}.za-design-checker .v06-component-item{padding:15px;border-radius:15px}.za-design-checker .v06-component-item small{font-size:12px}.za-design-checker .v06-component-item strong{margin-top:6px;font-size:29px}.za-design-checker .v06-component-item span{margin-top:5px;font-size:12px;line-height:1.4}.za-design-checker .v06-finding-filters{gap:8px}.za-design-checker .v06-finding-filters button{padding:9px 12px;font-size:13px}.za-design-checker .v06-findings{gap:12px}.za-design-checker .v06-finding-row{gap:20px;padding:20px 21px;border-radius:20px}.za-design-checker .v06-finding-main{gap:12px}.za-design-checker .v06-finding-icon{width:34px;height:34px;flex-basis:34px}.za-design-checker .v06-finding-title-row h3{font-size:17px;line-height:1.35}.za-design-checker .v06-finding-main p{margin-top:6px;font-size:14px;line-height:1.5}.za-design-checker .v06-observed{margin-top:9px;font-size:12.5px}.za-design-checker .v06-finding-facts{gap:15px}.za-design-checker .v06-finding-facts small{margin-bottom:5px;font-size:11.5px}.za-design-checker .v06-finding-facts strong{font-size:13.5px}.za-design-checker .v06-finding-facts span{font-size:13px;line-height:1.48}.za-design-checker .v06-finding-row .detailBtn{padding:11px 14px;font-size:13px}.za-design-checker .v06-report-output .severity{padding:8px 11px;font-size:12px}.za-design-checker .v06-close-actions{gap:12px;margin:8px 0 18px}.za-design-checker .v06-close-actions button{min-height:50px;padding:0 21px;font-size:15px}.za-design-checker .v05-scan-disclosure summary{padding:15px 17px;font-size:15px}.za-design-checker .v05-scan-disclosure summary strong{font-size:13px}.za-design-checker .v05-coverage-grid{gap:12px}.za-design-checker .v05-coverage-item{padding:17px}.za-design-checker .v05-coverage-item small{font-size:12px}.za-design-checker .v05-coverage-item strong{font-size:22px}.za-design-checker .v05-coverage-item p,.za-design-checker .v05-coverage-note p{font-size:13px;line-height:1.55}.za-design-checker .v05-coverage-note strong{font-size:13px}}.za-design-checker .v069-system-summary{margin-top:12px;padding:11px 12px;border:1px solid #eee8ff;border-radius:12px;background:#faf8ff}.za-design-checker .v069-system-summary strong{display:block;margin-bottom:4px;color:#5c48c8;font-size:12.5px;line-height:1.35}.za-design-checker .v069-system-summary p{display:grid;gap:5px;margin:0!important;color:#626879!important;font-size:12px!important;line-height:1.48!important}.za-design-checker .v069-system-summary p span{display:block}@media (min-width:1101px){.za-design-checker .v06-system-card-spacing .v06-system-copy,.za-design-checker .v06-system-card-colors .v06-system-copy,.za-design-checker .v06-system-card-radius .v06-system-copy{display:flex;flex-direction:column;min-height:100%}.za-design-checker .v06-system-card-spacing .v069-system-summary,.za-design-checker .v06-system-card-colors .v066-color-summary,.za-design-checker .v06-system-card-radius .v069-system-summary{margin-top:auto}}@media (max-width:1100px){.za-design-checker .v069-system-summary{margin-top:10px;padding:10px 11px}.za-design-checker .v069-system-summary strong{font-size:12px}.za-design-checker .v069-system-summary p{font-size:11.5px!important}}.za-design-checker .v0610-system-head>h3{margin:0 0 7px}.za-design-checker .v0610-system-head>p{margin:0;color:#606575;font-size:13px;line-height:1.5}.za-design-checker .v0610-system-evidence{min-width:0}@media (min-width:1101px){.za-design-checker .v06-system-card-spacing .v06-system-copy,.za-design-checker .v06-system-card-colors .v06-system-copy,.za-design-checker .v06-system-card-radius .v06-system-copy{display:grid;grid-template-rows:auto minmax(190px,1fr) 122px;gap:16px;min-height:100%}.za-design-checker .v0610-system-head>h3{margin:0 0 8px;font-size:21px;line-height:1.25}.za-design-checker .v0610-system-head>p{font-size:15.5px;line-height:1.55}.za-design-checker .v0610-system-evidence{display:flex;flex-direction:column;justify-content:flex-start;min-height:190px}.za-design-checker .v06-system-card-spacing .v06-mini-bars,.za-design-checker .v06-system-card-radius .v06-mini-bars{flex:1;display:grid;align-content:space-evenly;margin-top:0;gap:10px}.za-design-checker .v06-system-card-colors .v06-color-swatches{margin-top:0}.za-design-checker .v06-system-card-colors .v066-color-usage{flex:1;align-content:space-evenly;margin-top:12px}.za-design-checker .v06-system-card-spacing .v069-system-summary,.za-design-checker .v06-system-card-colors .v066-color-summary,.za-design-checker .v06-system-card-radius .v069-system-summary{margin-top:0;min-height:122px;height:122px;padding:14px 15px;display:flex;flex-direction:column;justify-content:flex-start}.za-design-checker .v069-system-summary strong,.za-design-checker .v066-color-summary strong{margin-bottom:7px;font-size:13px}.za-design-checker .v069-system-summary p,.za-design-checker .v066-color-summary p{display:grid;gap:5px;margin:0!important;font-size:12px!important;line-height:1.42!important}}@media (max-width:1100px){.za-design-checker .v0610-system-head>p{font-size:12px;line-height:1.5}.za-design-checker .v0610-system-evidence{min-height:0}}@media (min-width:1101px){.za-design-checker .v06-system-card-spacing .v06-system-copy,.za-design-checker .v06-system-card-colors .v06-system-copy,.za-design-checker .v06-system-card-radius .v06-system-copy{grid-template-rows:auto 190px auto;align-content:start}.za-design-checker .v06-system-card-spacing .v069-system-summary,.za-design-checker .v06-system-card-colors .v066-color-summary,.za-design-checker .v06-system-card-radius .v069-system-summary{height:auto;min-height:0;overflow:visible}}.za-design-checker .v07-overview-section{padding-bottom:10px}.za-design-checker .v07-overview-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);gap:24px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fcfbff 100%);border:1px solid #ece9fb;box-shadow:0 10px 30px rgb(42 31 91 / .045)}.za-design-checker .v07-overview-kicker{display:block;margin-bottom:7px;color:#6e4cff;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.za-design-checker .v07-overview-main h3{margin:0;font-size:24px;line-height:1.28;letter-spacing:-.025em;color:#202431}.za-design-checker .v07-overview-main p{margin:8px 0 0;color:#666c7b;font-size:15px;line-height:1.55;max-width:760px}.za-design-checker .v07-overview-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}.za-design-checker .v07-overview-signals>div{padding:13px 14px;border-radius:15px;background:#f7f6fb;border:1px solid #eeecf5}.za-design-checker .v07-overview-signals small{display:block;color:#747988;font-size:11px;font-weight:750;margin-bottom:4px}.za-design-checker .v07-overview-signals strong{display:block;color:#252a38;font-size:14px;line-height:1.35}.za-design-checker .v07-components-section{border-top:1px solid #f0f0f2}.za-design-checker .v07-component-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.za-design-checker .v07-component-family-card{appearance:none;width:100%;min-width:0;text-align:start;border:1px solid #e7e7ec;background:#fff;color:#242936;border-radius:20px;padding:19px;box-shadow:0 7px 22px rgb(25 22 38 / .028);cursor:pointer;transition:.18s ease}.za-design-checker .v07-component-family-card:hover,.za-design-checker .v07-component-family-card.active{border-color:#d1c7ff;background:#fcfbff;box-shadow:0 9px 26px rgb(110 76 255 / .07)}.za-design-checker .v07-family-label{display:block;font-size:14px;font-weight:850;color:#303645}.za-design-checker .v07-component-family-card>strong{display:block;margin:10px 0 2px;font-size:32px;line-height:1;color:#171b25}.za-design-checker .v07-component-family-card>span:not(.v07-family-label){display:block;font-size:13px;font-weight:750;color:#5f6574}.za-design-checker .v07-component-family-card>small{display:block;margin-top:7px;font-size:12px;color:#767b88;line-height:1.4}.za-design-checker .v07-component-family-card>em{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #efeff2;font-style:normal;font-size:12.5px;line-height:1.48;color:#555b69}.za-design-checker .v07-component-explorer{padding:22px;border-radius:22px}.za-design-checker .v07-component-explorer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.za-design-checker .v07-component-explorer-head h3{margin:0;font-size:22px;line-height:1.25}.za-design-checker .v07-component-explorer-head p{margin:5px 0 0;color:#686e7d;font-size:14px;line-height:1.5}.za-design-checker .v07-component-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.za-design-checker .v07-component-tabs button{border:1px solid #e2e3e8;background:#fff;border-radius:999px;padding:8px 11px;color:#5e6472;font-size:12px;font-weight:800}.za-design-checker .v07-component-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-inline-start:4px;border-radius:999px;background:#f2efff;color:#6548ee}.za-design-checker .v07-component-tabs button.active{background:#6e4cff;color:#fff;border-color:#6e4cff}.za-design-checker .v07-component-tabs button.active span{background:#fff;color:#6e4cff}.za-design-checker .v07-pattern-list{display:grid;gap:9px}.za-design-checker .v07-pattern-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #ececf0;border-radius:16px;background:#fff}.za-design-checker .v07-pattern-count{text-align:center;padding:9px 6px;border-radius:13px;background:#f6f5fb}.za-design-checker .v07-pattern-count strong{display:block;font-size:22px;line-height:1.05}.za-design-checker .v07-pattern-count span{font-size:10px;color:#777c88}.za-design-checker .v07-pattern-copy{min-width:0}.za-design-checker .v07-pattern-copy h4{margin:0 0 7px;font-size:14px}.za-design-checker .v07-pattern-copy h4 span{display:inline-block;margin-inline-start:6px;padding:3px 6px;border-radius:999px;background:#f1edff;color:#684de8;font-size:9px;vertical-align:middle}.za-design-checker .v07-style-chips,.za-design-checker .v07-example-names{display:flex;gap:6px;flex-wrap:wrap}.za-design-checker .v07-style-chips span{padding:5px 7px;border-radius:8px;background:#f7f7f9;color:#555b68;font-size:10.5px}.za-design-checker .v07-example-names{margin-top:7px}.za-design-checker .v07-example-names span{color:#7a7f8c;font-size:10.5px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.za-design-checker .v07-pattern-evidence{border:0;background:#f2efff;color:#684de8;border-radius:999px;padding:9px 12px;font-size:11.5px;font-weight:850;white-space:nowrap}.za-design-checker .v07-findings-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);gap:18px;align-items:start}.za-design-checker .v07-findings-layout .v06-findings{min-width:0}.za-design-checker .v07-findings-layout .v06-finding-row{grid-template-columns:1fr;gap:14px;align-items:start}.za-design-checker .v07-findings-layout .v06-finding-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.za-design-checker .v07-findings-layout .v06-finding-row .detailBtn{justify-self:start}.za-design-checker .v07-evidence-explorer{position:sticky;top:92px;padding:18px;border-radius:22px;overflow:hidden}.za-design-checker .v07-evidence-head h3{margin:0;font-size:20px;line-height:1.3}.za-design-checker .v07-evidence-head p{margin:5px 0 0;color:#69707e;font-size:13px;line-height:1.5}.za-design-checker .v07-evidence-device{margin-top:12px}.za-design-checker .v07-evidence-device span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1edff;color:#6548ee;font-size:11px;font-weight:800}.za-design-checker .v07-evidence-stage{margin-top:12px;padding:9px;border-radius:16px;background:#f3f3f6;border:1px solid #e9e9ee}.za-design-checker .v07-evidence-screen{position:relative;overflow:hidden;border-radius:11px;background:#fff;aspect-ratio:16/10;border:1px solid #dedfe5}.za-design-checker .v07-evidence-screen img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.za-design-checker .v07-evidence-empty{height:100%;display:grid;place-items:center;padding:20px;color:#777d8a;font-size:12px;text-align:center}.za-design-checker .v07-evidence-highlight{position:absolute;border:3px solid #6e4cff;background:rgb(110 76 255 / .13);border-radius:7px;box-shadow:0 0 0 2px rgb(255 255 255 / .9),0 3px 18px rgb(110 76 255 / .22);pointer-events:none}.za-design-checker .v07-evidence-details{display:grid;gap:8px;margin-top:12px}.za-design-checker .v07-evidence-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;padding-top:8px;border-top:1px solid #eeeeF2}.za-design-checker .v07-evidence-details small{font-size:10.5px;font-weight:800;color:#757a88}.za-design-checker .v07-evidence-details span{font-size:12px;line-height:1.45;color:#444a58;overflow-wrap:anywhere}.za-design-checker #exportTokensBtn{min-width:170px}@media (max-width:1100px){.za-design-checker .v07-overview-card{grid-template-columns:1fr}.za-design-checker .v07-overview-signals{grid-template-columns:repeat(4,minmax(0,1fr))}.za-design-checker .v07-findings-layout{grid-template-columns:1fr}.za-design-checker .v07-evidence-explorer{position:relative;top:auto}}@media (max-width:760px){.za-design-checker .v07-overview-card{padding:17px;gap:16px}.za-design-checker .v07-overview-main h3{font-size:19px}.za-design-checker .v07-overview-main p{font-size:13px}.za-design-checker .v07-overview-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.za-design-checker .v07-overview-signals>div{padding:10px}.za-design-checker .v07-overview-signals strong{font-size:12px}.za-design-checker .v07-component-summary{grid-template-columns:1fr;gap:9px}.za-design-checker .v07-component-family-card{padding:15px}.za-design-checker .v07-component-family-card>strong{font-size:26px}.za-design-checker .v07-component-explorer{padding:16px}.za-design-checker .v07-component-explorer-head{display:grid;gap:12px}.za-design-checker .v07-component-explorer-head h3{font-size:18px}.za-design-checker .v07-component-explorer-head p{font-size:12.5px}.za-design-checker .v07-component-tabs{justify-content:flex-start}.za-design-checker .v07-pattern-row{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:11px}.za-design-checker .v07-pattern-evidence{grid-column:2;justify-self:start}.za-design-checker .v07-pattern-count strong{font-size:19px}.za-design-checker .v07-findings-layout .v06-finding-facts{grid-template-columns:1fr}.za-design-checker .v07-evidence-explorer{padding:14px}.za-design-checker .v07-evidence-screen{aspect-ratio:390/844}.za-design-checker .v07-evidence-details>div{grid-template-columns:1fr;gap:2px}}.za-design-checker .v06-tool-focus .za-hub-return{margin:12px 0 18px;padding:0;line-height:1.5}.za-design-checker .v06-tool-focus .za-hub-return a{display:inline-block;padding:6px 0;min-height:34px;font-size:14px;font-weight:650;color:#513db2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.za-design-checker .v06-tool-focus .za-hub-return a:hover{text-decoration-thickness:2px}.za-design-checker .v06-tool-focus .za-hub-return a:focus-visible{outline:2px solid currentColor;outline-offset:3px}