.xjs-page{--xjs-accent:var(--primary,#2563eb);--xjs-accent-dim:color-mix(in srgb,var(--xjs-accent) 12%,transparent);--xjs-radius:14px;--xjs-radius-sm:10px;--xjs-border:var(--border,1px solid rgba(0,0,0,.08));padding-bottom:3rem;}
.xjs-signal-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin:0 0 1rem;}
.xjs-signal{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;border-radius:var(--xjs-radius-sm);background:var(--surface-muted,var(--surface,#f8fafc));border:var(--xjs-border);}
.xjs-signal-k{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.xjs-signal-v{font-size:.9rem;font-weight:600;color:var(--text-main,#0f172a);}
.xjs-card{background:var(--surface,#fff);border:var(--xjs-border);border-radius:var(--xjs-radius);padding:1rem;box-shadow:var(--shadow-soft,0 6px 24px rgba(15,23,42,.06));}
.xjs-surface{display:grid;grid-template-columns:1fr;gap:1rem;}
.xjs-col{display:flex;flex-direction:column;gap:1rem;min-width:0;}
.xjs-panel-wrap{display:flex;flex-direction:column;min-height:0;gap:.4rem;}
@media (min-width:900px){
.xjs-surface{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;}
}
.xjs-label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}
.xjs-editor{width:100%;min-height:min(52vh,420px);padding:.85rem 1rem;border-radius:var(--xjs-radius-sm);border:var(--xjs-border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55;background:var(--surface,#fff);color:var(--text-main,#0f172a);resize:vertical;transition:border-color .15s,box-shadow .15s;}
.xjs-editor:focus{outline:none;border-color:var(--xjs-accent);box-shadow:0 0 0 3px var(--xjs-accent-dim);}
.xjs-editor--invalid{border-color:#dc2626;}
.xjs-alert{font-size:.82rem;padding:.55rem .75rem;border-radius:var(--xjs-radius-sm);background:#fef2f2;color:#991b1b;border:1px solid #fecaca;display:none;}
.xjs-alert--show{display:block;}
.xjs-ops{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--xjs-radius);background:var(--surface,#fff);border:var(--xjs-border);box-shadow:var(--shadow-soft,0 4px 24px rgba(15,23,42,.06));}
.xjs-actions-primary{display:flex;align-items:center;gap:.6rem;}
.xjs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1rem;font-size:.88rem;font-weight:600;border-radius:var(--xjs-radius-sm);border:0;cursor:pointer;transition:transform .12s,background .15s,box-shadow .15s;}
.xjs-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.xjs-btn--primary{flex:1;background:var(--xjs-accent);color:#fff;box-shadow:0 2px 12px color-mix(in srgb,var(--xjs-accent) 35%,transparent);}
.xjs-btn--primary:hover:not(:disabled){filter:brightness(1.05);}
.xjs-btn--ghost{background:transparent;color:var(--text-main,#0f172a);border:var(--xjs-border);}
.xjs-btn--ghost:hover{background:var(--surface-muted,#f8fafc);}
.xjs-btn--outline{background:var(--surface,#fff);color:var(--text-main,#0f172a);border:var(--xjs-border);}
.xjs-btn--outline:hover{border-color:var(--xjs-accent);color:var(--xjs-accent);}
.xjs-btn--flash{animation:xjs-flash .6s ease;}
@keyframes xjs-flash{0%{box-shadow:0 0 0 0 var(--xjs-accent-dim);}100%{box-shadow:0 0 0 12px transparent;}}
.xjs-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;}
.xjs-actions-row .xjs-btn{flex:1;min-width:0;}
.xjs-actions-row--result{margin-top:auto;}
.xjs-spinner{width:1.1rem;height:1.1rem;border:2px solid var(--surface-muted,#e2e8f0);border-top-color:var(--xjs-accent);border-radius:50%;animation:xjs-spin .7s linear infinite;}
.xjs-spinner[hidden]{display:none;}
@keyframes xjs-spin{to{transform:rotate(360deg);}}
.xjs-details{border-radius:var(--xjs-radius-sm);border:var(--xjs-border);background:var(--surface-muted,#f8fafc);overflow:hidden;}
.xjs-details summary{cursor:pointer;padding:.75rem 1rem;font-weight:600;font-size:.88rem;list-style:none;}
.xjs-details summary::-webkit-details-marker{display:none;}
.xjs-details-inner{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem;}
.xjs-opt{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.4;}
.xjs-opt input[type="checkbox"]{margin-top:.2rem;accent-color:var(--xjs-accent);}
.xjs-field{display:flex;flex-direction:column;gap:.3rem;}
.xjs-field label{font-size:.8rem;font-weight:600;color:var(--text-muted);}
.xjs-field input,.xjs-field select{padding:.5rem .65rem;border-radius:8px;border:var(--xjs-border);font-size:.85rem;background:var(--surface,#fff);}
.xjs-field input:focus,.xjs-field select:focus{outline:none;border-color:var(--xjs-accent);}
.xjs-workbench{margin-bottom:2rem;}
.xjs-prose{margin-top:2.5rem;padding-top:2rem;border-top:var(--xjs-border);}
.xjs-prose h2{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;margin:0 0 .75rem;line-height:1.25;}
.xjs-prose h3{font-size:1.05rem;font-weight:700;margin:1.75rem 0 .5rem;}
.xjs-prose p,.xjs-prose li{font-size:.95rem;line-height:1.65;color:var(--text-main,#1e293b);}
.xjs-prose p{margin:0 0 1rem;}
.xjs-prose ul{margin:0 0 1rem;padding-left:1.2rem;}
.xjs-prose .xjs-callout{margin:1.25rem 0;padding:1rem 1.1rem;border-left:4px solid var(--xjs-accent);background:var(--surface-muted,#f8fafc);border-radius:0 var(--xjs-radius-sm) var(--xjs-radius-sm) 0;font-size:.92rem;}
.xjs-table-wrap{overflow-x:auto;margin:1rem 0;border-radius:var(--xjs-radius-sm);border:var(--xjs-border);}
.xjs-table{width:100%;border-collapse:collapse;font-size:.85rem;}
.xjs-table th,.xjs-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);}
.xjs-table th{background:var(--surface-muted,#f1f5f9);font-weight:600;}
.xjs-table code{font-size:.78em;background:rgba(0,0,0,.05);padding:.1rem .35rem;border-radius:4px;}
.xjs-dl{display:grid;gap:.85rem;margin:1rem 0;}
.xjs-dl div{padding:.75rem;border-radius:var(--xjs-radius-sm);border:var(--xjs-border);background:var(--surface,#fff);}
.xjs-dl dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;}
.xjs-dl dd{margin:0;font-size:.9rem;line-height:1.5;}