:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f1e8;--surface:#fffcf6eb;--foreground:#1f1d18;--muted:#6a6458;--border:#362b1c1f;--accent:#0b6e4f;--accent-strong:#084c38;--shadow:0 24px 64px #20170c1f}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#0b6e4f1f,#0000 40%),linear-gradient(#f8f4eb 0%,#efe6d7 100%);font-family:Georgia,Times New Roman,serif}body{min-height:100vh;color:var(--foreground);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.demo-card{border:1px solid var(--border);background:linear-gradient(135deg,#0b6e4f1a,#0000 45%),#ffffff94;border-radius:24px;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:24px;margin-top:36px;padding:24px;display:grid}.demo-copy h2{margin:8px 0 12px;font-size:clamp(1.8rem,4vw,2.8rem)}.demo-copy p{color:var(--muted);margin:0;line-height:1.7}.demo-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--accent)!important}.demo-window{border:1px solid var(--border);background:#fffdf8;border-radius:20px;gap:10px;min-height:250px;padding:18px;display:grid;position:relative;overflow:hidden}.demo-slider{pointer-events:none;background:linear-gradient(90deg,#0000,#0b6e4f29,#0000),linear-gradient(#0b6e4f14,#0b6e4f2e);border-left:1px solid #0b6e4f33;border-right:1px solid #0b6e4f33;width:42%;animation:4.8s ease-in-out infinite translate-sweep;position:absolute;top:0;bottom:0}.demo-labels,.demo-row{z-index:1;grid-template-columns:130px 1fr 1fr;align-items:center;gap:12px;display:grid;position:relative}.demo-labels{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:130px 1fr 1fr;font-size:12px}.demo-labels span:first-child{grid-column:2}.demo-row{background:#ffffffb8;border:1px solid #362b1c14;border-radius:16px;min-height:58px;padding:10px 12px}.demo-field{color:var(--muted);font-family:Courier New,monospace;font-size:13px}.demo-original{font-size:17px}.demo-translated{color:var(--accent-strong);font-size:18px;font-weight:700}@keyframes translate-sweep{0%,to{transform:translate(-24%)}50%{transform:translate(150%)}}@media (max-width:760px){.demo-card,.demo-labels,.demo-row{grid-template-columns:1fr}.demo-labels{display:none}}