:root{--ink:#233d5e;--muted:#7f91a8;--line:#e4ebf4;--blue:#2c86ec;--soft:#f5f9ff;--panel:#fff;--shadow:0 12px 38px #25446a0a}*{box-sizing:border-box}body,html{margin:0;background:#f6f9fe;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}.cert-choice:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80bbff;outline-offset:2px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:200}.skip:focus{top:0}.shell{max-width:1670px;margin:auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;border-bottom:1px solid var(--line)}.brand-row,.top-actions{display:flex;align-items:center;gap:13px;min-width:0}.brand{display:flex;align-items:center;gap:9px;font-weight:790;font-size:19px;letter-spacing:-.6px}.brandmark{background:linear-gradient(145deg,#b2dcff,#4a9be7);border-radius:10px;padding:5px 10px;color:#fff;box-shadow:0 4px 12px #69b9ff4d;font-size:20px}.brand-sep{height:25px;border-left:1px solid var(--line)}.brand-tool{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-tool strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tool small{font-size:10px;color:var(--muted)}.btn{border:1px solid #d5e4f5;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;min-height:38px;background:#fff;color:#396189;transition:background .15s}.btn:hover:not(:disabled){background:#eef6ff}.btn.primary{background:#2883ea;color:#fff;border-color:#2883ea;box-shadow:0 5px 13px #3589e62d}.btn.primary:hover:not(:disabled){background:#146ecb}.btn.subtle{border-color:transparent;background:0 0;color:#56718e}.btn.secondary{background:#f2f7ff}.btn.small{min-height:30px;padding:6px 10px;font-size:10px}.local-tag{color:#6a8c9b;font-weight:700;font-size:10px;white-space:nowrap}.privacy-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ac6a8;margin-right:5px}.hero{padding:35px 4px 29px;display:flex;justify-content:space-between;align-items:center;gap:28px}.eyebrow,.overline{font-size:10px;letter-spacing:1.55px;font-weight:820;color:#4b94df}.hero h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1.2px;margin:11px 0 8px;line-height:1.18;color:#253d5d}.hero p{color:#8293a8;font-size:13px;line-height:1.7;margin:0;max-width:740px}.hero-stat{border:1px solid #deebf9;background:#ffffffaf;padding:14px 19px;min-width:200px;border-radius:14px;display:grid;gap:4px}.hero-stat span{color:#5b9bdb;font-size:9px;letter-spacing:1.3px;font-weight:800}.hero-stat strong{font-size:16px;color:#375c88}.hero-stat small{color:#95a6ba;font-size:10px}.studio{display:grid;grid-template-columns:260px minmax(0,1fr) 290px;gap:14px;align-items:stretch;min-width:0}.central,.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.source-panel{padding:20px 17px;min-height:650px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:9px}.panel-head h2{font-size:14px;letter-spacing:-.25px;margin:8px 0 17px}.count{font-size:10px;color:#6b91b7;border-radius:20px;background:#eef6ff;padding:6px 8px;white-space:nowrap}.drop-zone{background:#f8fbff;border:1.5px dashed #bfd8f4;border-radius:13px;width:100%;padding:21px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8a9ab0}.drop-zone.dragover,.drop-zone:hover{border-color:#488fec;background:#eaf5ff}.drop-glyph{font-size:24px;border:1px solid #c7dffb;color:#3786df;width:42px;height:42px;display:grid;place-items:center;background:#fff;border-radius:12px}.drop-zone strong{font-size:12px;color:#446a91}.drop-zone span{font-size:10px}.drop-zone small{font-size:9px}.quick-row{display:flex;gap:7px;margin:10px 0 17px}.quick-row button{flex:1;min-width:0;font-size:10px;padding:8px 5px}.cert-list{display:grid;align-content:start;gap:7px;overflow:auto;max-height:65vh}.cert-row{display:flex;align-items:center;gap:2px;min-width:0}.cert-choice{width:100%;text-align:left;display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid transparent;border-radius:10px;padding:10px 9px;color:inherit;min-width:0}.cert-choice:hover{background:#f6faff}.cert-choice.active{background:#ecf5ff;border-color:#cfe6ff}.cert-symbol{background:#e9f4ff;color:#458fdb;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;flex:none;font-size:15px}.cert-name{min-width:0;flex:1}.cert-name strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-name small{display:block;margin-top:5px;color:#8b9db2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.cert-row .remove-cert{border:0;background:0 0;cursor:pointer;min-width:23px;min-height:32px;color:#8a9cb4;font-weight:800;font-size:14px;padding:0 2px;align-self:center}.cert-row .remove-cert:hover{color:#c14b52;background:#fff2f3;border-radius:6px}.source-bottom{display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.source-bottom .privacy-dot{margin-top:4px;flex:none}.source-bottom strong{font-size:11px;color:#5d768f}.source-bottom p{font-size:10px;line-height:1.6;color:#94a3b4;margin:5px 0 0}.central{min-height:650px;display:flex;flex-direction:column}.central-head{padding:23px 24px 19px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid var(--line)}.cert-heading{min-width:0}.cert-heading h2{margin:8px 0 6px;font-size:20px;letter-spacing:-.6px;overflow-wrap:anywhere}.cert-heading p{font-size:11px;color:#8b9bae;margin:0;line-height:1.5;overflow-wrap:anywhere}.status{font-size:10px;font-weight:750;color:#667a91;border:1px solid #dfe7f0;border-radius:30px;padding:8px 10px;white-space:nowrap}.status.ok{color:#198264;border-color:#bcebd8;background:#f0fff8}.status.warn{color:#a46a19;border-color:#f1dcaf;background:#fffbef}.status.bad{color:#b1474f;border-color:#f8ccd2;background:#fff1f2}.blank{margin:auto;text-align:center;padding:30px;max-width:520px}.blank-icon{font-size:45px;color:#67a3e5;margin-bottom:14px}.blank h3{font-size:22px;letter-spacing:-.5px;margin:10px 0}.blank p{font-size:12px;line-height:1.75;color:#899ab0}.empty-buttons{display:flex;gap:9px;justify-content:center;margin:19px 0}.empty-examples{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:10px;color:#87a1b9;margin-top:28px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 20px;gap:14px}.tab{flex:1;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid transparent;color:#8e9eb1;font-size:11px;font-weight:750;padding:14px 6px}.tab:hover{color:#4d83bd}.tab.active{color:#2580e4;border-color:#2580e4}.tab-body{padding:20px 24px;max-height:640px;overflow:auto}.overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fact{padding:13px;background:#f7faff;border:1px solid #e9eff8;border-radius:10px;min-width:0}.fact span{color:#91a1b4;font-size:10px;display:block;margin-bottom:8px}.fact strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:25px 0 12px}.section-header h3{margin:0;font-size:13px;letter-spacing:-.1px}.section-header small{font-size:10px;color:#9aacc0}.info-rows{border:1px solid var(--line);border-radius:11px;overflow:hidden}.kv{display:grid;grid-template-columns:142px minmax(0,1fr);border-top:1px solid #edf2f8;font-size:11px;min-width:0}.kv:first-child{border-top:0}.kv dd,.kv dt{margin:0;padding:10px 12px;line-height:1.7;overflow-wrap:anywhere}.kv dt{background:#f9fbfe;color:#8295aa}.kv dd{color:#405c7d}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #dbeaf8;background:#f4faff;color:#527aa4;border-radius:8px;padding:7px 9px;overflow-wrap:anywhere;font-size:10px;max-width:100%}.extension-list{display:grid;gap:9px}.ext{border:1px solid var(--line);border-radius:11px;padding:13px}.ext-title{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:790}.ext-title span{color:#bd7420;font-size:9px;white-space:nowrap}.ext p{color:#70839d;font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin:8px 0 0}.ext small{color:#a1adbd;font-size:10px}.hint{font-size:11px;color:#8b9db2;line-height:1.7}.notice{padding:13px;border-left:3px solid #83bbf7;background:#f3f9ff;color:#7185a0;font-size:11px;line-height:1.75;border-radius:7px}.notice strong{color:#4d769e}.notice.muted{background:#f7faff;border-color:#d2e3fa}.chain-list{display:grid;gap:13px}.chain-card{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.chain-card.selected{border-color:#8dc4ff;background:#f7fbff}.chain-top{display:flex;justify-content:space-between;gap:9px}.chain-top strong{font-size:12px;overflow-wrap:anywhere}.chain-card p{font-size:11px;color:#7f91a6;line-height:1.65;margin:8px 0;overflow-wrap:anywhere}.chain-card small{font-size:10px}.pill{display:inline-block;border-radius:30px;padding:5px 8px;font-size:9px;font-weight:760}.check-ok,.pill.verified{background:#e7faf3;color:#238867}.check-bad,.pill.invalid{background:#fff0f1;color:#bc454d}.check-warn,.pill.ambiguous,.pill.missing,.pill.unsupported{background:#fff7e5;color:#986d27}.pem-block{color:#5a7193;background:#f6f9fe;border:1px solid #e5edf7;border-radius:11px;padding:15px;font-size:10px;overflow:auto;white-space:pre;line-height:1.7}.central-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:auto;padding:14px 22px;border-top:1px solid var(--line)}.central-footer span{margin-right:auto;font-size:10px;color:#96a6b9}.sidebar{padding:21px 18px;max-height:850px;overflow:auto}.side-content{margin-top:4px}.side-intro{display:flex;gap:10px;padding:12px;border:1px solid #dcecfb;background:#f7fbff;border-radius:10px;color:#829ab4;font-size:10px;line-height:1.6}.mini-icon{font-size:18px;color:#4f9be8}.check-list{display:grid;gap:8px}.check-row{font-size:11px;line-height:1.5;border:1px solid #edf1f8;border-radius:9px;padding:10px;display:flex;align-items:center;gap:8px}.check-row span:first-child{font-size:11px;white-space:nowrap}.check-row span:last-child{overflow-wrap:anywhere}.placeholder{font-size:11px;color:#9baab9;line-height:1.7}.fingerprint-block{margin-bottom:16px}.fingerprint-title{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:770;color:#6a819d}.link-btn{background:0 0;color:#3389de;border:0;font-size:10px;font-weight:730;padding:5px}.fingerprint-value{font-family:ui-monospace,Consolas,monospace;background:#f7f9fd;border:1px solid #edf1f8;padding:11px;border-radius:9px;color:#65809c;font-size:10px;line-height:1.75;overflow-wrap:anywhere;word-break:break-word}.below{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px 8px 25px}.below article{max-width:630px}.below h2{font-size:16px;letter-spacing:-.3px;margin:9px 0}.below p{font-size:12px;line-height:1.75;color:#8a9db3;margin:0}.site-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:10px;color:#a5b4c4;font-size:10px;padding:19px 4px 36px}.modal-overlay{position:fixed;inset:0;background:#20375381;display:grid;place-items:center;padding:16px;z-index:100}.modal{max-width:660px;width:100%;background:#fff;border-radius:20px;box-shadow:0 35px 90px #18345770;padding:22px;max-height:90vh;overflow:auto}.modal header{display:flex;justify-content:space-between;gap:10px;align-items:center}.modal h2{font-size:18px;margin:0}.close{border:0;background:0 0;color:#8093a8;font-size:18px}.modal textarea{width:100%;height:245px;resize:vertical;border-radius:10px;border:1px solid #d5e2f1;outline-color:#4e9aea;font-family:monospace;font-size:12px;padding:13px;margin-top:15px}.modal p{font-size:12px;color:#8798ab;line-height:1.6}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.toast{position:fixed;z-index:101;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;color:#fff;background:#293e5e;box-shadow:0 9px 35px #14365a40;border-radius:11px;font-size:12px;max-width:90vw;text-align:center}.toast.error{background:#a7454e}@media(max-width:1250px){.studio{grid-template-columns:225px minmax(0,1fr) 245px}.sidebar,.source-panel{padding:16px 12px}.tab-body{padding:16px}.central-head{padding:18px}.kv{grid-template-columns:105px minmax(0,1fr)}}@media(max-width:1020px){.studio{grid-template-columns:225px minmax(0,1fr)}.sidebar{grid-column:1/-1;max-height:none}.side-content{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.side-intro{grid-column:1/-1}.sidebar .section-header{grid-column:auto}.check-list{grid-row:3;grid-column:1}.fingerprint-block{grid-column:2}.sidebar .notice{grid-column:1/-1}.central{min-height:600px}.source-panel{min-height:600px}}@media(max-width:710px){.shell{padding:0 12px}.topbar{padding:10px 0;min-height:0;flex-wrap:wrap}.top-actions{gap:4px;flex-wrap:wrap}.top-actions .btn{padding:7px 9px;min-height:33px;font-size:10px}.brand{font-size:16px}.brand-tool strong{font-size:11px}.local-tag{display:none}.hero{padding:23px 1px 18px}.hero h1{font-size:24px}.hero-stat{display:none}.studio{grid-template-columns:minmax(0,1fr)}.central{grid-row:1;min-height:510px}.source-panel{grid-row:2;min-height:0}.sidebar{grid-row:3;grid-column:auto}.cert-list{max-height:220px}.source-bottom{margin-top:17px}.blank{padding:28px 14px}.blank h3{font-size:19px}.central-head{flex-wrap:wrap;gap:7px}.cert-heading h2{font-size:17px}.tabs{padding:0 9px;gap:2px}.tab{font-size:10px;padding:12px 2px}.tab-body{padding:15px 12px}.overview-cards{grid-template-columns:1fr 1fr}.fact:last-child{grid-column:1/-1}.kv{grid-template-columns:105px minmax(0,1fr)}.side-content{display:block}.below{grid-template-columns:1fr;gap:21px;padding:27px 5px}.site-footer{flex-direction:column}}@media(max-width:365px){.brand-tool small{display:none}.brand-sep{display:none}.top-actions .btn{padding:6px 8px;font-size:10px}.overview-cards{grid-template-columns:1fr}.fact:last-child{grid-column:auto}.empty-buttons{flex-direction:column}.central-footer span{width:100%}.kv{grid-template-columns:90px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;scroll-behavior:auto!important}}.compare-box,.host-box{border:1px solid #dce9f8;background:#f8fbff;border-radius:12px;padding:12px;margin-top:14px;min-width:0}.compare-box .section-header,.host-box .section-header{margin:3px 0 10px}.compare-actions label,.host-box label{font-size:10px;color:#6d86a1;font-weight:750;display:block;margin-bottom:7px}.compare-actions,.host-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.compare-actions select,.host-actions input{min-width:0;flex:1 1 125px;width:100%;border:1px solid #cbdff3;border-radius:9px;background:#fff;padding:9px 10px;font-size:11px;color:#2d5279}.host-result{font-size:10px;line-height:1.6;color:#7a91aa;overflow-wrap:anywhere;margin:10px 0 0}.host-result[data-status=match]{color:#18755f}.host-result[data-status=invalid],.host-result[data-status=mismatch]{color:#aa4d52}.compare-result{font-size:11px;line-height:1.6;color:#68819b;margin-top:12px;overflow-wrap:anywhere}.comparison-row{display:grid;gap:3px;padding:9px 0;border-top:1px solid #e4ebf6}.comparison-row strong{color:#385b84}.comparison-row span{font-size:10px;overflow-wrap:anywhere}@media(max-width:1020px){.host-box{grid-column:1/-1}}