@layer components{.gl-live{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-1);margin-top:16px;padding:18px 20px 16px}.gl-live__fields{gap:16px 20px;display:grid}@media (min-width:640px){.gl-live__fields[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-live__fields[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.gl-live__field{min-width:0}.gl-live__label{color:var(--fg);margin-bottom:6px;font-size:.9375rem;font-weight:500;line-height:1.4;display:block}.gl-live__input{border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--bg-1);align-items:stretch;height:46px;transition:border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.gl-live__input:hover{border-color:var(--fg-muted)}.gl-live__input:focus-within{border-color:var(--beam-1);box-shadow:0 0 0 3px color-mix(in oklab, var(--beam-1) 22%, transparent)}.gl-live__field[data-invalid] .gl-live__input{border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in oklab, var(--signal) 18%, transparent)}.gl-live__input input{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:16px}.gl-live__unit{border-left:1px solid var(--line);border-radius:0 var(--radius-btn) var(--radius-btn) 0;background:var(--bg-2);min-width:3.25rem;color:var(--fg);white-space:nowrap;flex:none;align-items:center;padding:0 12px;font-size:.875rem;display:flex}.gl-live__unit .pd-formula,.gl-live__result .pd-formula{flex-wrap:wrap;gap:2px 24px;display:flex}.gl-live__unit sub,.gl-live__unit sup,.gl-live__result sub,.gl-live__result sup{font-size:.75em;line-height:0}.gl-live__note{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:.875rem;line-height:1.45}.gl-live__error,.gl-live__clamped{color:var(--fg);font-weight:600}.gl-live__result{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--fg);overflow-wrap:anywhere;margin-top:16px;padding-top:14px;font-size:1.0625rem;font-weight:500;line-height:1.7;display:block}@media (max-width:639px){.gl-live{padding:16px 14px 14px}}}