:root{color-scheme:dark;--bg: #0b1020;--panel: rgba(17, 24, 39, .88);--panel-2: rgba(15, 23, 42, .75);--line: rgba(148, 163, 184, .2);--text: #e5eefc;--muted: #9fb0cc;--accent: #7dd3fc;--accent-2: #38bdf8;--warn: #fbbf24;--ok: #34d399;--shadow: 0 20px 60px rgba(2, 6, 23, .45);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 26%),radial-gradient(circle at right 20%,rgba(52,211,153,.12),transparent 22%),var(--bg);color:var(--text)}body{min-height:100vh}button,input,textarea{font:inherit}code{font-family:SFMono-Regular,ui-monospace,monospace;font-size:.92em}.shell{width:min(1200px,calc(100% - 32px));margin:28px auto 40px}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:28px;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero h1{margin:0 0 12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}.lead{margin:0;color:var(--muted);line-height:1.7}.steps{margin:0;padding-left:20px;color:var(--muted);align-self:center;line-height:1.8}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:22px}.input-card,.settings-card,.output-card{padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2,.settings-card h2,.output-card h2{margin:0;font-size:1.15rem}.actions,.toolbar{display:flex;gap:10px;flex-wrap:wrap}.compact button,.compact .file-btn{padding:10px 14px}button,.file-btn{border:1px solid var(--line);background:#1e293bbf;color:var(--text);border-radius:14px;padding:12px 16px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover,.file-btn:hover{transform:translateY(-1px);border-color:#7dd3fc80;background:#1e293bf2}button.primary{background:linear-gradient(135deg,#38bdf840,#34d3992e);border-color:#7dd3fc80}.file-btn input{display:none}textarea,input{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:16px;padding:14px 16px}textarea{resize:vertical;min-height:340px}#jsonOutput{min-height:340px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:.95rem}.checkbox-row{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:10px 0 2px}.checkbox-row input{width:auto;transform:scale(1.2)}.tip-box{margin-top:18px;padding:16px;border-radius:18px;background:#0f172a99;border:1px solid var(--line);color:var(--muted)}.tip-box ul{margin:10px 0 0;padding-left:20px;line-height:1.7}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary div{padding:14px 16px;border-radius:16px;background:#0f172a99;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.summary.empty{display:block;color:var(--muted);padding:14px 16px;border-radius:16px;background:#0f172a73;border:1px dashed var(--line)}.messages{display:grid;gap:10px;margin-bottom:14px}.msg{border-radius:16px;padding:12px 14px;border:1px solid var(--line);background:#0f172a8c;color:var(--muted)}.msg.info{border-color:#34d39959}.msg.warning{border-color:#fbbf2459}@media(max-width:960px){.hero,.grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}}@media(max-width:640px){.shell{width:min(100% - 20px,1200px);margin:14px auto 24px}.card{border-radius:18px}.hero,.input-card,.settings-card,.output-card{padding:16px}.summary,.form-grid{grid-template-columns:1fr}textarea,#jsonOutput{min-height:280px}}