@font-face{font-family:'A1 Sans';src:url('../fonts/A1Sans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'A1 Sans';src:url('../fonts/A1Sans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--red:#EB140A;--red-dark:#B90A05;--black:#000;--white:#fff;--grey-1:#f2f2f2;--grey-2:#d5d5d5;--grey-3:#999;--grey-4:#4f4f4f;--text:#333;--success:#287a3d;--shadow:0 8px 24px rgba(0,0,0,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f7;color:var(--text);font-family:'A1 Sans',Verdana,sans-serif}.navbar{position:fixed;inset:0 0 auto 0;z-index:1000;min-height:72px;padding:10px 22px;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(0,0,0,.28)}.navbarLeft{display:flex;align-items:center;min-width:0}.a1Logo{width:auto;height:44px;margin-right:17px;object-fit:contain}.appTitle{font-size:24px;font-weight:700;line-height:1.15}.infoIconLink{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.infoIcon{width:32px;height:32px;filter:brightness(0) invert(1);transition:.18s}.infoIconLink:hover .infoIcon,.infoIconLink:focus-visible .infoIcon{filter:brightness(0) saturate(100%) invert(13%) sepia(96%) saturate(6000%) hue-rotate(3deg) brightness(96%);transform:scale(1.15)}.page{max-width:1380px;margin:0 auto;padding:104px 24px 44px}.introCard,.helpCard{background:var(--white);border:1px solid var(--grey-2);border-radius:7px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.05)}h1{margin:0 0 10px;color:var(--red);font-size:28px}h2{margin:0;color:var(--black)}p{line-height:1.5}.mappingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.mappingCard{background:var(--white);border:1px solid var(--grey-2);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s,transform .2s}.mappingCard:hover{box-shadow:0 12px 30px rgba(0,0,0,.15)}.mappingCard.expanded{grid-column:1/-1}.cardToggle{position:relative;width:100%;min-height:210px;padding:27px 24px;border:0;background:var(--white);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;font:700 21px/1.25 'A1 Sans',Verdana,sans-serif}.cardToggle:hover,.cardToggle:focus-visible{color:var(--red);outline:none}.playIcon{width:60px;height:60px;transition:transform .2s}.cardToggle:hover .playIcon,.cardToggle:focus-visible .playIcon{transform:scale(1.1)}.subtitleTooltip{position:absolute;left:50%;bottom:10px;transform:translate(-50%,8px);max-width:80%;padding:7px 10px;border-radius:5px;background:var(--black);color:var(--white);font-size:13px;font-weight:400;opacity:0;pointer-events:none;transition:.18s}.cardToggle:hover .subtitleTooltip,.cardToggle:focus-visible .subtitleTooltip{opacity:1;transform:translate(-50%,0)}.cardDetails{padding:0 28px 28px;border-top:4px solid var(--red)}.mappingSubtitle{margin:22px 0 5px;font-size:18px;font-weight:700}.jarInfo{margin:0 0 18px;color:var(--grey-4)}.fileSelectorRow{display:grid;grid-template-columns:minmax(260px,auto) 1fr;gap:14px;align-items:center}.inputFile,.alternativeJar{display:none}.primaryButton,.secondaryButton,button:not(.cardToggle){min-height:44px;border-radius:8px;padding:11px 18px;font:700 14px 'A1 Sans',Verdana,sans-serif;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.18s}.primaryButton,button:not(.cardToggle){border:2px solid var(--red);background:var(--red);color:var(--white)}.secondaryButton{border:2px solid var(--red);background:var(--white);color:var(--red)}.primaryButton:hover,button:not(.cardToggle):hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-1px)}.secondaryButton:hover{background:#fff2f1;border-color:var(--red-dark);color:var(--red-dark)}button:disabled{background:var(--grey-3)!important;border-color:var(--grey-3)!important;cursor:not-allowed;transform:none!important}.selectedFile,.selectedJar{display:block;padding:12px 14px;border-left:4px solid var(--red);background:#fff1f0;color:var(--black);word-break:break-word}.selectedJar{margin-top:13px}.hint{padding:13px 15px;background:var(--grey-1);border-left:4px solid var(--grey-3)}.actionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status{margin-top:16px;padding:14px 16px;white-space:pre-wrap;background:#eef2f4;border-left:5px solid #294f5a;font-family:Consolas,monospace;font-size:13px}.status.ok{border-left-color:var(--success)}.status.error{border-left-color:var(--red);background:#fff0ef;color:var(--red-dark)}.status.loading{border-left-color:var(--grey-3)}.downloadArea{margin-top:12px}.downloadLink{color:var(--red-dark);font-weight:700}.helpCard{border-top:5px solid var(--red);scroll-margin-top:90px}.helpHeading{display:flex;align-items:center;gap:12px}.helpIcon{width:36px;height:36px;background:var(--red);-webkit-mask:url('../images/Question.svg') no-repeat center/contain;mask:url('../images/Question.svg') no-repeat center/contain}code{background:#eef2f4;padding:2px 5px}.noscript{color:var(--red-dark)}
@media(max-width:900px){.navbar{position:static}.appTitle{font-size:19px}.page{padding-top:24px}.mappingGrid{grid-template-columns:1fr}.mappingCard.expanded{grid-column:auto}.actionGrid,.fileSelectorRow{grid-template-columns:1fr}.subtitleTooltip{display:none}}
.cheerpjRunnerFrame{position:fixed;width:1px;height:1px;left:-10000px;top:-10000px;border:0;pointer-events:none;opacity:0}.status.loading::before{content:'CheerpJ: ';font-weight:700}