.xcheck-page{max-width:1400px;margin:0 auto;display:grid;gap:5px}
.xcheck-page .card{border-radius:5px}
.xcheck-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px}
.xcheck-hero-copy{min-width:0}
.xcheck-hero h1{margin:2px 0 4px;font-size:25px}
.xcheck-hero p{margin:0;color:#6b7280;line-height:1.55;font-size:13px}
.xcheck-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#111827}
.xcheck-hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#6b7280;font-size:12px;white-space:nowrap}
.xcheck-hero-meta strong{color:#111827;font-size:15px}
.xcheck-alert{margin:0}
.xcheck-grid{--xcheck-head-slot:96px;display:grid;grid-template-columns:minmax(280px,29%) minmax(0,71%);grid-auto-rows:auto;gap:5px;align-items:stretch}
.xcheck-input-card,.xcheck-results-card{padding:16px;box-sizing:border-box;min-width:0;margin:0;align-self:stretch}
.xcheck-input-card{display:flex;flex-direction:column;height:auto!important;min-height:0!important}
.xcheck-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;box-sizing:border-box;flex:0 0 var(--xcheck-head-slot);height:var(--xcheck-head-slot);min-height:var(--xcheck-head-slot);padding:0}
.xcheck-card-head h2{margin:0 0 3px;font-size:20px;line-height:1.25}
.xcheck-card-head p{margin:0;color:#6b7280;font-size:12px;line-height:1.45}
.xcheck-textarea{width:100%;box-sizing:border-box;margin-top:8px;height:255px;min-height:255px;resize:none;overflow-y:auto;border:1px solid #d8dee8;border-radius:5px;padding:11px 12px;background:#fff;color:#111827;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}
.xcheck-textarea:focus,.xcheck-result-textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.09)}
.xcheck-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}
.xcheck-preview>div{border:1px solid rgba(15,23,42,.08);border-radius:5px;padding:8px 9px;background:rgba(248,250,252,.7)}
.xcheck-preview span{display:block;font-size:11px;color:#6b7280}
.xcheck-preview strong{display:block;margin-top:2px;font-size:16px}
.xcheck-billing-preview{margin-top:9px;border:1px solid rgba(15,23,42,.08);border-radius:5px;overflow:hidden}
.xcheck-billing-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px}
.xcheck-billing-row+.xcheck-billing-row{border-top:1px solid rgba(15,23,42,.06)}
.xcheck-billing-row span{color:#6b7280;font-size:12px}
.xcheck-billing-row strong{font-size:13px}
.xcheck-actions{display:flex;gap:7px;margin-top:10px}
.xcheck-actions .btn{flex:1;justify-content:center}
.xcheck-note{margin-top:8px;color:#6b7280;font-size:11px;line-height:1.55}
.xcheck-results-card{display:flex;flex-direction:column;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
.xcheck-results-top{box-sizing:border-box;flex:0 0 var(--xcheck-head-slot);height:var(--xcheck-head-slot);min-height:var(--xcheck-head-slot);display:flex;flex-direction:column;justify-content:flex-start;padding:0;overflow:hidden}
.xcheck-results-head{position:relative;display:flex;align-items:flex-start;justify-content:center;text-align:center;gap:12px;flex:0 0 auto;padding:0}
.xcheck-results-head>div:first-child{width:100%}
.xcheck-results-head h2{margin:0 0 3px;font-size:20px;line-height:1.25}
.xcheck-results-head p{margin:0;color:#6b7280;font-size:12px;line-height:1.45}
.xcheck-spinner{position:absolute;right:0;top:3px;width:18px;height:18px;border:2px solid #dbe2ea;border-top-color:#334155;border-radius:50%;animation:xspin .7s linear infinite}
.xcheck-summary-inline{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:8px;flex:0 0 auto}
.xcheck-summary-inline span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(15,23,42,.09);border-radius:5px;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;line-height:1.1}
.xcheck-summary-inline strong{color:#111827;font-size:15px}
.xcheck-result-switcher{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;flex:1 1 auto;min-height:0;margin-top:8px;overflow:hidden}
.xcheck-status-tabs{display:flex;flex-direction:column;gap:5px;min-height:0;align-self:start}
.xcheck-status-tab{appearance:none;width:100%;border:1px solid rgba(15,23,42,.09);background:#f8fafc;border-radius:5px;padding:9px 8px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;text-align:left;color:#475569;cursor:pointer;font:inherit}
.xcheck-status-tab:hover{background:#f1f5f9}
.xcheck-status-tab.is-active{background:#fff;border-color:#94a3b8;box-shadow:0 1px 4px rgba(15,23,42,.07);color:#111827}
.xcheck-tab-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}
.xcheck-status-tab[data-tone="ok"] .xcheck-tab-dot{background:#16a34a}
.xcheck-status-tab[data-tone="warn"] .xcheck-tab-dot{background:#d97706}
.xcheck-status-tab[data-tone="bad"] .xcheck-tab-dot{background:#dc2626}
.xcheck-status-tab[data-tone="muted"] .xcheck-tab-dot{background:#64748b}
.xcheck-tab-label{font-size:12px;font-weight:700;white-space:nowrap}
.xcheck-tab-count{min-width:22px;text-align:center;padding:1px 5px;border-radius:999px;background:#e9eef5;color:#475569;font-size:10px;font-weight:700}
.xcheck-status-panels{min-width:0;min-height:0;height:100%;display:flex;overflow:hidden}
.xcheck-status-panel{width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}
.xcheck-status-panel[hidden]{display:none!important}
.xcheck-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;min-height:24px;flex:0 0 auto}
.xcheck-panel-title strong{font-size:14px}
.xcheck-panel-title span{font-size:11px;color:#92400e}
.xcheck-result-textarea{width:100%;box-sizing:border-box;flex:1 1 auto;min-height:0;height:0;resize:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;touch-action:pan-y;border:1px solid #d8dee8;border-radius:5px;background:#fbfdff;color:#111827;padding:10px 12px;outline:none;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;scrollbar-width:thin;scrollbar-color:transparent transparent}
.xcheck-result-textarea:hover{scrollbar-color:#cbd5e1 transparent}
.xcheck-result-textarea::-webkit-scrollbar{width:6px;height:6px}
.xcheck-result-textarea::-webkit-scrollbar-track{background:transparent}
.xcheck-result-textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.xcheck-result-textarea:hover::-webkit-scrollbar-thumb{background:#cbd5e1}
.xcheck-copy{width:100%;justify-content:center;margin-top:7px;flex:0 0 auto;background:#eef4ff!important;border-color:#cbdaf5!important;color:#234b91!important;font-weight:700;box-shadow:none!important}
.xcheck-copy:hover:not(:disabled){background:#e2ecff!important;border-color:#b9ccec!important;color:#173b78!important}
.xcheck-copy:disabled{background:#eef4ff!important;border-color:#d9e4f6!important;color:#8b9ab2!important;opacity:1}
@keyframes xspin{to{transform:rotate(360deg)}}
.xcheck-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);padding:9px 15px;background:rgba(15,23,42,.92);color:#fff;border-radius:5px;z-index:9999;font-size:13px;display:none}
.xcheck-toast.is-show{display:block}
.xcheck-page.is-loading .xcheck-textarea{opacity:.72}
.xcheck-page.is-loading #xcheckStart{pointer-events:none;opacity:.68}
@media(max-width:900px){
  .xcheck-grid{--xcheck-head-slot:auto}
  .xcheck-hero{align-items:flex-start;flex-direction:column}
  .xcheck-hero-meta{align-items:flex-start;white-space:normal}
  .xcheck-grid{grid-template-columns:1fr;align-items:start}
  .xcheck-input-card,.xcheck-results-card{align-self:auto}
  .xcheck-card-head,.xcheck-results-top{height:auto;min-height:0;flex-basis:auto;overflow:visible}
  .xcheck-results-card{height:auto!important;min-height:0!important;overflow:visible}
  .xcheck-result-switcher{min-height:360px}
  .xcheck-result-textarea{min-height:280px;height:280px;flex:0 0 auto}
}
@media(max-width:560px){
  .xcheck-hero,.xcheck-input-card,.xcheck-results-card{padding:13px}
  .xcheck-hero h1{font-size:22px}
  .xcheck-textarea{height:245px;min-height:245px;font-size:16px}
  .xcheck-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xcheck-summary-inline{gap:5px}
  .xcheck-summary-inline span{padding:5px 7px;font-size:12px}
  .xcheck-summary-inline strong{font-size:13px}
  .xcheck-result-switcher{grid-template-columns:96px minmax(0,1fr);gap:6px;min-height:340px}
  .xcheck-status-tab{grid-template-columns:7px 1fr;padding:8px 7px}
  .xcheck-tab-count{grid-column:2;justify-self:start;margin-top:-2px}
  .xcheck-tab-label{font-size:11px}
  .xcheck-result-textarea{min-height:260px;height:260px;font-size:16px}
  .xcheck-actions{flex-direction:column}
  .xcheck-actions .btn{width:100%}
}

/* XCHECK_HEADER_SLOT_R26_P9: desktop left/right header slots are identical, so body content starts on the same horizontal line. */
/* XCHECK_WHEEL_CHAIN_R26_P9: result textarea scroll chains back to the page at boundaries instead of trapping the wheel. */