.app-shell{width:min(1100px,100%);margin:0 auto;padding:24px}.app-header{margin-bottom:24px}.app-header h1{margin:4px 0 8px;font-size:clamp(28px,6vw,44px)}.app-header p{line-height:1.7}.eyebrow{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px}.demo-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0f172a0f}.result-card h2{margin-top:0}.result-card dt{color:#64748b;margin-top:12px;font-size:14px}.result-card dd{word-break:break-all;margin:4px 0 0;font-weight:600}@media (width<=850px){.app-shell{padding:16px}.demo-layout{grid-template-columns:1fr}}:root{color:#1f2937;background:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}button:hover{background:#f3f4f6}