.c510-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:min(1120px,calc(100% - 2rem));margin:auto;padding:2rem 0 4rem}.c510-shell h1:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:clamp(2rem,6vw,3.7rem);line-height:1.05}.c510-lead:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:1.12rem;max-width:820px}.c510-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-method:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){margin:1.5rem 0;padding:clamp(1rem,3vw,1.6rem);border:1px solid #cbd5e1;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0f172a12}.c510-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:1rem}.c510-card label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-fieldset:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:.4rem;font-weight:700}.c510-fieldset:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #cbd5e1;border-radius:10px;padding:1rem}.c510-card input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-card select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-card button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font:inherit}.c510-card input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-card select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:100%;box-sizing:border-box;padding:.7rem;border:1px solid #64748b;border-radius:8px;background:#fff}.c510-card textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:8rem;resize:vertical}.c510-actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.c510-actions button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:44px;padding:.65rem 1rem;border:1px solid #64748b;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer}.c510-actions .primary:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){background:#155e75;color:#fff;border-color:#155e75}.c510-actions button:disabled:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){opacity:.55}.c510-card :focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #f59e0b;outline-offset:3px}.c510-error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){color:#b91c1c;font-weight:700;min-height:1.5em}.c510-status:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-weight:700}.c510-result:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){margin-top:1rem;padding:1rem;border-radius:12px;background:#f1f5f9;overflow-wrap:anywhere}.privacy-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.safety-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-left:4px solid #0f766e;padding-left:1rem;font-weight:700}.safety-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-color:#b45309}.code-output:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block;padding:.9rem;background:#0f172a;color:#f8fafc;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.flex-preview:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;min-height:270px;max-height:520px;overflow:auto;padding:1rem;border:2px dashed #64748b;background:#eef6f8}.flex-preview span:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;place-items:center;min-width:68px;min-height:54px;padding:.5rem;background:#155e75;color:#fff;border-radius:8px}.og-preview:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-width:620px;border:1px solid #94a3b8;border-radius:12px;overflow:hidden;background:#fff}.og-placeholder:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){height:180px;display:grid;place-items:center;background:#dbeafe;color:#1e3a8a;font-weight:800}.og-copy:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:1rem}.og-copy strong:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.og-copy span:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block}.metric-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.metric:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:.8rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px}.metric strong:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:block;font-size:1.35rem}@media(max-width:640px){.c510-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:min(100% - 1rem,1120px)}.c510-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.c510-method:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:1rem}.code-output:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:.84rem}.flex-preview:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:220px}}