:root{--bg0:#12002a;--bg1:#22004a;--bg2:#3b0a6b;--panel0: rgba(20, 8, 40, .62);--stroke: rgba(255,255,255,.14);--stroke2: rgba(255,255,255,.1);--text:#f2eaff;--muted: rgba(242,234,255,.68);--accent:#ff3da6;--accent2:#8f5bff;--lime:#7cffb6;--danger:#ff4b4b;--shadow: 0 22px 60px rgba(0,0,0,.55);--radius: 18px;--radius2: 26px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(900px 500px at 20% 30%,rgba(143,91,255,.25),transparent 60%),radial-gradient(700px 420px at 70% 65%,rgba(255,61,166,.22),transparent 55%),radial-gradient(900px 600px at 40% 95%,rgba(124,255,182,.12),transparent 55%),linear-gradient(135deg,var(--bg0),var(--bg2));overflow-x:hidden}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2.2rem 1.2rem}.shell{width:min(1200px,100%);border-radius:var(--radius2);background:radial-gradient(900px 420px at 40% 25%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--stroke);box-shadow:var(--shadow);position:relative;overflow:hidden}.shell:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:radial-gradient(420px 220px at 25% 35%,rgba(255,61,166,.14),transparent 60%),radial-gradient(520px 260px at 80% 55%,rgba(143,91,255,.18),transparent 60%),radial-gradient(420px 240px at 50% 110%,rgba(124,255,182,.1),transparent 60%);filter:blur(18px);opacity:.9;pointer-events:none}.header{position:relative;padding:1.2rem 1.4rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;flex-direction:column;gap:.25rem}.brand h1{margin:0;font-size:1.28rem;letter-spacing:.12em;text-transform:uppercase}.brand p{margin:0;color:var(--muted);font-size:.95rem}.pills{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.pill{padding:.55rem .8rem;border-radius:999px;border:1px solid var(--stroke2);background:#0000002e;color:var(--muted);display:flex;align-items:center;gap:.55rem;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill label{display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.92rem}.pill select{background:#0000003d;border:1px solid var(--stroke2);color:var(--text);border-radius:999px;padding:.38rem .7rem}.pill input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.grid{position:relative;display:grid;grid-template-columns:1fr 280px;gap:1.1rem;padding:.9rem 1.2rem 1.4rem}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,#1408288c,#0e061aad);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;position:relative}.panelTop{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.panelTop h2{margin:0;font-size:.98rem;letter-spacing:.1em;text-transform:uppercase;color:#f2eaffeb}.panelTop .hint{color:var(--muted);font-size:.9rem}.editors{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:.9rem}@media (max-width: 980px){.editors{grid-template-columns:1fr}}.editor{display:flex;flex-direction:column;gap:.55rem}.editorHeader{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.editorHeader .title{font-size:.95rem;color:#f2eaffe0}.badge{font-size:.82rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#f2eaffc7;background:#0000002e}.badge.ok{border-color:#7cffb661;color:#c6ffe2eb}.badge.warn{border-color:#ff3da661;color:#ffc4e2eb}.badge.fail{border-color:#ff4b4b66;color:#ffcdcdf2}textarea{width:100%;min-height:420px;resize:vertical;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#08030e94;color:#f2eafff2;font-family:var(--mono);font-size:.92rem;line-height:1.45;padding:.85rem .95rem;outline:none}textarea:focus{border-color:#ff3da673;box-shadow:0 0 0 4px #ff3da626}.actions{padding:.9rem;display:flex;gap:.65rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-end}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:#0003;color:#f2eaffeb;border-radius:14px;padding:.7rem .9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease;display:inline-flex;align-items:center;gap:.55rem}.btn:focus{outline:none;box-shadow:0 0 0 4px #8f5bff29}.btn:hover{transform:translateY(-1px);border-color:#ffffff38;background:#00000042}.btn.primary{border-color:#ff3da673;background:linear-gradient(90deg,#ff3da657,#8f5bff47)}.btn.primary:hover{border-color:#ff3da699}.btn.ghost{background:transparent}.btn.danger{border-color:#ff4b4b73}.sidebar{display:flex;flex-direction:column;gap:.9rem}.card{padding:.95rem .95rem 1rem;display:flex;flex-direction:column;gap:.65rem}.card h3{margin:0;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase}.card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.2rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000029}.row .k{color:#f2eaffdb;font-size:.92rem}.row .v{color:#f2eaffb8;font-size:.92rem;font-family:var(--mono)}.small{font-size:.86rem;color:#f2eaffb3}.footer{padding:.85rem 1.2rem 1.2rem;color:#f2eaff8c;font-size:.86rem;position:relative}a{color:#ff3da6eb}a:focus{outline:none;box-shadow:0 0 0 4px #ff3da62e;border-radius:10px}