@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f5f8ff;--panel: #ffffff;--text: #16223a;--muted: #5a6b87;--line: #d8e0ef;--brand: #0a4fb5;--brand-dark: #083a84;--accent: #ff8f3f;--ok: #157a44;--danger: #b11f34;--shadow: 0 18px 44px rgba(7, 31, 73, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff,#eef3ff)}h1,h2,h3{font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.02em}.app-shell{position:relative;width:min(1220px,100% - 2.5rem);margin:2rem auto;display:grid;gap:1rem}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(12,66,147,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(12,66,147,.05) 1px,transparent 1px);background-size:30px 30px;z-index:-3}.background-blob{position:fixed;border-radius:999px;filter:blur(36px);z-index:-2}.background-blob-one{width:420px;height:420px;left:-120px;top:-120px;background:#0c4fb52e}.background-blob-two{width:340px;height:340px;right:-80px;top:180px;background:#ff8f3f33}.fade-up{animation:fadeUp .34s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(130deg,#fff,#eef4ff 55%,#fff4ea);border:1px solid var(--line);border-radius:18px;padding:1.25rem 1.35rem;box-shadow:var(--shadow)}.eyebrow{margin:0 0 .25rem;color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.11em;font-size:.75rem}.hero h1{margin:0;font-size:clamp(1.65rem,4vw,2.4rem)}.lead{margin:.45rem 0 0;max-width:74ch;color:var(--muted)}.hero-meta{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid #bcd0f2;background:#f5f9ff;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;color:#204879;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0;margin-bottom:.45rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.validation-actions{display:flex;align-items:center;gap:.45rem}.control-panel label{display:block;margin-bottom:.45rem;font-size:.86rem;font-weight:700;color:#223a5f;text-transform:uppercase;letter-spacing:.08em}.control-row{display:flex;gap:.65rem}input[type=url]{flex:1;border:1px solid #c9d5ea;border-radius:10px;background:#fff;padding:.75rem .82rem;font-size:.95rem}input[type=url]:focus{outline:2px solid rgba(10,79,181,.22);border-color:var(--brand)}button{border:0;border-radius:10px;padding:.72rem 1rem;background:linear-gradient(140deg,var(--brand),var(--brand-dark));color:#fff;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.secondary-btn{background:#fff;color:#21406d;border:1px solid #b8caea;font-weight:700}.secondary-btn:hover{filter:none;background:#f4f8ff}.warning{background:#fff8f2;border-color:#ffd5b5}.warning p{margin:.4rem 0 0}.error{margin-bottom:0;color:var(--danger);font-weight:600}.metrics{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid #cfe0ff;background:linear-gradient(180deg,#fff,#f4f8ff);border-radius:14px;padding:.85rem}.metric-label{margin:0;color:#3c5072;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.metric-card h3{margin:.45rem 0 0;line-height:1.2;word-break:break-word}.workspace-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.copy-row{display:flex;align-items:center;gap:.55rem}.copied{color:var(--ok);font-weight:700}textarea{margin-top:.65rem;width:100%;min-height:360px;border:1px solid #c9d5ea;border-radius:10px;padding:.75rem;font-family:Consolas,Courier New,monospace;font-size:.82rem;line-height:1.45}.preview{border:1px solid #c9d5ea;border-radius:10px;padding:.85rem;min-height:360px;max-height:620px;overflow:auto;background:#fff}.preview table{width:100%;border-collapse:collapse;table-layout:auto}.preview th,.preview td{border:1px solid #ccd5e6;padding:.35rem .5rem;vertical-align:top}.checks{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.checks li{display:grid;grid-template-columns:auto 1fr 1.4fr;gap:.65rem;border:1px solid #e2e8f5;border-radius:10px;padding:.55rem .65rem;align-items:start}.checks li.pass{background:#f3fbf6;border-color:#c4e6d1;color:var(--ok)}.checks li.fail{background:#fff3f5;border-color:#f4c7cf;color:var(--danger)}.validation-collapsed{margin:.55rem 0 0;color:var(--muted);font-size:.92rem}.hint p{margin-bottom:0;color:var(--muted)}@media(max-width:980px){.workspace-grid,.metrics{grid-template-columns:1fr}}@media(max-width:768px){.app-shell{width:min(1220px,100% - 1rem);margin:1rem auto}.hero,.panel{padding:.85rem}.control-row{flex-direction:column}.checks li{grid-template-columns:1fr;gap:.35rem}textarea,.preview{min-height:300px}}