:root{--bg:#050711;--panel:#0d1224;--panel2:#111936;--line:#26345f;--txt:#e8f1ff;--muted:#9fb0d1;--cyan:#61e8ff;--violet:#a678ff;--green:#52ffba;--amber:#ffd36b;--red:#ff6d7a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#18244c 0,#050711 42%,#02040b 100%);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hero{padding:42px 28px 24px;max-width:1260px;margin:auto}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}h1{font-size:clamp(38px,6vw,82px);line-height:.9;margin:12px 0;background:linear-gradient(90deg,#fff,#8feeff,#aa92ff);-webkit-background-clip:text;color:transparent}.sub{color:var(--muted);font-size:18px}.locks{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.locks span,.badge{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#0a1022;color:#cfe0ff;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;max-width:1260px;margin:0 auto 30px;padding:0 28px}.card{background:linear-gradient(180deg,rgba(17,25,54,.96),rgba(7,11,24,.96));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.card h2{margin:0 0 14px;color:#fff}.import-card,.export-card{grid-column:span 1}.boundary-card{grid-column:span 2}label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:12px 0 6px}select,textarea{width:100%;background:#060a17;color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:12px;font:13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}textarea{min-height:340px;resize:vertical}#outputJson{min-height:360px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}button{background:linear-gradient(90deg,#1dd7ff,#7d6bff);color:#03101a;border:0;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer}.ghost{background:#121a34;color:#cfe0ff;border:1px solid var(--line)}.kv{display:grid;gap:8px}.row{display:grid;grid-template-columns:180px 1fr;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding:8px 0}.key{color:var(--muted);font-size:12px}.val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.big-badge{display:inline-block;border-radius:14px;padding:12px 14px;font-weight:900;letter-spacing:.03em;margin:4px 0 12px}.support{background:rgba(82,255,186,.12);color:var(--green);border:1px solid rgba(82,255,186,.4)}.strained{background:rgba(255,211,107,.12);color:var(--amber);border:1px solid rgba(255,211,107,.4)}.quarantine{background:rgba(166,120,255,.12);color:var(--violet);border:1px solid rgba(166,120,255,.45)}.fail{background:rgba(255,109,122,.12);color:var(--red);border:1px solid rgba(255,109,122,.45)}.neutral{background:rgba(97,232,255,.1);color:var(--cyan);border:1px solid rgba(97,232,255,.4)}ul{color:#cfe0ff}footer{text-align:center;color:var(--muted);padding:24px}@media(max-width:900px){.grid{grid-template-columns:1fr}.boundary-card{grid-column:span 1}.row{grid-template-columns:1fr}}