/* Kuvia Corp — /line-simulator/ v25: shared-link note, "Send this run", value box. Same language as sim.css. */
/* Shared-link note: the inline head script adds html.sim-shared before first paint, so the space is there from the start */
.sim-from{display:none;flex-wrap:wrap;align-items:center;gap:0 14px;margin:0 0 12px;font-size:15px;color:var(--on-navy);min-height:44px}
.sim-shared .sim-from{display:flex}
.sim-from span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#8FC0F5;margin-right:10px;vertical-align:1px}
.sim-from button,.sim-sb{font:bold 15px Arial,sans-serif;color:#fff;background:none;border:1px solid rgba(213,220,230,.35);border-radius:999px;min-height:44px;padding:0 18px;cursor:pointer}
.sim-from button:hover,.sim-sb:hover{border-color:#fff}
.sim-from button[hidden],.sim-sb[hidden],.sim-cpw[hidden]{display:none}
.sim-run :focus-visible{outline:3px solid #8FC0F5;outline-offset:3px}
#sim-run-h:focus{outline:none}
/* Send this run */
.sim-send{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:24px 0 0;min-height:44px}
.sim-sb#sim-copy{background:#fff;color:#16314F;border-color:#fff}
.sim-sb#sim-copy:hover{background:var(--on-navy)}
.sim-mail{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:#fff;font-weight:bold;font-size:15px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sim-ok{display:inline-block;min-width:120px;font-size:15px;font-weight:bold;color:#8FC0F5}
.sim-cpw{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 0;max-width:none;font-size:14px;color:var(--on-navy)}
.sim-cpw input{flex:1 1 280px;min-width:0;height:44px;box-sizing:border-box;border:1px solid rgba(213,220,230,.35);border-radius:6px;background:#0F2338;color:#fff;font:14px Arial,sans-serif;padding:0 10px}
.sim-sendn{margin:8px 0 0;max-width:none;font-size:14px;color:#9FB0C4}
/* Value box: collapsed by default */
.sim-val{margin:28px 0 0;border-top:1px solid rgba(213,220,230,.16);border-bottom:1px solid rgba(213,220,230,.16)}
.sim-val summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;cursor:pointer;list-style:none;font-size:18px;font-weight:bold;color:#fff}
.sim-val summary::-webkit-details-marker{display:none}
.sim-val summary::after{content:"+";flex:0 0 auto;font-size:26px;font-weight:normal;line-height:1;color:#8FC0F5}
.sim-val[open] summary::after{content:"\2212"}
.sim-vb{padding:4px 0 24px}
.sim-vi{margin:0 0 16px;max-width:none;font-size:15px;color:var(--on-navy)}
.sim-vfs{display:flex;flex-wrap:wrap;gap:12px 24px}
.sim-vf{display:flex;flex-direction:column;gap:6px;margin:0}
.sim-vf label,.sim-vk label,.sim-cpw label{margin:0;font-size:15px;font-weight:bold;color:var(--on-navy)}
.sim-vf input{width:220px;height:44px;box-sizing:border-box;border:1px solid #fff;border-radius:6px;background:#fff;color:#16314F;font:bold 18px Arial,sans-serif;padding:0 12px}
.sim-vf input[aria-invalid="true"]{border-color:#EB6834;box-shadow:inset 0 0 0 1px #EB6834}
.sim-vout{margin:18px 0 0;min-height:84px;font-size:16px;line-height:1.5;color:var(--on-navy)}
.sim-vout p{margin:0 0 6px;max-width:760px}
.sim-vout b{color:#fff}
.sim-vout .sim-vh{font-weight:bold;color:#fff}
.sim-vk{position:relative;display:flex;align-items:center;margin:10px 0 0;font-size:15px;color:var(--on-navy)}
.sim-vk input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sim-vk label{font-weight:normal;display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.sim-vk label::before{content:"";flex:0 0 18px;height:18px;box-sizing:border-box;border:2px solid #D5DCE6;border-radius:3px}
.sim-vk input:checked+label::before{background:#8FC0F5 linear-gradient(transparent,transparent);border-color:#8FC0F5;box-shadow:inset 0 0 0 3px #16314F}
.sim-vk input:focus-visible+label{outline:3px solid #8FC0F5;outline-offset:3px}
@media (max-width:600px){
  .sim-from{font-size:14px}
  .sim-send{margin-top:18px}
  .sim-sb#sim-copy{flex:1 1 auto}
  .sim-ok{min-width:0;flex:1 1 100%;min-height:20px}
  .sim-val summary{font-size:16px}
  .sim-vfs{flex-direction:column}
  .sim-vf input{width:100%}
}