.cx{display:flex;flex-direction:column;gap:20px}.cx__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.cx__inputs{gap:20px;padding:24px}.cx__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:end}.cx__fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cx__result,.cx__stack{display:flex;flex-direction:column;gap:16px}.cx__result{min-width:0;position:sticky;top:80px}.cx__mono{font-family:var(--font-mono)}.cx__hint{font-size:11px;color:var(--fg-faint)}.cx__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cx__empty{padding:28px 8px;text-align:center;color:var(--fg-muted)}.cx__note{align-items:flex-start;gap:8px 10px;padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--warning) 35%,transparent);background:color-mix(in oklab,var(--warning) 8%,transparent);font-size:var(--text-sm);line-height:1.6;color:var(--fg-muted)}.cx__note,.cx__row{display:flex;flex-wrap:wrap}.cx__row{align-items:center;gap:10px 14px}.cx__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--fg-muted)}@media (max-width:960px){.cx__grid{grid-template-columns:minmax(0,1fr)}.cx__result{display:contents}.cx__preview{order:-1}}@media (max-width:520px){.cx__fields,.cx__fields--3{gap:18px 12px}.cx__stats{grid-template-columns:minmax(0,1fr)}}.cx-stage{display:flex;flex-direction:column;gap:12px;min-width:0}.cx-stage__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.cx-stage__surface{position:relative;display:grid;place-items:center;min-height:220px;padding:20px;border-radius:var(--radius);border:1px solid var(--line-strong);overflow:hidden;transition:background var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out)}.cx-stage__surface[data-bg=dark]{background:#0b0d12;color:#f4f5f7;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 0);background-size:18px 18px}.cx-stage__surface[data-bg=light]{background:#f6f6f2;color:#14161c;background-image:radial-gradient(rgba(0,0,0,.09) 1px,transparent 0);background-size:18px 18px}.cx-stage__surface[data-bg=grid]{background-color:#cfd3da;color:#14161c;background-image:conic-gradient(#e9ebef 25%,transparent 0 50%,#e9ebef 0 75%,transparent 0);background-size:20px 20px}.cx-stage__surface>*{min-width:0;max-width:100%}.cx-rz{display:flex;flex-direction:column;gap:8px;min-width:0}.cx-rz__frame{position:relative;max-width:100%;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);overflow:visible}.cx-rz__body{overflow:hidden;border-radius:9px;min-width:0}.cx-rz__handle{position:absolute;inset-block:0;inset-inline-end:-11px;width:22px;display:grid;place-items:center;cursor:ew-resize;touch-action:none;outline:none;z-index:2}.cx-rz__grip{width:6px;height:44px;max-height:70%;border-radius:999px;background:var(--fg-faint);box-shadow:0 0 0 3px var(--bg);transition:background var(--dur-1),height var(--dur-2) var(--ease-spring)}.cx-rz__handle:focus-visible .cx-rz__grip,.cx-rz__handle:hover .cx-rz__grip,.cx-rz__handle[data-drag=true] .cx-rz__grip{background:var(--accent);height:64px;box-shadow:0 0 0 3px var(--bg),0 0 14px var(--accent-soft)}.cx-rz__handle:focus-visible .cx-rz__grip{outline:2px solid var(--accent-fg);outline-offset:3px}.cx-rz__readout{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.cx-rz__readout b{color:var(--accent-fg);font-weight:700}.cx-stage__surface .cx-rz__readout{color:inherit;opacity:.75}.cx-stage__surface .cx-rz__readout b{color:inherit}.cx-stage__surface .cx-rz__grip{box-shadow:0 0 0 3px color-mix(in oklab,currentColor 18%,transparent);background:color-mix(in oklab,currentColor 55%,transparent)}body.cx-dragging,body.cx-dragging *{cursor:ew-resize!important;user-select:none!important}.cx-verdict{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);border:1px solid var(--line-strong);background:var(--surface);color:var(--fg-muted);transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2)}.cx-verdict:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fg-faint);transition:background var(--dur-2),box-shadow var(--dur-2)}.cx-verdict[data-on=true]{color:var(--accent-fg);border-color:color-mix(in oklab,var(--accent) 55%,transparent);background:var(--accent-soft)}.cx-verdict[data-on=true]:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}@media (prefers-reduced-motion:reduce){.cx-rz__grip,.cx-stage__surface,.cx-verdict{transition:none}}@media (pointer:coarse){.cx-rz__handle:after{content:"";position:absolute;inset-block:0;inset-inline:-11px}}