/* PREVIEW ONLY: error checker. Dark-glass terminal frame (always dark, like the hero panel). */
main.page>.section.xp{max-width:none}
main .xp-wrap{max-width:880px;margin:0 0 18px}
main .xp-board{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#171B19F2,#0E1110F2),radial-gradient(120% 80% at 100% 0,#FF7A1A1F,transparent 60%)}
main .xp-board::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;background:radial-gradient(60% 40% at 0 0,#7C5CFF14,transparent 70%),radial-gradient(50% 50% at 100% 100%,#FF7A1A14,transparent 70%)}
main .xp-b{padding:20px 22px 150px;display:grid;gap:12px}
main .xp-lbl{font-size:11px;letter-spacing:.14em;color:var(--muted)}
main #xp-in{width:100%;min-height:150px;resize:vertical;font:500 14px/1.55 var(--fm);color:#EDEDE8;background:#0A0C0BCC;border:1px solid #2C322E;border-radius:12px;padding:14px 16px;box-shadow:inset 0 1px 0 #FFFFFF08}
main #xp-in::placeholder{color:#6E736C}
main #xp-in:focus{outline:none;border-color:#FF7A1A;box-shadow:0 0 0 3px #FF7A1A33}
main .xp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
main .xp-try{font-size:11px;letter-spacing:.14em;color:var(--muted)}
main .xp-pill{min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid #2C322E;background:#FFFFFF08;color:#D6D8D2;font:500 13px/1 var(--fb);cursor:pointer;transition:border-color 120ms,background 120ms}
main .xp-pill:hover,main .xp-pill:focus-visible{border-color:#FF7A1A88;background:#FF7A1A14;color:#fff}
main .xp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:2px 0 0}
main .xp-board .btn.secondary{background:#FFFFFF0A;color:#EDEDE8;border-color:#2C322E;box-shadow:none}
main .xp-kbd{font-size:11px;color:#6E736C;letter-spacing:.06em}
main .xp-priv{display:flex;gap:8px;align-items:flex-start;color:var(--muted);margin:0}.xp-priv .ic{flex:none;color:var(--go);margin-top:2px}
main .xp-dim{color:var(--muted)}
main .xp-out:empty{display:none}
main .xp-scan{height:4px;border-radius:4px;background:#FFFFFF12;overflow:hidden}.xp-scan span{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--signal),#FFB067,var(--go));animation:xpbar .9s ease-in-out infinite}
@keyframes xpbar{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
main .xp-card{border:1px solid #2C322E;border-radius:14px;padding:18px 20px;background:linear-gradient(180deg,#FFFFFF0A,#FFFFFF03);animation:xpin .35s ease-out both}
@keyframes xpin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
main .xp-card h2{font-size:22px;margin:6px 0 10px;color:#fff;outline:none}
main .xp-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;color:var(--go);margin:0}
main .xp-chip i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.xp-chip.warn{color:#FEBC2E}
main .xp-card dl{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;margin:0 0 12px}
main .xp-card dt{font:500 11px/1.8 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.xp-card dd{margin:0;color:#DCDED8}
main .xp-card a:not(.btn){color:#FFB067}
main .xp-links{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px}
main .xp-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 14px;border-radius:12px;background:#FF7A1A12;border:1px solid #FF7A1A40;color:#EDEDE8}
main .xp-cta>span:last-child{display:flex;gap:8px;flex-wrap:wrap}
main .xp-warn{border:1px solid #FF5F5766;background:#FF5F5714;color:#FFD9D6;border-radius:12px;padding:12px 14px;margin-bottom:10px}
main .xp-how{display:grid;gap:14px;max-width:880px;margin:40px 0 8px}
main .xp-how>div{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}
main .xp-k{font-size:11px;letter-spacing:.14em;color:var(--signal);margin:0 0 6px}
main .xp-how p:last-child{margin:0}
@media(min-width:760px){main .xp-how{grid-template-columns:repeat(3,1fr)}}
main .xp>.small{max-width:880px;margin:10px 0 0}
@media(max-width:639px){main .xp-card dl{grid-template-columns:1fr;gap:2px}main .xp-card dd{margin-bottom:8px}main .xp-b{padding:16px 14px 132px}}
/* Mascot: bottom-right corner of the frame */
main .xp-mascot{position:absolute;right:-14px;bottom:-22px;display:flex;align-items:flex-end;gap:4px;pointer-events:none;z-index:2}
main .xp-say{margin:0 0 70px;max-width:210px;font-size:12px;line-height:1.4;color:#EDEDE8;background:#1B201ECC;border:1px solid #2C322E;border-radius:12px 12px 2px 12px;padding:8px 11px;backdrop-filter:blur(8px);box-shadow:0 10px 30px -12px #000}
main .xp-bot{overflow:visible}
@media(max-width:639px){main .xp-mascot{right:-4px;bottom:-16px}main .xp-bot{width:104px;height:102px}main .xp-say{margin-bottom:52px;max-width:170px;font-size:11px}}
@media(prefers-reduced-motion:no-preference){
main .xp-say{transition:opacity .2s}
}